/* Let's Chocolaat · Capa de impacto 2026 (complementa lc-2026.css) */

/* ---------- 1. Cabecera de categoría con vídeo ---------- */
.lc-cathero{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(360px,58vh,640px);display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;text-align:left !important;gap:10px;padding-top:clamp(40px,6vw,80px) !important;padding-bottom:clamp(40px,6vw,80px) !important;margin-bottom:clamp(28px,4vw,56px) !important;background:#0f0a07;color:#eee9e2;border:0 !important}
.lc-cathero__v{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:62% 50%;animation:lc-drift 16s cubic-bezier(.23,1,.32,1) both}
.lc-cathero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,6,4,.78) 0%,rgba(10,6,4,.35) 60%,rgba(10,6,4,.1) 100%)}
.lc-cathero p{font-family:var(--font-display);font-style:italic;font-size:22px;letter-spacing:0;text-transform:none;color:var(--color-accent);margin:0}
.lc-cathero > *{grid-column:auto !important;justify-self:start !important;margin:0 !important;position:relative}
.lc-cathero > .lc-cathero__v,.lc-cathero > .lc-cathero__scrim{position:absolute !important}
.lc-cathero h1{color:#fff !important;margin:0;max-width:18ch;padding-top:0 !important;font-size:clamp(48px,1rem + 5vw,104px) !important;opacity:1 !important;order:2}
.lc-cathero p{order:1}
.lc-cathero > span{order:3;color:rgba(238,233,226,.8) !important;font-size:20px !important}
.lc-cathero > p{position:relative !important;inset:auto !important;transform:none !important;order:1}
.lc-cathero > span{font-family:var(--font-display);font-style:italic;font-size:20px;color:rgba(238,233,226,.8)}
@keyframes lc-drift{from{transform:scale(1)}to{transform:scale(1.07)}}

/* titular palabra a palabra (el tema estiliza todos los span de la cabecera: se neutraliza en las palabras) */
.lc-cathero h1 .lc-w,.lc-cathero h1 .lc-w>span{font:inherit !important;color:inherit !important;letter-spacing:inherit !important;text-transform:none !important;opacity:1 !important;margin:0;padding:0;background:none !important}
.lc-cathero h1 .lc-w{padding-bottom:.1em !important;margin-bottom:-.1em !important}
.lc-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.lc-w>span{display:inline-block;transform:translateY(105%);transition:transform 1000ms cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--w) * 70ms + 150ms)}
.lc-in .lc-w>span{transform:none}

/* ---------- 2. Tarjetas ---------- */
.lc-rise{opacity:0;transform:translateY(22px);transition:opacity 800ms ease,transform 1000ms cubic-bezier(.23,1,.32,1);transition-delay:var(--lc-d,0ms)}
.lc-rise.lc-in{opacity:1;transform:none}
.c-catalog-card__media.lc-has-alt{position:relative}
.c-catalog-card__media .lc-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--lc-tile,#ebe3d8);mix-blend-mode:multiply;opacity:0;transition:opacity 500ms ease,transform 900ms cubic-bezier(.23,1,.32,1);transform:scale(1.04)}
.c-catalog-card:hover .c-catalog-card__media .lc-alt{opacity:1;transform:none}
.c-catalog-card__media img.lc-alt.lc-alt--photo{object-fit:cover;mix-blend-mode:normal !important;background:#1a110c !important}
/* sin segunda foto: acercamiento suave de la propia imagen */
.c-catalog-card__media.lc-noalt{overflow:hidden}
.c-catalog-card__media.lc-noalt img{transition:transform 900ms cubic-bezier(.23,1,.32,1)}
.c-catalog-card:hover .c-catalog-card__media.lc-noalt img:not(.lc-framed){transform:scale(1.06)}
.c-catalog-card__media .c-catalog-card__view{z-index:2}

/* ---------- 3. Tarjeta Pack Bienvenida (interactiva, misma familia visual que el pack de la portada) ---------- */
.lc-welcome{--ease:cubic-bezier(.23,1,.32,1);position:relative;display:flex;flex-direction:column;min-height:100%;background:#ebe3d8;color:#1d1106}
.lc-welcome__thumbs{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 12px 0}
.lc-welcome__t{position:relative;aspect-ratio:1;background:#f4efe8;overflow:hidden}
.lc-welcome__t img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
/* cambio de perfil: salida rápida, entrada con ease-out y escalonado mínimo (emil-design-eng: <300 ms, sin ease-in) */
.lc-welcome__t.lc-out img{opacity:0;transform:scale(.92);transition:opacity 120ms ease,transform 140ms var(--ease)}
.lc-welcome__t.lc-in img{animation:lc-wt-in 260ms var(--ease) both}
@keyframes lc-wt-in{from{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:none}}
.lc-welcome__body{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 16px 16px}
.lc-welcome strong{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,1rem + 1vw,32px);line-height:1.02;letter-spacing:-.01em}
.lc-welcome em{font-family:var(--font-display);font-size:17px;line-height:1.35;color:#6b5644}
.lc-welcome__prof{display:grid;gap:8px;margin-top:4px}
.lc-welcome__prof small{font-size:14px;color:#6b5644}
.lc-welcome__prof span{display:flex;flex-wrap:nowrap;gap:4px}
.lc-welcome__prof button{flex:1 1 auto;min-width:0;min-height:36px;padding:0 9px;border:0;border-radius:18px;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(29,17,6,.22);color:#1d1106;font:italic 400 15px/1 var(--font-display);white-space:nowrap;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 140ms var(--ease)}
.lc-welcome__prof button:hover{box-shadow:inset 0 0 0 1.5px #1d1106}
.lc-welcome__prof button:active{transform:scale(.97)}
.lc-welcome__prof button[aria-checked=true]{background:#1d1106;color:#f4efe8;box-shadow:none}
.lc-welcome__prof button:focus-visible{outline:2px solid var(--color-accent,#f7a502);outline-offset:2px}
.lc-welcome__price{margin:auto 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.lc-welcome__price b{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1;font-variant-numeric:lining-nums}
.lc-welcome__price s{flex-basis:100%;font-size:14px;color:#6b5644;font-variant-numeric:lining-nums}
.lc-welcome__price s[hidden]{display:none}
.lc-welcome__price i{font-family:var(--font-display);font-size:19px;color:#8a4f00}
.lc-welcome__price .lc-welcome__pk{flex-basis:100%;font-family:var(--font-display);font-style:italic;font-size:17px;color:#6b5644}
.lc-welcome__cta{display:grid;place-items:center;min-height:48px;background:var(--color-accent,#f7a502);color:#1d1106 !important;text-decoration:none !important;font:500 15px/1 var(--font-base);letter-spacing:.12em;text-transform:uppercase;transition:background-color 200ms ease,color 200ms ease,transform 140ms var(--ease)}
.lc-welcome__cta:hover{background:#1d1106;color:#f4efe8 !important}
.lc-welcome__cta:active{transform:scale(.97)}
.lc-welcome__cta:focus-visible{outline:2px solid #1d1106;outline-offset:3px}
@media (max-width:760px){.lc-welcome__cta{font-size:13px;letter-spacing:.06em}.lc-welcome__prof button{font-size:15px;padding:0 10px}}
@media (prefers-reduced-motion:reduce){.lc-welcome__t img,.lc-welcome__prof button,.lc-welcome__cta{transition:none;animation:none}}

/* ---------- 4a. Barra de compra fija ---------- */
.lc-buybar{position:fixed;left:50%;bottom:16px;z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(720px,calc(100% - 24px));padding:10px 10px 10px 12px;background:rgba(15,10,7,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eee9e2;transform:translate(-50%,140%);transition:transform 600ms cubic-bezier(.23,1,.32,1);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.lc-buybar.lc-on{transform:translate(-50%,0)}
.lc-buybar__img{width:56px;height:56px}
.lc-buybar img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}
.lc-buybar b{display:block;font:400 20px/1.15 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.lc-buybar__p{font-family:var(--font-base);color:var(--color-accent);font-variant-numeric:lining-nums}
.lc-buybar__p del{opacity:.6}
.lc-buybar__btn{min-height:48px;padding:0 22px;border:0;background:var(--color-accent);color:#1d1106;font:500 14px/1 var(--font-base);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color 250ms ease,transform 140ms cubic-bezier(.23,1,.32,1)}
.lc-buybar__btn:hover{background:#fff}
.lc-buybar__btn:active{transform:scale(.97)}
@media (max-width:560px){.lc-buybar{bottom:0;width:100%;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.lc-buybar__img{display:none}.lc-buybar{grid-template-columns:minmax(0,1fr) auto}.lc-buybar__btn{padding:0 16px}}

/* ---------- 4b. El ritual en la ficha ---------- */
.lc-ritual{background:#0f0a07;color:#eee9e2;padding:clamp(60px,7vw,110px) 0;margin:clamp(40px,5vw,72px) 0 0}
.lc-ritual__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:center}
.lc-ritual__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1a110c;clip-path:inset(8% 6% 8% 6%);transition:clip-path 1.3s cubic-bezier(.77,0,.175,1)}
.lc-ritual.lc-in .lc-ritual__media{clip-path:inset(0)}
.lc-ritual__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc-ritual__text{display:grid;gap:16px}
.lc-ritual__kick{font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--color-accent);margin:0}
.lc-ritual h2{color:#fff !important;font-size:clamp(34px,1rem + 2.6vw,60px) !important;margin:0}
.lc-ritual__text p:not(.lc-ritual__kick){color:#b9a995;margin:0;max-width:34ch}
.lc-ritual__lnk{display:inline-flex;align-items:center;gap:12px;color:#eee9e2 !important;text-decoration:none;font:500 14px/1 var(--font-base);letter-spacing:.12em;text-transform:uppercase;padding:10px 0;border-bottom:1.5px solid currentColor;justify-self:start}
.lc-ritual__lnk svg{width:20px;height:10px;transition:transform 500ms cubic-bezier(.23,1,.32,1)}
.lc-ritual__lnk:hover{color:var(--color-accent) !important}
.lc-ritual__lnk:hover svg{transform:translateX(6px)}
@media (max-width:860px){.lc-ritual__in{grid-template-columns:1fr}}

/* ---------- 5. Barra de envío gratis ---------- */
/* claro sobre la página (marfil); oscuro solo dentro del minicarrito, que es un panel cacao */
.lc-ship{display:grid;gap:10px;margin:0 0 22px;padding:16px 18px;background:transparent;color:var(--color-ink,#1d1106);border:1px solid rgba(29,17,6,.14)}
.lc-ship__msg{margin:0;font-family:var(--font-display);font-size:21px;line-height:1.25}
.lc-ship__msg b{font-weight:400;color:var(--color-orange,#8a4f00)}
.lc-ship__bar{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}
.lc-ship__bar i{display:block;height:12px;background:rgba(29,17,6,.1);position:relative;overflow:hidden}
.lc-ship__bar i::after{content:"";position:absolute;inset:0;background:#6b3a1f;transform:scaleX(var(--f,0));transform-origin:0 50%;transition:transform 500ms cubic-bezier(.23,1,.32,1)}
.lc-ship.lc-free .lc-ship__bar i::after{background:var(--color-accent)}
.c-mini-cart .lc-ship{margin:14px 0;border:0;background:#0f0a07;color:#eee9e2}
.c-mini-cart .lc-ship__msg b{color:var(--color-accent)}
.c-mini-cart .lc-ship__bar i{background:rgba(238,233,226,.12)}
.c-mini-cart .lc-ship.lc-free .lc-ship__bar i::after{background:var(--color-accent)}

/* ---------- 6. La cesta "late" ---------- */
.lc-bump{animation:lc-bump 600ms cubic-bezier(.23,1,.32,1)}
@keyframes lc-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}100%{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  .lc-cathero__v{animation:none}
  .lc-rise{opacity:1;transform:none}
  .lc-w>span{transform:none}
  .lc-ritual__media{clip-path:none}
  .lc-buybar,.lc-ship__bar i::after{transition:none}
}

/* placa cálida reutilizable para fotos con fondo blanco sobre fondos oscuros */
.lc-tile{display:inline-block;background:var(--lc-tile,#ebe3d8);line-height:0}
.lc-tile img{mix-blend-mode:multiply}

/* ---------- 7. Ficha: dinámicas ---------- */
.c-product-detail__tab-list.lc-has-ink{position:relative}
.lc-has-ink .c-product-detail__tab[aria-selected=true]{box-shadow:none !important}
.lc-tab-ink{position:absolute;left:0;bottom:0;height:2px;background:var(--color-accent);pointer-events:none;transition:transform 450ms cubic-bezier(.23,1,.32,1),width 450ms cubic-bezier(.23,1,.32,1)}
.lc-panel-in{animation:lc-panel 520ms cubic-bezier(.23,1,.32,1) both}
.lc-panel-in > *{animation:lc-panel 620ms cubic-bezier(.23,1,.32,1) both}
.lc-panel-in > *:nth-child(2){animation-delay:60ms}
.lc-panel-in > *:nth-child(3){animation-delay:120ms}
.lc-panel-in > *:nth-child(n+4){animation-delay:170ms}
@keyframes lc-panel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lc-zoomable{cursor:zoom-in;overflow:hidden}
.lc-zoomable img{transition:transform 450ms cubic-bezier(.23,1,.32,1)}
.lc-zoomable img.lc-zoom{transform:scale(1.7)}
/* confirmación al añadir: el botón respira en naranja con un check */
.lc-added{position:relative;animation:lc-ok 1.4s cubic-bezier(.23,1,.32,1)}
.lc-added::after{content:"";position:absolute;right:14px;top:50%;width:14px;height:8px;margin-top:-6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);animation:lc-tick 1.4s cubic-bezier(.23,1,.32,1) both}
@keyframes lc-ok{0%{background:var(--color-accent);color:#1d1106}70%{background:var(--color-accent);color:#1d1106}}
@keyframes lc-tick{0%{opacity:0;transform:rotate(-45deg) scale(.4)}20%,70%{opacity:1;transform:rotate(-45deg) scale(1)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.lc-tab-ink{transition:none}.lc-zoomable img{transition:none}.lc-added,.lc-added::after{animation:none}}

/* ---------- 9. Chips de filtros activos ---------- */
.lc-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.lc-chip{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 8px 0 16px;border:0;border-radius:19px;background:var(--color-ink,#1d1106);color:#f4efe8;font:400 15px/1 var(--font-base);cursor:pointer;animation:lc-chip-in 380ms cubic-bezier(.23,1,.32,1) both;transition:background-color 200ms ease,transform 140ms cubic-bezier(.23,1,.32,1)}
.lc-chip i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(244,239,232,.14);font-style:normal;font-size:16px;line-height:1}
.lc-chip:hover{background:#3a2314}
.lc-chip:active{transform:scale(.96)}
.lc-chip-clear{border:0;background:none;padding:8px 6px;font:500 13px/1 var(--font-base);letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange,#8a4f00);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@keyframes lc-chip-in{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lc-chip{animation:none}}

/* ---------- 10. Encuadre uniforme de producto ---------- */
img.lc-framed{transform:translate(var(--lc-tx,0),var(--lc-ty,0)) scale(calc(var(--lc-k,1) * var(--lc-hz,1))) !important;transform-origin:50% 50%;transition:transform 900ms cubic-bezier(.23,1,.32,1)}
.c-catalog-card:hover img.lc-framed,.c-product-card:hover img.lc-framed{--lc-hz:1.05}
.c-catalog-card__media,.c-product-card__media{overflow:hidden}

/* ---------- 11. Revelado pausado ---------- */
.c-catalog-card.lc-reveal .c-catalog-card__media .lc-alt{opacity:1;transform:none;transition:opacity 1100ms ease,transform 2400ms cubic-bezier(.23,1,.32,1)}
.c-catalog-card .c-catalog-card__media .lc-alt{transition:opacity 900ms ease,transform 1400ms cubic-bezier(.23,1,.32,1)}

/* ---------- 12. Móvil: deslizar ---------- */
.c-catalog-card__media.lc-show2 .lc-alt{opacity:1;transform:none}
/* la foto 2 se funde en multiply: ocultar la foto 1 mientras se ve, para que no se transparente debajo */
.c-catalog-card__media.lc-has-alt > img:not(.lc-alt){transition:opacity 900ms ease,transform 900ms cubic-bezier(.23,1,.32,1)}
.c-catalog-card:hover .c-catalog-card__media.lc-has-alt > img:not(.lc-alt),.c-catalog-card.lc-reveal .c-catalog-card__media.lc-has-alt > img:not(.lc-alt),.c-catalog-card__media.lc-has-alt.lc-show2 > img:not(.lc-alt){opacity:0}
.lc-dots{position:absolute;left:50%;bottom:10px;z-index:3;display:flex;gap:6px;transform:translateX(-50%);pointer-events:none}
.lc-dots i{width:6px;height:6px;border-radius:3px;background:rgba(244,239,232,.55);box-shadow:0 0 0 1px rgba(29,17,6,.18),0 1px 4px rgba(0,0,0,.25);transition:background-color 250ms ease,width 300ms cubic-bezier(.23,1,.32,1)}
.lc-dots i.on{width:16px;background:#f4efe8}

/* ---------- 13. Por dentro ---------- */
.lc-in-tag{position:absolute;left:10px;top:10px;z-index:3;padding:5px 10px;border-radius:13px;background:rgba(15,10,7,.72);color:#f4efe8;font:italic 400 15px/1 var(--font-display);opacity:0;transform:translateY(-4px);transition:opacity 300ms ease,transform 400ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.c-catalog-card:hover .lc-in-tag,.c-catalog-card.lc-reveal .lc-in-tag,.c-catalog-card__media.lc-show2 .lc-in-tag{opacity:1;transform:none}
.c-catalog-card__media img.lc-alt--in{background:#0a0604 !important}
/* bloque (franja del catálogo y banda de la ficha) */
.lc-in-block{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:stretch;gap:0;background:#0a0604;color:#f4efe8}
.lc-in-strip{grid-column:1/-1;margin:clamp(10px,2vw,24px) 0}
.lc-in-media{position:relative;min-height:clamp(340px,30vw,520px);overflow:hidden;background:#000} /* el vídeo llena todo el alto del bloque: sin franjas negras */
.lc-in-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc-calls{list-style:none;margin:0;padding:0}
.lc-call{position:absolute;display:flex;align-items:center;opacity:0;transform:translateY(6px);transition:opacity 500ms ease,transform 700ms cubic-bezier(.23,1,.32,1)}
.lc-call i{position:relative;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--color-accent,#f7a502);box-shadow:0 0 0 6px rgba(247,165,2,.25)}
.lc-call i::after{content:"";position:absolute;top:50%;left:12px;width:0;height:1.5px;background:rgba(244,239,232,.8);transition:width 600ms cubic-bezier(.23,1,.32,1) 150ms}
.lc-call span{margin-left:58px;padding:7px 12px;background:rgba(10,6,4,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:italic 400 17px/1.2 var(--font-display);color:#fff;white-space:nowrap;opacity:0;transition:opacity 500ms ease 350ms}
.lc-call--l{flex-direction:row-reverse;transform:translate(-100%,6px)}
.lc-call--l i{margin:-6px -6px 0 0}
.lc-call--l i::after{left:auto;right:12px}
.lc-call--l span{margin:0 58px 0 0}
.lc-call.on{opacity:1;transform:none}
.lc-call--l.on{transform:translateX(-100%)}
.lc-call.on i::after{width:44px}
.lc-call.on span{opacity:1}
.lc-in-text{display:grid;gap:16px;align-content:center;padding:clamp(24px,3.4vw,52px)}
.lc-in-kick{margin:0;font:italic 400 20px/1 var(--font-display);color:var(--color-accent,#f7a502)}
.lc-in-text h2{margin:0;color:#fff !important;font-size:clamp(32px,1rem + 2.2vw,54px) !important;line-height:1}
.lc-in-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#b9a995;font-size:16px}
.lc-in-list li{display:flex;gap:10px;align-items:baseline}
.lc-in-list li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--color-accent,#f7a502);transform:translateY(-2px)}
.lc-in-prod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;padding:10px 14px 10px 10px;background:#1a110c;color:#f4efe8 !important;text-decoration:none !important;transition:background-color 250ms ease,color 250ms ease}
.lc-in-prod .lc-tile{width:56px;height:56px}
.lc-in-prod .lc-tile img{width:56px;height:56px;object-fit:contain}
.lc-in-prod b{display:block;font-weight:500;font-size:15px;line-height:1.25}
.lc-in-prod i{font-style:normal;color:var(--color-accent,#f7a502)}
.lc-in-prod svg{width:20px;height:10px}
.lc-in-prod:hover{background:var(--color-accent,#f7a502);color:#1d1106 !important}
.lc-in-prod:hover i{color:#1d1106}
.lc-in-band{margin:clamp(40px,5vw,72px) 0 0}
.lc-in-band .lc-in-text{padding:clamp(28px,4vw,72px)}
@media (max-width:900px){.lc-in-block{grid-template-columns:1fr}.lc-in-media{min-height:0;aspect-ratio:16/10}.lc-call span{display:none !important}.lc-call.on i::after{width:0 !important}.lc-call span{font-size:13px;white-space:normal;max-width:38vw;margin-left:22px}.lc-call--l span{margin:0 22px 0 0}.lc-call.on i::after{width:12px}}
/* galería: miniatura «Por dentro» */
.lc-in-thumb{position:relative;overflow:hidden;background:#0a0604 !important}
.lc-in-thumb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal !important}
.lc-in-play{position:absolute;left:50%;top:44%;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(244,239,232,.9);color:#1d1106}
.lc-in-play svg{width:12px;height:12px;margin-left:2px}
.lc-in-thumb em{position:absolute;left:0;right:0;bottom:4px;font:italic 400 12px/1 var(--font-display);color:#fff;text-align:center}
.lc-in-layer{position:absolute;inset:0;z-index:5;background:#000;animation:lc-panel 420ms cubic-bezier(.23,1,.32,1)}
.lc-in-layer video,.lc-in-layer img{width:100%;height:100%;object-fit:cover}
.lc-in-layer .lc-in-tag{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.lc-call{transition:none}}

/* selector Trufa / Bombón */
.lc-in-switch{display:inline-flex;gap:4px;padding:4px;border-radius:24px;background:rgba(244,239,232,.08);justify-self:start}
.lc-in-switch button{min-height:40px;padding:0 18px;border:0;border-radius:20px;background:none;color:rgba(244,239,232,.7);font:italic 400 19px/1 var(--font-display);cursor:pointer;transition:background-color 250ms ease,color 250ms ease,transform 140ms cubic-bezier(.23,1,.32,1)}
.lc-in-switch button:hover{color:#fff}
.lc-in-switch button:active{transform:scale(.96)}
.lc-in-switch button[aria-selected=true]{background:#f4efe8;color:#1d1106}
.lc-in-switch button:focus-visible{outline:2px solid var(--color-accent,#f7a502);outline-offset:2px}
.lc-in-swap .lc-in-text h2,.lc-in-swap .lc-in-list,.lc-in-swap .lc-in-prodwrap{animation:lc-panel 520ms cubic-bezier(.23,1,.32,1) both}
.lc-in-swap .lc-in-list{animation-delay:60ms}.lc-in-swap .lc-in-prodwrap{animation-delay:120ms}
.lc-in-media video{transition:opacity 280ms ease}

/* cambio de variante: salida y entrada sin mover el bloque */
.lc-in-text{align-content:start}
.lc-in-out .lc-in-media video{opacity:0}
.lc-in-out .lc-call{opacity:0 !important;transition:opacity 200ms ease}
.lc-in-out .lc-in-text h2,.lc-in-out .lc-in-list,.lc-in-out .lc-in-prodwrap{opacity:0;transform:translateY(-6px);transition:opacity 240ms ease,transform 280ms cubic-bezier(.23,1,.32,1)}