.recom-form{max-width:760px;margin:1rem auto}.recom-lista{display:grid;gap:1rem}.recom-item{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid #fff;border-radius:10px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.06)}.recom-thumb{width:120px;height:120px;object-fit:cover;border-radius:8px}.recom-attrs{margin:0;padding-left:18px}.recom-extras{margin:10px 0 0;padding-left:18px}.recom-extras li{margin:4px 0}.recom-title{margin:0 0 8px}.recom-title a{text-decoration:none;color:inherit}.recom-attrs{margin:0;padding-left:18px}.recom-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.recom-btn{display:inline-block;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}.recom-btn-primary{background:#0056A4;color:#fff}.recom-details summary{cursor:pointer;list-style:none;padding:10px 14px;border:1px solid #fff;border-radius:10px;font-weight:700}.recom-details[open] summary{margin-bottom:10px}.recom-details-body{padding:0 2px}
.recom-info{flex:1;min-width:0}

.recom-attrs{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
/* Desktop: el "Importe" puede ser más largo; le damos más espacio y evitamos salto de línea (€, etc.) */
@media(min-width:1024px){
  .recom-attrs{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);}
  .recom-attrs li:first-child{white-space:nowrap;}
}

@media(max-width:900px){.recom-attrs{grid-template-columns:1fr}}

.recom-extras{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.recom-extras li{background:rgba(0,86,164,.08);border:1px solid rgba(0,86,164,.18);border-radius:999px;padding:6px 10px;font-size:13px}

.recom-btn{text-decoration:none}
.recom-btn-primary{background:#0056A4;color:#fff;border:1px solid #0056A4}
.recom-btn-primary:visited{color:#fff}
.recom-btn-primary:hover{background:#fff;color:#0056A4;border:1px solid #0056A4}
.recom-btn-primary:hover:visited{color:#0056A4}
.recom-btn-primary:active,.recom-btn-primary:focus{background:#fff;color:#0056A4;border:1px solid #0056A4;outline:none;box-shadow:0 0 0 3px rgba(0,86,164,.15)}
.recom-btn-primary:active:visited,.recom-btn-primary:focus:visited{color:#0056A4}

/* v2.9.31 tweaks */
.recom-title a{color:#0056A4 !important;text-decoration:none !important}
.recom-title a:visited{color:#0056A4 !important}
.recom-title a:hover{text-decoration:none !important}

.recom-thumb-link{display:flex;align-items:center;align-self:center}
.recom-thumb{display:block}

/* Actions centered, button sizing */
.recom-actions{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.recom-btn-primary{text-decoration:none !important;display:inline-block;padding:10px 30px;border-radius:10px;min-width:170px;text-align:center}
.recom-btn-primary:visited{text-decoration:none !important;color:#fff !important}
.recom-btn-primary:hover{background:#fff;color:#0056A4 !important;border:1px solid #0056A4}
.recom-btn-primary:hover:visited{color:#0056A4 !important}
.recom-btn-primary:active,.recom-btn-primary:focus{background:#fff;color:#0056A4 !important;border:1px solid #0056A4;outline:none;box-shadow:0 0 0 3px rgba(0,86,164,.15)}
.recom-btn-primary:active:visited,.recom-btn-primary:focus:visited{color:#0056A4 !important}

.recom-details-link{font-size:12px;color:#0056A4;text-decoration:none}
.recom-details-link:hover{text-decoration:underline}

/* v2.9.32 layout (Opción B): cabecera a 100% + grid inferior contenido/CTA */
.recom-item{display:block;align-items:initial}

/* Usamos clases "recom-card-*" para evitar colisiones con CSS del tema */
.recom-card-head{display:flex !important;gap:12px;align-items:center;flex-wrap:nowrap;margin-bottom:10px}
.recom-card-head .recom-thumb{width:56px;height:56px;object-fit:contain;border-radius:8px}
.recom-card-head .recom-thumb-link{flex:0 0 auto;display:flex;align-items:center}
.recom-card-head .recom-title{margin:0;flex:1;min-width:0;width:auto !important}

.recom-card-body{display:grid !important;grid-template-columns:1fr 260px !important;gap:14px;align-items:center}
.recom-card-main{text-align:center}
.recom-card-main .recom-attrs{justify-items:center;text-align:center}
.recom-card-main .recom-extras{justify-content:center}

.recom-card-cta{display:flex;justify-content:center}
.recom-card-cta .recom-actions{margin-top:0}

@media(max-width:900px){
  /* Tablet: mantenemos 2 columnas para que no quede todo demasiado "alto" */
  .recom-card-body{grid-template-columns:1fr 220px !important;align-items:flex-start}
  .recom-card-main{text-align:left}
  .recom-card-main .recom-attrs{justify-items:start;text-align:left}
  .recom-card-main .recom-extras{justify-content:flex-start}
  .recom-card-cta{justify-content:center}
}

/* Mobile: apilamos a 100% y optimizamos lectura/espacio */
@media(max-width:640px){
  .recom-card-body{grid-template-columns:1fr !important}
  .recom-card-main{text-align:left}
  .recom-card-main .recom-attrs{grid-template-columns:1fr !important;justify-items:start;text-align:left}
  .recom-extras li{font-size:12px;padding:5px 9px}
  .recom-card-cta{justify-content:center;margin-top:12px}
  .recom-card-cta .recom-actions{width:100%;max-width:420px}
  .recom-card-cta .recom-btn-primary{width:100%;min-width:0}
}

/* Empty state (sin coincidencias) */
.recom-empty{max-width:760px;margin:1.5rem auto;background:#fff;border:1px solid #fff;border-radius:12px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,.06);text-align:left}
.recom-empty-title{margin:0 0 10px;font-size:20px;line-height:1.25;color:#111}
.recom-empty-text{margin:0 0 16px;color:#444}
.recom-empty .recom-btn-primary{display:inline-block}


/* === Mensaje destacado encima de resultados (v2.9.60+) === */
.recom-highlight {
  background: rgba(0,86,164,.06);
  border: 1px solid rgba(0,86,164,.18);
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 1.25rem;
  font-size: inherit;
  line-height: 1.5;
  font-family: inherit;
}