.comparaciones-section { padding:24px 16px 30px; color:#244d7c; }
.comparaciones-section .comparaciones-header { position:sticky; top:calc(var(--header-total-h,195px) + 5px); z-index:50; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; margin-bottom:20px; padding:18px 20px; background:#fff; border:1px solid #e1e7ef; border-radius:14px; box-shadow:0 4px 16px #244d7c0a; }
.comparaciones-section .comparaciones-heading { display:flex; align-items:center; gap:14px; min-width:0; }
.comparaciones-section .comparaciones-heading > div { min-width:0; }
.comparaciones-section .comparaciones-heading-icon { display:flex; align-items:center; justify-content:center; flex:0 0 44px; height:44px; border-radius:12px; background:#fff0e1; color:#e66a00; font-size:1.35rem; }
.comparaciones-section .comparaciones-header h1 { font-size:1.4rem; line-height:1.3; margin:0 0 5px; color:#244d7c; }
.comparaciones-section #vaciarComparaciones { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; color:#c25b00; border:1px solid #ffd8b0; border-radius:10px; background:#fff5e9; font-size:.85rem; font-weight:600; white-space:nowrap; }
.comparaciones-section #vaciarComparaciones:hover { background:#ff7900; border-color:#ff7900; color:#fff; }
.comparaciones-section #vaciarComparaciones:focus-visible { outline:2px solid #244d7c; outline-offset:2px; }
.comparaciones-section #vaciarComparaciones[hidden] { display:none; }
.comparaciones-section h1 { font-size:1.5rem; font-weight:700; margin:0 0 8px; }
.comparaciones-section .comparaciones-header p { margin:0; color:#667589; font-size:.85rem; line-height:1.5; }
.comparaciones-section .comparaciones-grid { display:grid; grid-template-columns:repeat(auto-fit,284px); justify-content:center; gap:10px; align-items:stretch; }
.comparaciones-section .comparacion-card { padding:14px; background:#fff; border:1px solid #e1e7ef; border-radius:14px; min-width:0; overflow:hidden; }
.comparaciones-section .comparacion-card img { display:block; width:100%; height:180px; object-fit:contain; margin:0 auto 14px; }
.comparaciones-section .comparacion-card h2 { font-size:.9rem; font-weight:600; line-height:1.5; margin:0 0 10px; overflow-wrap:anywhere; }
.comparaciones-section .comparacion-card h2 a { color:#244d7c; text-decoration:none; }
.comparaciones-section .comparacion-meta { color:#667589; font-size:.75rem; line-height:1.5; overflow-wrap:anywhere; }
.comparaciones-section .comparacion-card h3 { font-size:.85rem; font-weight:600; border-top:1px solid #e8edf4; padding-top:14px; margin:14px 0 8px; }
.comparaciones-section .comparacion-atributos { white-space:pre-line; overflow-wrap:anywhere; color:#53647a; font-size:.82rem; line-height:1.6; }
.comparaciones-section .comparacion-quitar { width:100%; margin-top:16px; background:#fff5e9; color:#c25b00; border:1px solid #ffd8b0; border-radius:8px; padding:8px; }
.comparaciones-section #comparacionesVacio { text-align:center; padding:36px 16px; background:#fff; border:1px solid #e1e7ef; border-radius:14px; }
.comparaciones-section #comparacionesVacio > i { font-size:2rem; color:#ff7900; }
.comparaciones-section #comparacionesVacio h2 { font-size:1.1rem; margin:16px 0 10px; }
.comparaciones-section .btn { min-height:44px; border-radius:10px; }
.comparaciones-section .btn-primary { background:#ff7900; border-color:#ff7900; }
.comparaciones-section #comparacionesEstado { color:#667589; font-size:.9rem; }

/* Columnas alineadas; el texto largo se despliega sin ocultar la acción de quitar. */
.comparaciones-section .comparacion-card { display:flex; flex-direction:column; }
.comparaciones-section .comparacion-sin-imagen { display:flex; align-items:center; justify-content:center; height:180px; margin-bottom:14px; color:#8190a2; background:#f6f8fc; border-radius:8px; }
.comparaciones-section .comparacion-card h2 { min-height:2.7em; }
.comparaciones-section .comparacion-meta { min-height:2.25em; margin-bottom:0; }
.comparaciones-section .comparacion-atributos { position:relative; max-height:250px; overflow-y:auto; overflow-x:hidden; align-self:start; width:100%; scrollbar-width:thin; scrollbar-color:#aab8ca #f2f5f9; scrollbar-gutter:stable; padding-right:6px; }
.comparaciones-section .comparacion-atributos.is-expanded { max-height:none; overflow:visible; scrollbar-gutter:auto; }
 .comparaciones-section .comparacion-atributos::-webkit-scrollbar { width:6px; }
.comparaciones-section .comparacion-atributos::-webkit-scrollbar-track { background:#f2f5f9; border-radius:6px; }
.comparaciones-section .comparacion-atributos::-webkit-scrollbar-thumb { background:#aab8ca; border-radius:6px; }
.comparaciones-section .comparacion-atributos:focus-visible { outline:2px solid #ff7900; outline-offset:2px; }
.comparaciones-section .comparacion-expandir { min-height:44px; margin-top:8px; padding:8px 4px; border:0; border-radius:8px; background:transparent; color:#244d7c; font-size:.82rem; font-weight:600; text-align:left; cursor:pointer; }
.comparaciones-section .comparacion-expandir:hover { color:#e66a00; background:#fff5e9; }
.comparaciones-section .comparacion-expandir:focus-visible { outline:2px solid #ff7900; }
.comparaciones-section .comparacion-quitar { margin-top:auto; }
@supports(grid-template-rows:subgrid) {
 .comparaciones-section .comparacion-card { display:grid; grid-row:span 7; grid-template-rows:subgrid; row-gap:0; align-content:start; }
 .comparaciones-section .comparacion-card > :is(img,.comparacion-sin-imagen) { grid-row:1; }
 .comparaciones-section .comparacion-card > h2 { grid-row:2; }
 .comparaciones-section .comparacion-meta { grid-row:3; }
 .comparaciones-section .comparacion-card > h3 { grid-row:4; }
 .comparaciones-section .comparacion-atributos { grid-row:5; }
 .comparaciones-section .comparacion-expandir { grid-row:6; }
 .comparaciones-section .comparacion-quitar { grid-row:7; margin-top:16px; }
}