.csg-revista-search{position:relative; max-width:800px; margin:0 auto;}
.csg-input-wrap{position:relative;display: flex;}
.csg-revista-input {
    width: 100%;
    padding: 16px 52px 16px 22px;
    border: 2px solid var(--csg-border);
    border-radius: 5px;
    font-size: 18px;
    color:#005056
}

.csg-revista-input::placeholder{ color: #888; }


.csg-spinner{position:absolute; right:12px; top:50%; width:18px; height:18px; margin-top:-9px; border:2px solid #ccc; border-top-color:#333; border-radius:50%; animation:csgspin 600ms linear infinite; opacity:0;}
.csg-revista-search.loading .csg-spinner{opacity:1;}
@keyframes csgspin{to{transform:rotate(360deg)}}

.csg-suggest{position:absolute; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid #e5e7eb; border-radius:0px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:0px; display:none; z-index:50; max-height: 400px; overflow-y: auto;}
.csg-revista-search.open .csg-suggest{display:block;}

.csg-card{display:flex; gap:14px; padding:20px; border-radius:0px; transition:.15s background;}
.csg-card:hover{background:#f7fafc;}
.csg-card-link{display:flex; gap:14px; text-decoration:none; color:inherit; width:100%;}
.csg-card-thumb{flex:0 0 80px; width:80px; height:110px; border-radius:0px; overflow:hidden; background:#fff;}
.csg-card-thumb img{width:100%; height:100%; object-fit:contain;}
.csg-card-body{flex:1 1 auto;}
.csg-card-title{margin:0px; font-size:16px; line-height:1.3; padding:0px}
.csg-card-title + .revista{font-size:14px; color:#888; margin-top:4px; margin-bottom:6px;line-height: 1.2;}
.csg-card-meta{display:flex; justify-content:space-between; gap:10px; font-size:12px; color:#555;line-height: 1.2;}
.csg-card-meta .left{flex: 0 0 80%;} 
.csg-card-meta .right{flex: 0 0 15%;}
.csg-noresults{padding:10px; font-size:14px; color:#666;}


/* Oculta la X nativa de WebKit para que no interfiera */
.csg-revista-input::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Más espacio a la derecha para X + spinner */
.csg-revista-input{ padding-right: 84px; }

/* Botón X */
.csg-clear{
  position:absolute; right:56px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border:0; background:transparent; cursor:pointer; opacity: 0.6;
  color:#005056; font-size:22px; line-height:1; display:none; /* oculto por defecto */
}

/* Mostrar X cuando hay valor */
.csg-revista-search.has-value .csg-clear{ display:block; }

/* Opcional: hover/focus */
.csg-clear:hover, .csg-clear:focus{ color:#003d40; outline:none; }

/* resalte del término */
.csg-hl{
  background-color: var(--gcid-h92gzt017r)!important;
}

.csg-revista-submit{height: 54px; background-color: transparent; border: 0px; position: absolute; right: 15px; cursor: pointer;}




@media (max-width:600px){
  .csg-card-meta{flex-direction:column;}
}