#dia{--hz:70%;--arco-top:112px;--arco-alto:10vh;--r-sol:clamp(22px, 3.4vh, 40px);--hueco-sol:12px;--aire-texto:26px;position:relative}#dia .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#dia .m .h{letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;font-weight:600;display:flex}#dia .m .h:before{content:"";background:currentColor;width:34px;height:1px}#dia .m h2{letter-spacing:-.01em;margin:1.8vh 0 1.6vh;font-family:Cormorant Garamond,serif;font-size:clamp(36px,min(4.2vw,6.6vh),76px);font-weight:300;line-height:.95}#dia .m h2.marca{font-size:clamp(44px,min(5.6vw,8.6vh),104px);line-height:.88}#dia .m h2 em{color:rgb(var(--oro-texto,201, 166, 107));font-style:italic}#dia .m h2 .w{vertical-align:top;padding-bottom:.1em;display:inline-block;overflow:hidden}#dia .m h2 .w>span{display:inline-block}#dia .m .texto{max-width:30em;font-size:16px;line-height:1.6}#dia .m .rotulo{letter-spacing:.26em;text-transform:uppercase;margin-top:2.6vh;font-size:11px}#dia .ctas{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:2.6vh;display:flex}#dia .m .rotulo+.ctas{margin-top:10px}#dia .foto{border-radius:var(--radio-foto);margin:0;overflow:hidden}#dia .foto img{object-fit:cover;object-position:var(--foco,50% 50%);width:100%;height:100%}html:not(.con-js) #dia{color:var(--ink);gap:64px;padding:104px 5vw 64px;display:grid}html:not(.con-js) #dia #cielo,html:not(.con-js) #dia .astros,html:not(.con-js) #dia .arco,html:not(.con-js) #dia .mandos{display:none}html:not(.con-js) #dia .m{gap:24px;display:grid}html:not(.con-js) #dia .foto{aspect-ratio:.8;width:min(360px,80vw)}html.con-js #dia{height:100vh;touch-action:pan-y;height:100svh;min-height:500px;color:rgb(var(--tinta));background:linear-gradient(to top, var(--mar) 0%, var(--mar) calc(100% - var(--hz)), var(--horizonte) calc(100% - var(--hz)), var(--zenit) 100%);overflow:hidden}html.con-js #dia:focus-visible{outline-offset:-4px}html.con-js #cielo{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}html.con-js #dia[data-cielo=listo] #cielo{opacity:1}html.con-js #dia .astros{pointer-events:none;position:absolute;inset:0;overflow:hidden}html.con-js #dia[data-cielo=listo] .astro{transition:visibility 0s .6s;visibility:hidden!important}#dia .astro{width:calc(2 * var(--r-sol));height:calc(2 * var(--r-sol));margin:calc(-1 * var(--r-sol)) 0 0 calc(-1 * var(--r-sol));visibility:hidden;border-radius:50%;position:absolute;top:0;left:0}#dia .astro.sol{background:radial-gradient(circle, #fffaf0 0 52%, rgba(var(--nucleo,255, 238, 204), .95) 60%, rgba(var(--nucleo,255, 238, 204), 0) 71%);box-shadow:0 0 46px 16px rgba(var(--nucleo,255, 238, 204), .42), 0 0 160px 70px rgba(var(--nucleo,255, 238, 204), .2)}#dia .astro.luna{background:radial-gradient(circle at 42% 40%,#f5f6fb 0 56%,#e1e8ff00 70%);box-shadow:0 0 40px 12px #becdff38}html.con-js #dia .m{visibility:hidden;pointer-events:none;position:absolute;inset:0}html.con-js #dia .m.activa{visibility:visible}html.con-js #dia .m .txt{z-index:3;left:5vw;top:calc(var(--arco-top) + var(--arco-alto) + var(--hueco-sol) + 2 * var(--r-sol) + var(--aire-texto));width:32vw;position:absolute}html.con-js #dia .m .txt :is(.h,.texto,.rotulo,.boton){text-shadow:0 0 1px rgba(var(--halo), .4), 0 0 10px rgba(var(--halo), .45), 0 0 24px rgba(var(--halo), .3)}html.con-js #dia .m .txt :is(.h,.rotulo){font-weight:700}html.con-js #dia .m .texto{font-weight:500}html.con-js #dia .m.activa .txt{pointer-events:auto}html.con-js #dia .m.foto-izquierda .txt{left:63vw}html.con-js #dia .foto{left:calc(58% - 18.4vh);bottom:calc(100% - var(--hz));aspect-ratio:.8;height:46%;position:absolute}html.con-js #dia .m.foto-izquierda .foto{left:calc(42% - 18.4vh)}html.con-js #dia .foto{transform:perspective(125vh)rotateX(2.5deg)rotateY(-13deg)}html.con-js #dia .m.foto-izquierda .foto{transform:perspective(125vh)rotateX(2.5deg)rotateY(13deg)}html.con-js #dia[data-cielo=listo] .foto{visibility:hidden;transition:visibility 0s .6s}html.con-js #dia .m:not(.activa):not(.saliendo) .foto{display:none}html.con-js #dia .mandos{display:contents}html.con-js #dia .reloj{z-index:3;left:5vw;top:calc(var(--hz) + 3%);color:var(--cream);text-shadow:0 4px 40px #00000040;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1;pointer-events:none;font-family:Cormorant Garamond,serif;font-size:clamp(56px,7.5vw,130px);font-weight:300;line-height:1;display:flex;position:absolute}#dia .slot{height:1em;display:inline-block;overflow:hidden}#dia .slot>span{flex-direction:column;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex}#dia .slot>span>span{height:1em}#dia .dos{text-align:center;opacity:.7;width:.32em}html.con-js #dia .flechas{z-index:3;color:var(--cream);align-items:center;gap:8px;display:flex;position:absolute;bottom:5.5%;right:5vw}#dia .flechas button{border:1px solid #f3eee599;border-radius:50%;place-items:center;width:46px;height:46px;font-size:16px;transition:background .5s,color .5s;display:grid}@media (hover:hover){#dia .flechas button:hover{background:var(--lino);color:#111}}#dia .flechas button:disabled{opacity:.3;pointer-events:none}#dia .sig{letter-spacing:.2em;text-transform:uppercase;margin-right:10px;font-size:11px}html.con-js #dia .arco{z-index:3;left:5vw;right:5vw;top:var(--arco-top);height:var(--arco-alto);color:rgb(var(--tinta));position:absolute}html.con-js #dia .arco .traza{filter:drop-shadow(0 1px 2px #080c1e59)}#dia .arco .traza{fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#dia .arco .line{stroke:var(--cream);stroke-opacity:.78;stroke-width:1.75px}#dia .arco .fill{stroke:var(--gold2);stroke-width:3px;stroke-linecap:round}#dia .arco .brillo{stroke:var(--gold);stroke-width:10px;stroke-opacity:.3;stroke-linecap:round}#dia .arco .tramo{stroke:var(--gold);stroke-width:6px;stroke-opacity:.5;stroke-linecap:round}#dia .stop{color:rgb(var(--tono,var(--tinta)));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:2px 4px 0;transition:color .5s;display:flex;position:absolute;transform:translate(-50%,calc(5px - 100%))}#dia .stop b{letter-spacing:.14em;white-space:nowrap;font-size:11px;font-weight:700}#dia .stop span{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600}#dia .stop i{width:12px;height:12px;margin-top:calc(2px + var(--alza,0px));border:1.5px solid var(--cream);background:#f3eee54d;border-radius:50%;transition:background .5s,border-color .5s;box-shadow:0 0 0 3px #080c1e24}#dia .stop.on i{background:var(--gold2);border-color:var(--gold2);box-shadow:0 0 0 4px #c9a66b4d,0 0 14px 2px #e2c08abf}#dia .stop.primera{text-align:left;align-items:flex-start;transform:translate(-9px,calc(5px - 100%))}#dia .finde{color:rgb(var(--tono,var(--tinta)));text-align:right;pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;margin:0;transition:color .5s;display:flex;position:absolute;right:0;transform:translateY(calc(-100% - 10px))}#dia .finde b{letter-spacing:.14em;white-space:nowrap;font-size:11px;font-weight:700}#dia .finde span{color:rgb(var(--oro-tono,201, 166, 107));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}#dia .rapido{z-index:4;visibility:hidden;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;top:0;left:0}#dia .rapido[data-sentido]{visibility:visible}#dia .rapido span{background:var(--lino);color:#1d1a16;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:grid;box-shadow:0 10px 24px -10px #0000008c,inset 0 1px #ffffffb3}#dia .rapido:active span{transform:scale(.9)}@media (hover:hover){#dia .rapido:hover span{transform:scale(1.12)}}@media (min-width:900px) and (max-width:1199px){html.con-js #dia .m .txt{width:38vw}html.con-js #dia .m.foto-izquierda .txt{left:57vw}}@media (min-width:900px) and (max-height:820px){#dia{--arco-alto:8vh;--aire-texto:18px}#dia .m h2{font-size:clamp(34px,min(4.2vw,6vh),76px)}#dia .m h2.marca{font-size:clamp(40px,min(5.6vw,7.6vh),104px)}}@media (max-width:899px){#dia{--hz:80%;--arco-alto:7.5vh;--r-sol:17px;--hueco-sol:8px;--aire-texto:14px}html.con-js #dia .m .rotulo{display:none}html.con-js #dia .m .txt,html.con-js #dia .m.foto-izquierda .txt{width:90vw;left:5vw}#dia .m h2{margin:1.2vh 0 1vh;font-size:32px}#dia .m h2.marca{font-size:42px}#dia .m .texto{font-size:15px;line-height:1.5}#dia .ctas{gap:8px 16px;margin-top:1.6vh}html.con-js #dia .foto,html.con-js #dia .m.foto-izquierda .foto{aspect-ratio:auto;width:66vw;height:26%;left:17vw}html.con-js #dia .foto{transform:perspective(150vh)rotateX(2.5deg)rotateY(-8deg)}html.con-js #dia .m.foto-izquierda .foto{transform:perspective(150vh)rotateX(2.5deg)rotateY(8deg)}html.con-js #dia .reloj{top:calc(var(--hz) + 6%);font-size:40px}#dia .stop span{display:none}#dia .stop b,#dia .finde b{letter-spacing:.06em}#dia .finde{right:calc(4px - 5vw)}#dia .finde span{letter-spacing:.08em;white-space:normal;max-width:8.5em}#dia .flechas button{width:44px;height:44px}#dia .sig{display:none}}@media (max-width:899px) and (max-height:700px){#dia{--arco-alto:6vh}#dia .m h2{font-size:28px}#dia .m h2.marca{font-size:36px}#dia .m .texto{font-size:14px}}@media (max-width:399px){#dia .finde span{max-width:6.5em}}@media (max-width:360px){#dia .m h2{font-size:28px}#dia .m h2.marca{font-size:36px}}@media (prefers-reduced-motion:reduce){#dia .slot>span,#dia .rapido span,html.con-js #cielo{transition:none}}