/* Caso Laboratorios Lacer (inc/caso-lacer.php), 29/10/26. Prefijo lc-. Motor común: ma-caso.css. */

.lc-hero-k{margin:0 0 10px;font-family:var(--f-label);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-fg3)}
.lc-hero .cx-hero-f img{object-position:50% 46%}
/* El título se retira mientras la imagen se abre: el diente no queda tapado. */
html.cx-js .lc-hero .cx-hero-top{opacity:clamp(0,calc(1 - var(--q,0) * 2.2),1)}

/* Nuevo lanzamiento: la pastilla va en el color del texto de la página, nunca en el naranja de la casa. */
.lc-new{display:inline-flex;align-items:center;margin-left:12px;padding:5px 11px 4px;border-radius:999px;background:var(--cx-fg);color:var(--cx-bg);font-style:normal;font-family:var(--f-label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;white-space:nowrap;vertical-align:middle;transition:background-color .8s ease,color .8s ease}
.cx-k .lc-new{margin-left:4px}

/* Capítulos */
.lc-ch{padding:clamp(120px,18svh,210px) 0 clamp(60px,8vw,110px)}
.lc-ch[id]{scroll-margin-top:70px}
.lc-h2{font-size:clamp(34px,3.9vw,64px)}
.lc-h2 span{display:block}

/* Listas de las escenas (líneas, territorios, fórmulas): siguen a la pieza encendida (caso-lacer.js). */
.lc-sm .cx-sm-x .cx-p{margin-top:clamp(16px,2vw,24px)}
.lc-tl{list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;border-top:1px solid var(--cx-line)}
.lc-tl li{border-bottom:1px solid var(--cx-line);opacity:.38;transition:opacity .5s ease}
.lc-tl li.on{opacity:1}
.lc-tl li>a,.lc-tl li{color:inherit;text-decoration:none}
.lc-tl li>a,.lc-tl--n li,.lc-fo .lc-tl li{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(14px,1.4vw,22px);align-items:baseline;padding:12px 0}
.lc-tl b{font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(22px,2vw,30px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lc-tl span{font-family:var(--f-light);font-weight:300;font-size:clamp(17px,1.35vw,21px);line-height:1.35;color:var(--cx-fg)}
.lc-tl span .lc-new{margin-left:10px;font-size:9.5px;padding:4px 9px 3px}
.lc-tl i{display:block;font-style:normal;font-family:var(--f-label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cx-fg3);max-height:0;overflow:hidden;transition:max-height .5s ease,margin .5s ease}
.lc-tl li.on i{max-height:3em;margin-top:6px}
.lc-sm .cx-sm-f img{display:block;width:100%;height:100%;object-fit:cover}
.lc-tres .cx-sm-f:first-child img{object-position:50% 40%}
html:not(.cx-js) .lc-tl li{opacity:1}
html:not(.cx-js) .lc-tl i{max-height:none;margin-top:6px}
@media (hover:hover){.lc-tl a:hover span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}}
.lc-tl a:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:4px}

/* GingiLacer: del círculo a la espiral */
.lc-esp{margin-top:clamp(100px,13vw,180px)}
.lc-esp .cx-f{margin-top:clamp(40px,5vw,70px)}
.lc-pie{margin-top:clamp(22px,2.6vw,34px)}

/* Lo que viene después: la categoría, apagada; la oportunidad, a tamaño grande */
.lc-map{padding-bottom:clamp(110px,15svh,180px)}
.lc-map-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,90px);margin-top:clamp(50px,7vw,100px);padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--cx-line)}
.lc-map-k{margin:0 0 clamp(16px,2vw,24px);font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-fg3)}
.lc-map ul{list-style:none;margin:0;padding:0}
.lc-map-a li{font-family:var(--f-light);font-weight:300;font-size:clamp(18px,1.5vw,23px);line-height:1.7;color:var(--cx-fg3);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--cx-line)}
.lc-map-b li{font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(36px,4.4vw,72px);line-height:1.08;letter-spacing:-.025em;color:var(--cx-fg)}
.lc-map .cx-cols{margin-top:clamp(90px,11vw,150px)}
.lc-map-f{margin-top:clamp(40px,5vw,70px)}

/* El visual */
.lc-kv{padding-bottom:clamp(110px,15svh,180px)}
.lc-kv .cx-lede{font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(28px,2.8vw,46px);line-height:1.14;letter-spacing:-.02em}
.lc-kv-f img{object-position:50% 46%}
.lc-kv-g{align-items:center}

/* Lacer Aligner */
.lc-al .cx-f--bleed+.cx-f--bleed{margin-top:0}
.lc-m{display:none}
@media (max-width:760px) and (orientation:portrait){.lc-d{display:none}.lc-m{display:block}}
.lc-al-g{margin-top:clamp(40px,5vw,70px);align-items:center}
.lc-al-mov{margin-top:clamp(12px,1.6vw,22px)}
.lc-duo{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);column-gap:clamp(12px,1.6vw,22px);align-items:end;margin-top:clamp(110px,14vw,190px)}
.lc-duo-x{padding-right:clamp(10px,3vw,50px);align-self:center}
.lc-duo-x .cx-p{margin-top:clamp(18px,2vw,26px)}
.lc-duo-f{width:100%}

/* Vídeos con sonido */
.lc-vs-w{margin-top:clamp(90px,11vw,150px)}
.lc-vs-k{margin:0 0 clamp(14px,1.6vw,20px);font-family:var(--f-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-fg3)}
.lc-vs video{background:#000;object-fit:contain}

/* Lacer Multiprotección */
.lc-mp{padding-bottom:clamp(60px,8vw,110px)}
.lc-mp .cx-cols+.lc-vs-w{margin-top:clamp(70px,9vw,120px)}
.lc-mp .lc-vs-w+.cx-cols{margin-top:clamp(110px,14vw,190px)}
.lc-mp-ab{margin-top:clamp(40px,5vw,70px);background:#000}
.lc-mp-ab img{object-fit:contain}
.lc-mp-g{margin-top:clamp(12px,1.6vw,22px);align-items:center}
.lc-fo .cx-sm-g{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.lc-fo .cx-sm-v{aspect-ratio:16/9;width:100%;max-width:calc((100svh - 170px) * 16 / 9)}
.lc-mp2{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(110px,15svh,180px)}
.lc-mp2 .lc-vs-w{margin-top:0}

/* Cierre */
.lc-fin{padding:clamp(110px,15svh,180px) 0}
.lc-fin .cx-reg{margin:0}

@media (max-width:900px){
  .lc-tl li>a,.lc-tl--n li,.lc-fo .lc-tl li{padding:8px 0}
  .lc-tl span{font-size:15px}
  .lc-tl i{display:none}
  .lc-tl span .lc-new{display:none}
  .lc-map-g{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .lc-duo{grid-template-columns:1fr 1fr;row-gap:28px}
  .lc-duo-x{grid-column:1/-1;padding-right:0}
  .lc-fo .cx-sm-g{grid-template-columns:minmax(0,1fr)}
  .lc-fo .cx-sm-v{justify-self:center;width:100%;max-width:none}
}
@media (max-width:900px) and (max-height:820px){
  .lc-sm .lc-tl{display:none}
}
@media (max-width:760px){
  .cx-k .lc-new{display:flex;width:max-content;margin:10px 0 0}
  .cx-k:has(.lc-new){flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .lc-tl li,.lc-tl i,.lc-new{transition:none}
}