/* Catálogo JUMAVI · estilo B «técnico de catálogo» (CRITERIOS §6). Común a todas las páginas del catálogo.
   Colores de las fichas y logotipos: azul #54668A (franja de las fichas) y amarillo LUZENITH #FCCC00. */
:root{
 --f-tit:"Barlow",system-ui,sans-serif;--f-txt:"DM Sans",system-ui,sans-serif;
 --fondo:#fff;--seccion:#f2f4f7;--tinta:#1d2433;--suave:#5d6678;--linea:#dde3ec;--linea-h:#b9c3d4;
 --azul:#54668a;--azul-osc:#2e3b57;--amarillo:#fccc00;--amarillo-h:#ffd83a;
 --radio:8px;--radio-btn:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--f-txt);color:var(--tinta);background:var(--fondo);font-size:16px;line-height:1.5}
a{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}
h1,h2,h3,h4,.tile b,.cruz b,summary.pregunta,.porque b{font-family:var(--f-tit);font-weight:700}
.salto{position:absolute;left:-9999px}.salto:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px 12px}
/* cabecera */
.cab{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.cab-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 22px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo i{width:34px;height:34px;border-radius:9px;background:var(--amarillo);color:var(--tinta);font-style:normal;font-weight:800;display:grid;place-items:center}
.logo b{display:block;font-size:15px;line-height:1.1}.logo small{color:var(--suave);font-size:11.5px}
.fams{display:flex;gap:4px;margin-left:12px;overflow-x:auto}
.fams a{text-decoration:none;color:#3b4660;font-size:14px;font-weight:500;padding:7px 12px;border-radius:8px;white-space:nowrap}
.fams a[aria-current]{color:#fff;background:var(--azul)}.fams a:not([aria-current]):hover{background:#eef1f6}
.cab .der{margin-left:auto;display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radio-btn);padding:12px 20px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-am{background:var(--amarillo);color:var(--tinta)}.btn-am:hover{background:var(--amarillo-h)}
.btn-2{background:#fff;color:var(--azul-osc);border-color:var(--linea-h)}.btn-2:hover{border-color:var(--azul)}
.btn-peq{padding:8px 14px;font-size:13.5px}
/* presentación: compacta, los productos empiezan en la primera pantalla (dueño, 14-sep-2026) */
.heroe{background:linear-gradient(180deg,#f5f7fa 0%,#e8edf4 100%)}
.heroe-in{max-width:1200px;margin:0 auto;padding:26px 22px 24px;display:grid;grid-template-columns:1fr minmax(0,340px);gap:32px;align-items:center}
.heroe-in.sin-img{grid-template-columns:1fr}
.heroe h1{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:0 0 8px}
.heroe h1 em{font-style:normal;color:var(--azul)}
.heroe .lema{color:#4a5468;font-size:16.5px;max-width:680px;margin:0 0 12px}
.datos-l{display:flex;gap:4px 20px;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:14.5px;color:var(--suave)}
.datos-l b{color:var(--tinta)}
.datos-l a{color:var(--azul);font-weight:600;text-decoration:none}.datos-l a:hover{text-decoration:underline}
.acc{display:flex;gap:12px;flex-wrap:wrap}
.heroe-img{background:#fff;border-radius:10px;padding:8px;box-shadow:0 10px 28px rgba(46,59,87,.14)}
.heroe-img img{border-radius:4px;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}   /* height:auto: si no, manda el height="600" del HTML y la cabecera crece */
.oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* bloques */
.bloque{max-width:1200px;margin:0 auto;padding:60px 22px}
.bloque>h2{font-size:clamp(26px,3vw,36px);margin:0 0 8px}
.bloque>.intro{color:var(--suave);max-width:720px;margin:0 0 28px;font-size:17px}
.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:700;color:var(--azul);margin:0 0 6px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
#elegir{padding-top:24px;padding-bottom:22px}#elegir>h2{font-size:clamp(20px,2.2vw,26px);margin-bottom:12px}
#elegir .tile{padding:12px 14px;gap:3px}#elegir .tile-ico{width:34px;height:34px;margin-bottom:4px}#elegir .tile-ico svg{width:20px;height:20px}
@media (max-width:620px){#elegir .tiles{grid-template-columns:1fr 1fr;gap:8px}#elegir .tile small{display:none}#elegir .tile b{font-size:15px}#elegir .tile-ico{display:none}}
.tile{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--seccion);border:1px solid var(--linea);border-radius:var(--radio);padding:18px;transition:.2s}
.tile:hover{border-color:var(--amarillo);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.tile-ico{width:46px;height:46px;border-radius:6px;background:var(--azul-osc);color:var(--amarillo);display:grid;place-items:center;margin-bottom:6px}
.tile-ico svg{width:26px;height:26px}
.tile b{font-size:16.5px}.tile small{color:var(--suave);font-size:13.5px}.tile em{font-style:normal;font-size:12.5px;color:var(--azul);font-weight:700;margin-top:auto}
/* catálogo por secciones */
.catalogo{background:var(--seccion);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.catalogo>.bloque{padding-top:22px}
.seccion.unica .sec-cab{display:none}.seccion.unica .sec-cuerpo{padding-top:0}
.buscar-fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 20px}
.buscar-fila input{flex:1;min-width:240px;padding:13px 16px;border-radius:var(--radio-btn);border:1px solid var(--linea);font:inherit;background:#fff}
.buscar-fila .aviso{flex-basis:100%;margin:0;color:#8a5a00;font-size:14px}
.indice{position:sticky;top:59px;z-index:15;display:flex;gap:8px;overflow-x:auto;padding:10px 0 12px;margin:0 0 16px;background:var(--seccion);scrollbar-width:none}
.indice::-webkit-scrollbar{display:none}
.indice a{flex:0 0 auto;text-decoration:none;border:1px solid var(--linea);background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.indice a small{color:var(--suave);font-weight:500;margin-left:2px}
.indice a.on{background:var(--azul);color:#fff;border-color:var(--azul)}.indice a.on small{color:inherit;opacity:.8}
.seccion{margin:0 0 12px;scroll-margin-top:124px}
.sec-cab{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);cursor:pointer}
.sec-cab:hover{border-color:var(--linea-h)}
.sec-cab .eyebrow{margin:0 0 2px}
.sec-h{margin:0;font-size:22px}
.sec-btn{all:unset;cursor:pointer}.sec-btn:focus-visible{outline:2px solid var(--azul);outline-offset:4px;border-radius:4px}
.sec-desc{margin:4px 0 0;color:var(--suave);font-size:14.5px;max-width:720px}
.sec-n{white-space:nowrap;color:var(--azul);font-weight:700;font-size:13.5px}
.flecha{width:36px;height:36px;border-radius:50%;border:1px solid var(--linea);display:grid;place-items:center;transition:transform .25s}
.flecha::before{content:"";width:9px;height:9px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:translateY(-2px) rotate(45deg)}
.seccion.abierta .flecha{transform:rotate(180deg)}
.sec-cuerpo{padding:14px 0 12px}
.seccion:not(.abierta) .sec-cuerpo{display:none}
.subs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.sub{border:1px solid var(--linea);background:#fff;color:var(--tinta);border-radius:999px;padding:6px 13px;font:600 13.5px var(--f-txt);cursor:pointer}
.sub small{color:var(--suave);font-weight:500}
.sub.on{background:var(--azul-osc);color:#fff;border-color:var(--azul-osc)}.sub.on small{color:inherit;opacity:.75}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;transition:.2s;text-decoration:none}
.card:hover{box-shadow:0 16px 36px rgba(0,0,0,.09);border-color:var(--linea-h)}
.card-img{position:relative;background:#fff;aspect-ratio:2/1;border-bottom:1px solid var(--linea);overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s}
.card:hover .card-img img{transform:scale(1.04)}
.card-n{position:absolute;top:10px;right:10px;background:var(--azul-osc);color:var(--amarillo);font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px}
.sinimg{display:grid;place-items:center;height:100%;color:#aab;font-size:13px}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h4{margin:0;font-size:19px}.card-tipo{margin:0;color:var(--suave);font-size:14px}
.card-mods{margin:0;color:var(--suave);font-size:12.5px}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{background:var(--seccion);border:1px solid var(--linea);border-radius:999px;padding:3px 9px;font-size:12.5px}
.ver{margin-top:auto;align-self:flex-start;border:1.5px solid var(--azul-osc);border-radius:var(--radio-btn);padding:7px 13px;font-weight:700;font-size:14px}
.card:hover .ver{background:var(--azul-osc);color:#fff}
/* buscar en todo el catálogo (dueño, 14-sep-2026) */
.buscar-todo{margin-top:16px;max-width:760px}
.buscar-todo input{font-size:17px;padding:13px 16px}
.bt-pista{color:var(--suave);margin:10px 0 0;font-size:14.5px}
.bt-fams{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bt-fams a{text-decoration:none;border:1px solid var(--linea);background:#fff;border-radius:999px;padding:6px 13px;font-weight:600;font-size:14px}
.bt-fams a:hover{border-color:var(--azul)}
.bt-res{padding-top:14px}
#avisoTodo{font-weight:700;color:var(--azul-osc);margin:0 0 4px}
.rt-grupo{display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;flex-wrap:wrap;margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--amarillo)}
.rt-grupo h2{margin:0;font-size:22px}.rt-grupo h2 small{color:var(--suave);font:600 15px var(--f-txt);margin-left:4px}
.rt-grupo a{color:var(--azul);font-weight:600;text-decoration:none;font-size:14px}.rt-grupo a:hover{text-decoration:underline}
.rt-lista{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.rt{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:8px 10px;text-decoration:none;min-width:0}
.rt:hover{border-color:var(--linea-h);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.rt-img{width:112px;height:56px;flex:0 0 112px;object-fit:cover;object-position:center top;border-radius:5px;border:1px solid var(--linea);background:#fff}
.rt-img.entera{object-fit:contain;object-position:center}
.rt-sin{width:112px;height:56px;flex:0 0 112px;border:1px dashed var(--linea);border-radius:5px}
.rt-txt{display:flex;flex-direction:column;min-width:0}
.rt-txt b{font-size:15.5px}.rt-txt span{font-size:14px}.rt-txt small{color:var(--suave);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-mas{margin-top:10px;background:#fff;border:1px solid var(--linea-h);border-radius:999px;padding:7px 16px;font:600 14px var(--f-txt);cursor:pointer}
.rt-mas:hover{border-color:var(--azul)}
@media (max-width:620px){.rt-lista{grid-template-columns:1fr}.rt-img,.rt-sin{width:88px;height:44px;flex-basis:88px}}
/* un solo buscador: desde la familia se va a la búsqueda avanzada (dueño, 14-sep-2026) */
.ir-buscador{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;background:#fff;border:1px solid var(--linea);border-left:4px solid var(--amarillo);border-radius:var(--radio);padding:14px 16px;margin:0 0 16px;text-decoration:none}
.ir-buscador:hover{border-color:var(--linea-h);border-left-color:var(--amarillo)}
.ir-buscador b{display:block;font:700 18px var(--f-tit)}
.ir-buscador small{color:var(--suave);font-size:14px}
/* «Ver como» y «Mostrar» (dueño, 14-sep-2026) */
.vista-bar{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap;margin:0 0 14px}
.seg{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.seg span{font-size:13.5px;color:var(--suave);font-weight:600;margin-right:3px}
.seg button{border:1px solid var(--linea-h);background:#fff;color:var(--tinta);border-radius:999px;padding:6px 13px;font:600 13.5px var(--f-txt);cursor:pointer}
.seg button:hover{border-color:var(--azul)}
.seg button[aria-pressed=true]{background:var(--azul);border-color:var(--azul);color:#fff}
/* vista en lista: una fila por serie; caben unas diez por pantalla */
.vista-lista .grid{grid-template-columns:1fr;gap:8px}
.vista-lista .card{flex-direction:row;align-items:stretch}
.vista-lista .card-img{flex:0 0 168px;aspect-ratio:auto;height:auto;min-height:84px;border-bottom:0;border-right:1px solid var(--linea)}
.vista-lista .card-img img{position:absolute;inset:0}   /* la foto se ajusta a la fila, no la estira */
.vista-lista .card:hover .card-img img{transform:none}
.vista-lista .card-n{top:6px;right:6px;font-size:11px;padding:2px 7px}
.vista-lista .card-coinc{left:6px;bottom:6px;font-size:11px;padding:2px 7px}
.vista-lista .card-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:10px 14px}
.vista-lista .card h4{font-size:17px}
.vista-lista .card-tipo{font-size:13.5px}
.vista-lista .card-mods{flex-basis:100%;order:5;font-size:12px}
.vista-lista .ver{margin:0 0 0 auto;padding:6px 12px;font-size:13px}
.mas-wrap{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:16px}
.btn-mas{background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:999px;padding:10px 22px;font:700 14px var(--f-txt);cursor:pointer}
.btn-mas:hover{border-color:var(--amarillo)}
.btn-menos{background:transparent;border:none;color:var(--suave);font:600 14px var(--f-txt);cursor:pointer;text-decoration:underline}
/* guía, confianza, venta cruzada, cierre */
.guia{display:grid;grid-template-columns:1fr 1fr;gap:14px}
details.faq{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px}
details.faq[open]{border-color:var(--amarillo)}
summary.pregunta{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary.pregunta::-webkit-details-marker{display:none}
summary.pregunta::after{content:"+";color:var(--azul);font-size:22px;line-height:1}details.faq[open] summary.pregunta::after{content:"–"}
details.faq p{color:var(--suave);margin:10px 0 0}
details.faq p.faq-mod{font-size:14px;color:var(--tinta)}.faq-mod a{color:var(--azul);font-weight:600;text-decoration:none}.faq-mod a:hover{text-decoration:underline}
.porque{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.porque div{border-top:3px solid var(--amarillo);padding-top:14px}.porque b{display:block;font-size:17px;margin-bottom:4px}.porque p{margin:0;color:var(--suave);font-size:14.5px}
.cruzadas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cruz{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--azul-osc);color:#fff;border-radius:var(--radio);padding:20px;min-height:140px;transition:.2s}
.cruz:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--amarillo)}
.cruz b{font-size:19px}.cruz small{color:rgba(255,255,255,.72)}.cruz em{font-style:normal;color:var(--amarillo);margin-top:auto;font-weight:700;font-size:14px}
.cierre{background:linear-gradient(135deg,var(--azul-osc),var(--azul));color:#fff;text-align:center}
.cierre .bloque{padding:64px 22px}.cierre h2{font-size:clamp(26px,3vw,38px);margin:0 0 10px}.cierre p{color:#dfe5ef;margin:0 auto 24px;max-width:620px}
footer.pie{background:var(--tinta);color:#aab3c4;font-size:13.5px}
footer.pie .bloque{padding:26px 22px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
footer.pie a{color:#dfe5ef}
/* página de la serie */
.migas{max-width:1200px;margin:0 auto;padding:14px 22px 0;font-size:13.5px;color:var(--suave)}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"›";margin-right:6px;color:var(--linea-h)}
.migas a{text-decoration:none;color:var(--azul)}.migas a:hover{text-decoration:underline}
.serie-cab{max-width:1200px;margin:0 auto;padding:18px 22px 30px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.serie-cab h1{font-size:clamp(28px,3.6vw,44px);line-height:1.08;margin:0 0 10px}
.serie-cab .lema{color:#4a5468;font-size:17px;margin:0 0 16px}
.serie-foto{background:#fff;border:1px solid var(--linea);border-radius:10px;overflow:hidden;aspect-ratio:2/1}
.serie-foto img{width:100%;height:100%;object-fit:cover;object-position:center top}
.modelos{background:var(--seccion);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.cambian{margin:0 0 16px;color:var(--suave)}.cambian b{color:var(--tinta)}
details.modelo{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);margin:0 0 10px;scroll-margin-top:80px}
details.modelo[open]{border-color:var(--linea-h);box-shadow:0 10px 26px rgba(0,0,0,.06)}
details.modelo>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:112px 1fr auto;gap:14px;align-items:center;padding:12px 14px}
details.modelo>summary::-webkit-details-marker{display:none}
.m-foto{width:112px;height:56px;object-fit:cover;object-position:center top;border-radius:6px;border:1px solid var(--linea);background:#fff}
.m-sin{width:112px;height:56px;border:1px dashed var(--linea);border-radius:6px;display:grid;place-items:center;color:#aab;font-size:12px}
/* fotos de producto (tarjeta.foto = "entera"): se ven enteras, no solo la franja de arriba de una ficha */
body[data-foto=entera] .card-img img,body[data-foto=entera] .serie-foto img,body[data-foto=entera] .m-foto{object-fit:contain;object-position:center}
/* Y, una a una, toda imagen que NO es una ficha A4 del catálogo: se ve completa, ajustada a su hueco, en vez de
   recortada (dueño, 20-sep-2026: «me interesaría la imagen completa ajustada al tamaño de su ventana»). */
.card-img img.entera,.serie-foto img.entera,.m-foto.entera,.gal-mini img.entera{object-fit:contain;object-position:center}
/* y, si el dueño lo elige, que llene la ventana cortando por donde él diga (sin clase: desde arriba, como siempre) */
.card-img img.llena-centro,.serie-foto img.llena-centro,.m-foto.llena-centro,.rt-img.llena-centro{object-fit:cover;object-position:center center}
.card-img img.llena-abajo,.serie-foto img.llena-abajo,.m-foto.llena-abajo,.rt-img.llena-abajo{object-fit:cover;object-position:center bottom}
.m-txt h3{margin:0;font-size:18px}.m-txt p{margin:2px 0 0;color:var(--suave);font-size:13.5px}
.difs{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.difs span{background:var(--seccion);border:1px solid var(--linea);border-radius:999px;padding:1px 9px;font-size:12.5px}
/* chip de «color de luz»: el fondo es el color de esa temperatura (lo pone la página); borde algo más marcado para que el blanco de 4000 K se vea */
.chips span.luz,.difs span.luz{border-color:var(--linea-h);color:var(--tinta)}
.m-abrir{border:1.5px solid var(--azul-osc);border-radius:var(--radio-btn);padding:7px 12px;font-weight:700;font-size:13.5px;white-space:nowrap}
details.modelo[open] .m-abrir{background:var(--azul-osc);color:#fff}
.m-cuerpo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding:4px 14px 18px}
.ficha-img{position:relative;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;background:#fff;max-height:460px}
.ficha-img img{width:100%;cursor:zoom-in}
.m-acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.compartido{font:500 12.5px var(--f-txt);color:var(--azul-osc)}
/* galería de fotos de un modelo (20-sep-2026) */
.galeria .ficha-img{touch-action:pan-y}
.gal-fl{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid var(--linea);background:rgba(255,255,255,.96);color:var(--azul-osc);font-size:24px;font-weight:700;line-height:1;cursor:pointer;opacity:1;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:background .15s,transform .15s}
.gal-fl:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.gal-fl.ant{left:10px}.gal-fl.sig{right:10px}
/* las flechas se ven SIEMPRE (dueño, 20-sep-2026): escondidas hasta pasar el ratón no se encontraban y se acababa pinchando la foto, que amplía */
.gal-cuenta{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);border:1px solid var(--linea);border-radius:20px;padding:3px 10px;font:600 12px var(--f-txt);color:var(--azul-osc)}
.gal-minis{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.gal-mini{padding:0;border:2px solid var(--linea);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;line-height:0}
.gal-mini img{width:72px;height:54px;object-fit:cover;object-position:center top;display:block}
.gal-mini.on{border-color:var(--azul-osc)}
.gal-puntos{display:none;justify-content:center;gap:7px;margin-top:10px}
.gal-puntos span{width:8px;height:8px;border-radius:50%;background:var(--linea)}
.gal-puntos span.on{background:var(--azul-osc)}
@media (max-width:620px){.gal-minis{display:none}.gal-puntos{display:flex}.gal-fl{opacity:1;width:34px;height:34px}}
.visor .gal-fl{position:fixed;opacity:1;top:50%;width:46px;height:46px;font-size:24px;right:auto}
.visor .gal-fl.ant{left:14px}.visor .gal-fl.sig{right:14px;left:auto}
.visor .gal-cuenta{position:fixed;left:50%;transform:translateX(-50%);bottom:16px}
.zoom{position:absolute;right:10px;bottom:10px;background:var(--azul-osc);color:#fff;border:none;border-radius:var(--radio-btn);padding:8px 12px;font:600 12.5px var(--f-txt);cursor:pointer}
dl.datos-m{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:14.5px;align-content:start}
dl.datos-m dt{color:var(--suave)}dl.datos-m dd{margin:0;font-weight:600}
/* texto de la ficha (25-09-2026): el que escribe el dueño en el Gestor de artículos, con sus párrafos, encima de los datos */
.m-info{display:flex;flex-direction:column;gap:14px;min-width:0}
.m-info .m-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--suave);background:#f2f4f7;border-radius:8px;padding:10px 13px}   /* la descripción corta, sin título, igual que en el buscador (25-09-2026) */
.m-texto{font-size:15px;line-height:1.6;color:#1d2433;background:#fff1dc;border-left:4px solid #f0a53a;border-radius:0 8px 8px 0;padding:12px 15px}.m-texto p{margin:0 0 .7em}.m-texto p:last-child{margin-bottom:0}
.m-texto p:first-child{font-family:var(--f-tit);font-size:18px;line-height:1.45;font-weight:600;color:var(--azul-osc);letter-spacing:-.01em}   /* el primer párrafo, resaltado como un título (dueño, 25-09-2026) */
.m-acc{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
/* filtros por características */
details.filtros{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);margin:0 0 16px}
details.filtros>summary{list-style:none;cursor:pointer;padding:12px 16px;font:700 16px var(--f-tit);display:flex;align-items:center;gap:8px}
details.filtros>summary::-webkit-details-marker{display:none}
details.filtros>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);transition:transform .2s}
details.filtros[open]>summary::after{transform:rotate(-135deg)}
.n-filtros{color:var(--azul)}
.filtros-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 14px;padding:0 16px 12px}
.f-campo{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--suave);font-weight:600;min-width:0}
.f-campo select{width:100%;padding:8px 10px;border:1px solid var(--linea);border-radius:var(--radio-btn);background:#fff;font:14px var(--f-txt);color:var(--tinta)}
.f-campo select:focus{outline:2px solid var(--azul);outline-offset:1px}
.f-rango{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.filtros-res{margin:0;padding:0 16px 12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-weight:600;color:var(--azul-osc)}
#quitarFiltros{background:none;border:1px solid var(--linea-h);border-radius:999px;padding:5px 12px;font:600 13px var(--f-txt);cursor:pointer}
#verFiltros:disabled{opacity:.45;cursor:default}
.catalogo .card{scroll-margin-top:84px}
.card-coinc{position:absolute;left:10px;bottom:10px;background:var(--amarillo);color:var(--tinta);font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px}
.sin-res{background:#fff;border:1px dashed var(--linea-h);border-radius:var(--radio);padding:16px;color:var(--suave)}
.visor{position:fixed;inset:0;background:rgba(10,12,18,.94);z-index:70;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:76px 24px 24px}
.visor img{width:min(1000px,100%);height:auto;background:#fff;border-radius:6px}
/* «Cerrar imagen» arriba en el centro, con letra (dueño, 30-09-2026): el ✕ suelto de la derecha casi no se veía y se
   confundía con el ✕ de la ventana de WordPress, que queda justo encima y cierra la ficha entera */
.visor .visor-x{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:2;height:46px;padding:0 22px;border-radius:999px;border:2px solid #fff;background:var(--amarillo);color:var(--tinta);font:700 16px var(--f-txt);white-space:nowrap;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.55)}
.visor .visor-x:hover{background:var(--amarillo-h)}
/* componentes relacionados en la ficha de cada modelo (dueño, 30-09-2026: estilo «lista limpia», como «Filtrar por características») */
details.rel-web{border:1px solid var(--linea);border-radius:var(--radio);background:#fff}
details.rel-web>summary{list-style:none;cursor:pointer;padding:13px 16px;font:700 17px var(--f-tit);display:flex;align-items:center;gap:10px;background:var(--amarillo);color:var(--tinta);border-radius:calc(var(--radio) - 1px);transition:background .15s}
details.rel-web>summary:hover{background:var(--amarillo-h)}details.rel-web[open]>summary{border-radius:calc(var(--radio) - 1px) calc(var(--radio) - 1px) 0 0}
details.rel-web>summary::-webkit-details-marker{display:none}
details.rel-web>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);transition:transform .2s}
details.rel-web[open]>summary::after{transform:rotate(-135deg)}
details.rel-web{border-color:var(--amarillo)}
.rel-web .rel-n{font:700 12.5px var(--f-txt);color:#fff;background:var(--tinta);border-radius:999px;min-width:24px;padding:2px 8px;text-align:center}
.rel-f{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--linea);text-decoration:none;color:inherit}
.rel-f:hover{background:#f8fafc}
.rel-f:hover b{text-decoration:underline}
.rel-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--seccion);color:var(--azul-osc)}
.rel-grupo .rel-ico{background:#fff6cc}
.rel-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.rel-t b{font-size:14.5px;line-height:1.35}
.rel-no{font-size:12.5px;color:var(--suave);line-height:1.4}
.rel-pie{font-size:12px;font-weight:600;color:#b4471c}
.rel-pie.recomendado,.rel-pie.compatible{color:#0f6b4f}.rel-pie.alternativa,.rel-pie.sustituye,.rel-pie.sustituido{color:#4c44a8}
.rel-ir{color:var(--azul);font-size:22px;line-height:1}
@media (max-width:620px){.rel-f{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:10px 12px}.rel-ico{width:32px;height:32px}.rel-ico svg{width:17px;height:17px}}
.movil{display:none}
@media (max-width:980px){.heroe-in,.serie-cab{grid-template-columns:1fr}.heroe-img{display:none}.grid{grid-template-columns:repeat(2,1fr)}.porque,.cruzadas{grid-template-columns:repeat(2,1fr)}.guia{grid-template-columns:1fr}.fams{display:none}.m-cuerpo{grid-template-columns:1fr}}
@media (max-width:620px){.grid,.porque,.cruzadas{grid-template-columns:1fr}.cab .der .btn-2{display:none}
 .sec-cab{grid-template-columns:1fr auto;gap:4px 10px;padding:14px}.sec-cab .sec-n{grid-row:2;grid-column:1;font-size:12.5px}.flecha{grid-row:1/3;grid-column:2}
 .sec-desc{display:none}.sec-h{font-size:19px}.subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.subs::-webkit-scrollbar{display:none}.sub{flex:0 0 auto}
 .vista-lista .card-img{flex-basis:108px;min-height:72px}.vista-lista .card-body{padding:8px 10px;gap:2px 10px}.vista-lista .card h4{font-size:15.5px}
 .vista-lista .ver,.vista-lista .card-mods{display:none}.seg button{padding:5px 11px;font-size:13px}
 .filtros-in{grid-template-columns:1fr 1fr;gap:8px 10px;padding:0 12px 10px}.f-campo select{padding:7px 8px;font-size:13.5px}
 details.modelo>summary{grid-template-columns:84px 1fr}.m-foto,.m-sin{width:84px;height:42px}.m-abrir{grid-column:2;justify-self:start}
 .movil{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;gap:8px;padding:10px;background:rgba(255,255,255,.97);border-top:1px solid var(--linea)}.movil a{flex:1;justify-content:center}body{padding-bottom:70px}}

/* ── tira con los enlaces de la web (WordPress) sobre la cabecera del catálogo ── */
.sitio-nav{background:var(--tinta);font-size:12.5px}
.sitio-nav nav{max-width:1200px;margin:0 auto;padding:5px 22px;display:flex;gap:18px;justify-content:flex-end}
.sitio-nav a{color:#c9d2e2;text-decoration:none}.sitio-nav a:hover{color:#fff;text-decoration:underline}
.volver{margin:-14px 0 20px;font-size:14px}.volver a{color:var(--azul);text-decoration:none}.volver a:hover{text-decoration:underline}
@media (max-width:620px){.sitio-nav{display:none}}

/* ── incrustado: dentro del modal de WordPress (o con ?incrustado=1) solo se ve el contenido ── */
.incrustado .sitio-nav,.incrustado .cab,.incrustado .migas,.incrustado footer.pie,.incrustado .movil,.incrustado .porque-sec,.incrustado .heroe-img,.incrustado .volver,.incrustado .ir-wp{display:none}
.incrustado .heroe-in{grid-template-columns:1fr;padding:16px 22px 16px}
.incrustado .heroe h1{font-size:clamp(24px,3vw,32px);margin-bottom:6px}
.incrustado .indice{top:34px}
.barra-inc{position:sticky;top:0;z-index:30;height:34px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 16px;background:var(--tinta);color:#dfe5ef;font-size:13px;white-space:nowrap;overflow:hidden}
.barra-inc a{color:var(--amarillo);text-decoration:none;font-weight:600}.barra-inc a:hover{text-decoration:underline}
/* muro de fotos: productos/<familia>/fotos/ (dueño, 21-sep-2026: «es complicado seleccionar un perfil sin poder visualizarlos») */
.muro-cab{padding:26px 22px 6px}
.muro-cab h1{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0 0 6px}
.muro-cab .lema{color:#4a5468;margin:0 0 10px}
.muro-ir{display:flex;gap:6px 18px;flex-wrap:wrap;margin:0;font-size:14.5px}
.muro-ir a{color:var(--azul);font-weight:600;text-decoration:none}.muro-ir a:hover{text-decoration:underline}
.muro-sec{position:relative;padding-top:14px}
.con-dedo{display:none}
@media (hover:none),(pointer:coarse){.con-raton{display:none}.con-dedo{display:inline}}
.muro-det>summary{cursor:pointer;font-size:14px;color:var(--suave);padding:2px 0}.muro-det>summary b{color:var(--tinta);margin-right:4px}
.muro-det[open]>summary{margin-bottom:10px}
@media (min-width:621px){.muro-det>summary{display:none}}
.muro-filtros{background:var(--seccion);border-radius:var(--radio);padding:12px 14px;margin:0 0 6px}
.mf{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 7px}
.mf-et{font-size:13.5px;color:var(--suave);font-weight:600;min-width:120px}
.mf button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linea-h);background:#fff;color:var(--tinta);border-radius:999px;padding:5px 12px;font:600 13.5px var(--f-txt);cursor:pointer}
.mf button:hover{border-color:var(--azul)}
.mf button[aria-pressed=true]{background:var(--azul);border-color:var(--azul);color:#fff}
.mf button small{font-weight:500;color:var(--suave);font-size:12px}.mf button[aria-pressed=true] small{color:#dfe5ef}
.mf button:disabled{opacity:.4;cursor:default}
.mf-col{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.28);display:inline-block}
.mf-fila{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:10px}
.mf-desde{font-size:13.5px;color:var(--suave);font-weight:600;display:flex;align-items:center;gap:8px}
.mf-desde select,#muroTexto{border:1px solid var(--linea-h);border-radius:var(--radio-btn);background:#fff;padding:7px 10px;font:500 14px var(--f-txt);color:var(--tinta)}
#muroTexto{width:220px}
.muro-n{margin-left:auto;font-size:14px;color:var(--suave);font-weight:600}
.muro{--mt:132px}.muro.t-s{--mt:96px}.muro.t-l{--mt:200px}
.mg h2{font:700 21px var(--f-tit);margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--linea)}
.mg h2 small{font:500 14px var(--f-txt);color:var(--suave)}
.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--mt),1fr));gap:8px}
.mt{position:relative;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);transition:border-color .15s,box-shadow .15s}
.mt:hover,.mt.on{border-color:var(--azul);box-shadow:0 4px 14px rgba(46,59,87,.16)}
.mt-a{display:block;padding:6px 6px 7px;text-decoration:none;color:inherit}
.mt-img{display:block;aspect-ratio:1/1;background:#fff}
.mt-img img{width:100%;height:100%;object-fit:contain}
.mt b{display:block;margin-top:5px;font:700 12.5px var(--f-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt b em{font-style:normal;font-weight:600;color:var(--azul)}
.mt small{display:block;font-size:11.5px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-s .mt small{display:none}.t-s .mt b{font-size:11.5px}
.mt-col{position:absolute;top:5px;right:5px;display:flex;gap:3px}
.mt-col a{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.28);display:block}
.mt-col a:hover{transform:scale(1.35)}
.muro-vacio{padding:26px 0;color:var(--suave);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mpop{position:absolute;z-index:25;width:330px;background:#fff;border:1px solid var(--linea-h);border-radius:10px;box-shadow:0 14px 36px rgba(46,59,87,.24);padding:12px 14px 14px}
.mpop img{width:100%;height:210px;object-fit:contain;background:#fff}
.mpop h3{font:700 17px var(--f-tit);margin:8px 0 2px}
.mp-t{font-size:13px;color:var(--suave);margin:0 0 8px}
.mpop dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13.5px;margin:0 0 10px}
.mpop dt{color:var(--suave)}.mpop dd{margin:0;font-weight:600}
.mp-refs{display:flex;flex-wrap:wrap;gap:6px}
.mp-refs a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linea-h);border-radius:999px;padding:5px 11px;font:600 13px var(--f-txt);text-decoration:none;color:var(--azul-osc)}
.mp-refs a:hover{border-color:var(--azul)}
.mp-refs i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.28)}
.mp-x{position:absolute;top:6px;right:8px;border:0;background:none;font-size:16px;color:var(--suave);cursor:pointer;display:none}
@media (hover:none),(pointer:coarse){.mp-x{display:block}}
@media (max-width:620px){.mf-et{min-width:0;width:100%}.muro-n{margin-left:0}#muroTexto{width:100%}
 .muro{--mt:104px}.muro.t-s{--mt:78px}.muro.t-l{--mt:150px}
 .mpop{position:fixed;left:8px;right:8px;bottom:8px;top:auto;width:auto;max-height:78vh;overflow:auto;z-index:40;display:flex;flex-direction:column}.mpop img{height:150px}.mpop dl{order:5;margin:12px 0 0}}
.incrustado .muro-cab{padding-top:14px}