/* Estilos del carrusel de portada. Datos en slides.js, lógica en carrusel.js. */
.cr{position:relative;max-width:1240px;margin:0 auto;padding:0 10px 14px}
.cr[hidden]{display:none}
.cr-v{overflow:hidden;border-radius:14px;border:1px solid #3a3226;background:#000}
.cr-tr{display:flex;transition:transform .6s cubic-bezier(.65,0,.25,1)}
.cr-s{--ac:#c9a96a;position:relative;flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:353px;padding:20px 14px 52px 20px;overflow:hidden;isolation:isolate;
 background:radial-gradient(ellipse 65% 90% at 78% 52%,color-mix(in srgb,var(--ac) 48%,transparent),transparent 70%),linear-gradient(120deg,#0c0c0c 30%,#1b1710 100%)}
.cr-s.izq{flex-direction:row-reverse;background:radial-gradient(ellipse 65% 90% at 22% 52%,color-mix(in srgb,var(--ac) 48%,transparent),transparent 70%),linear-gradient(240deg,#0c0c0c 30%,#1b1710 100%)}
.cr-s::before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,169,106,.28);border-radius:10px;pointer-events:none;z-index:3}
.cr-w{position:absolute;left:-2%;right:-2%;bottom:14px;z-index:-1;font-size:min(46px,calc((100vw - 28px)/8.5));line-height:.9;font-weight:800;letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(201,169,106,.3);pointer-events:none;user-select:none;text-align:center}
.cr-t{position:relative;z-index:2;min-width:0;flex:1 1 56%}
.cr-k{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d9bd83;font-weight:700}
.cr-k::before{content:"";width:22px;height:1px;background:#d9bd83}
.cr-t h2{margin:0;font-size:26px;line-height:1.05;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.cr-d{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#d6d6d6;max-width:30em}
.cr-n{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.cr-n li{font-size:10.5px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--ac) 70%,#fff 10%);border-radius:99px;color:#f1e3bf;background:rgba(0,0,0,.35);backdrop-filter:blur(2px)}
.cr-b{margin-top:14px;height:36px;padding:0 18px;border:0;border-radius:99px;background:linear-gradient(135deg,#f3e2b6,#c9a96a);color:#000;font-size:13px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px rgba(201,169,106,.3)}
.cr-b::after{content:" →"}
.cr-i{position:relative;z-index:2;flex:0 0 40%;display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-height:230px}
.cr-i::before{content:"";position:absolute;left:50%;bottom:calc(4% + var(--dy,0px)*.5);width:78%;height:14px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.65),transparent 70%)}
.cr-i img{position:relative;display:block;height:calc(235px - var(--dy,0px)*.25);top:calc(var(--dy,0px)*-.5);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.55));animation:cr-fl 6s ease-in-out infinite}
.cr-i.n3{align-items:center}
.cr-i.n3 img{height:104px;margin:0 -9px;animation-duration:7s}
.cr-i.n3 img:nth-child(1){transform:rotate(-8deg) translateY(8px);z-index:1;animation-delay:-1s}
.cr-i.n3 img:nth-child(2){height:128px;z-index:2;animation-delay:-3s}
.cr-i.n3 img:nth-child(3){transform:rotate(8deg) translateY(8px);z-index:1;animation-delay:-5s}
@keyframes cr-fl{0%,100%{translate:0 0}50%{translate:0 -7px}}
.cr-s .cr-t>*{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.cr-s.on .cr-t>*{opacity:1;transform:none}
.cr-s.on .cr-t>:nth-child(2){transition-delay:.08s}.cr-s.on .cr-t>:nth-child(3){transition-delay:.16s}.cr-s.on .cr-t>:nth-child(4){transition-delay:.24s}.cr-s.on .cr-t>:nth-child(5){transition-delay:.32s}
.cr-a{position:absolute;bottom:18px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,189,131,.6);background:rgba(0,0,0,.6);color:#f3e2b6;font-size:22px;line-height:1;padding:0 0 3px}
.cr-p{left:20px}.cr-x{right:20px}
.cr-dots{position:absolute;left:0;right:0;bottom:23px;z-index:4;display:flex;justify-content:center;gap:2px}
.cr-dots button{width:24px;height:24px;padding:0;border:0;background:none;position:relative}
.cr-dots button::after{content:"";position:absolute;left:8px;top:10px;width:8px;height:4px;border-radius:4px;background:#5d5d5d;transition:width .3s,left .3s,background .3s}
.cr-dots button[aria-current=true]::after{background:#d9bd83;width:20px;left:2px}
.cr button:focus-visible{outline:2px solid #d9bd83;outline-offset:2px}
@media(min-width:700px){
.cr{padding:0 10px 18px}
.cr-s{min-height:410px;padding:30px 80px 60px 60px;gap:20px}
.cr-s::before{inset:12px}
.cr-w{font-size:min(128px,calc((100vw - 48px)/8.5));bottom:22px}
.cr-t{flex:1 1 52%}
.cr-t h2{font-size:48px}
.cr-k{font-size:12px;margin-bottom:12px}
.cr-d{font-size:16px;margin-top:14px}
.cr-n{gap:7px;margin-top:16px}.cr-n li{font-size:12.5px;padding:5px 12px}
.cr-b{height:44px;padding:0 26px;font-size:15px;margin-top:20px}
.cr-i{flex:0 0 44%;min-height:300px}
.cr-i::before{bottom:calc(4% + var(--dy,0px))}
.cr-i img{height:calc(320px - var(--dy,0px)*.5);top:calc(var(--dy,0px)*-1)}
.cr-i.n3 img{height:215px;margin:0 -14px}.cr-i.n3 img:nth-child(2){height:262px}
.cr-a{width:42px;height:42px;top:50%;bottom:auto;transform:translateY(-50%)}
.cr-p{left:20px}.cr-x{right:20px}
.cr-dots{bottom:26px}
}
@media(prefers-reduced-motion:reduce){.cr-tr,.cr-s .cr-t>*{transition:none;opacity:1;transform:none}.cr-i img{animation:none}}
/* Barrido de luz (light sweep): un reflejo suave que cruza cada portada. */
.cr-s{position:relative;overflow:hidden}
.cr-s::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:40%;z-index:4;pointer-events:none;background:linear-gradient(100deg,rgba(255,240,205,0) 0%,rgba(255,240,205,.05) 35%,rgba(255,240,205,.2) 50%,rgba(255,240,205,.05) 65%,rgba(255,240,205,0) 100%);transform:skewX(-14deg);animation:cr-sweep 6.5s ease-in-out infinite}
@keyframes cr-sweep{0%{left:-60%}50%,100%{left:135%}}
@media(prefers-reduced-motion:reduce){.cr-s::after{animation:none;display:none}}

/* Celular: portada más baja para que los perfumes se vean antes (aprox. un tercio de la pantalla). */
@media(max-width:699px){
.cr{padding:0 8px 10px}
.cr-s{min-height:0;height:224px;padding:14px 10px 40px 16px}
.cr-t h2{font-size:21px}
.cr-k{font-size:9px;margin-bottom:5px}
.cr-d{margin-top:6px;font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-n{display:none}
.cr-b{margin-top:9px;height:32px;padding:0 14px;font-size:12px;display:inline-flex;align-items:center;text-decoration:none}
.cr-i{min-height:150px}
.cr-i img{height:150px}
.cr-i.n3 img{height:78px;margin:0 -8px}.cr-i.n3 img:nth-child(2){height:96px}
.cr-w{font-size:min(34px,calc((100vw - 28px)/9));bottom:10px}
.cr-a{width:30px;height:30px;font-size:19px;bottom:12px}
.cr-dots{bottom:15px}
}

/* Botón que abre WhatsApp (es un enlace): mismo aspecto que los demás botones. */
a.cr-b{display:inline-flex;align-items:center;text-decoration:none}