/* Entrada breve del logo, sin bloquear la tienda. */
.header .logo,.detail-header .logo{position:relative;isolation:isolate}
.header .logo .brand-mark,.detail-header .logo .brand-mark{animation:lalas-heart 1.15s ease-in-out 2;transform-origin:center}
.header .lalas-wordmark,.detail-header .lalas-wordmark{position:relative;animation:lalas-reveal .85s ease-out both}
.header .lalas-wordmark:after,.detail-header .lalas-wordmark:after{content:"";position:absolute;inset:-3px -5px;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff9 48%,transparent 72%);background-size:250% 100%;background-position:150% 0;mix-blend-mode:screen;opacity:0;animation:lalas-glint 1.8s .5s ease-out 1}
@keyframes lalas-heart{0%,100%{transform:scale(1)}35%{transform:scale(1.12) rotate(-5deg)}65%{transform:scale(1.04) rotate(3deg)}}
@keyframes lalas-reveal{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes lalas-glint{0%{opacity:0;background-position:150% 0}25%{opacity:.7}85%{opacity:.3}100%{opacity:0;background-position:-100% 0}}
.hero{min-height:0;margin-top:16px;grid-template-columns:1.2fr 1fr;border-radius:14px}
.hero-copy{padding:24px 28px}.hero h1{font-size:36px;margin:10px 0;line-height:1.12;letter-spacing:-1.2px}.hero-copy>p{font-size:12px;line-height:1.5;max-width:400px}.hero-cta{margin-top:14px;gap:16px;flex-wrap:wrap}.hero-main-cta{padding:10px 14px;min-height:40px}.hero-note{display:none}.hero-visual{padding:18px 22px}.hero-visual-label{display:none}.promo-slider{height:150px;max-width:380px}.promo-slide{flex-direction:row;align-items:center;padding:10px;gap:12px;border-radius:12px}.promo-slide img{width:42%;height:128px;padding:0;flex-shrink:0}.promo-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:none;min-width:0;border:0;margin:0;padding:0;gap:6px}.promo-info b{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;font-size:12px}.hero-visual-bottom{margin-top:10px;max-width:380px}.hero-visual-bottom>span{display:none}.hero-visual-bottom .dots{margin-left:auto}html[data-theme=dark] .promo-slide{background:#2b211c}html[data-theme=dark] .promo-info{color:#f1daca}html[data-theme=dark] .promo-info span{color:#e6b3a1}
@media(max-width:700px){.hero{margin:10px 14px 0;grid-template-columns:1fr;border-radius:12px}.hero-copy{padding:14px 16px 12px}.hero-copy>small{display:none}.hero h1{font-size:24px;line-height:1.12;margin:0 0 7px;letter-spacing:-.6px}.hero h1 em{letter-spacing:-.6px}.hero-copy>p{font-size:11px;line-height:1.4;max-width:none}.hero-cta{margin-top:10px;gap:12px}.hero-main-cta{font-size:10px;min-height:36px;padding:8px 11px;gap:9px}.hero-secondary{font-size:10px}.hero-visual{padding:9px 12px;border-radius:0;background:transparent}.promo-slider{height:86px;max-width:none}.promo-slide{padding:7px 9px;gap:11px;border-radius:9px}.promo-slide img{height:72px;width:85px;padding:0}.promo-info{flex:1;max-width:none;gap:4px}.promo-info b,.promo-info span{font-size:10px}.hero-visual-bottom{margin-top:6px;min-height:12px;max-width:none}.hero-orbit{display:none}.section{margin-top:18px}.section h2{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.header .logo .brand-mark,.detail-header .logo .brand-mark,.header .lalas-wordmark,.detail-header .lalas-wordmark,.header .lalas-wordmark:after,.detail-header .lalas-wordmark:after{animation:none!important}.promo-slide{transition:none}}
.hero .hero-visual{min-height:0}