.m3{--f:#f7f1e8;--t:#2b2118;--a:#c8693a;--s:#eadfcf;--b:#fffaf3;--letra:"Manrope", sans-serif;--peso:800;--tracking:-.03em;--mayus:none;justify-items:center;gap:6px;display:grid}.m3[data-estilo=salvia]{--f:#eef2ec;--t:#1f2a22;--a:#5e7f62;--s:#d7e1d3;--b:#fbfdfa;--letra:Georgia, "Times New Roman", serif;--peso:700;--tracking:-.01em}.m3[data-estilo=noche]{--f:#1b1726;--t:#f3effa;--a:#e4b363;--s:#2c2540;--b:#241e33;--letra:"Manrope", sans-serif;--peso:700;--tracking:.08em;--mayus:uppercase}.m3__escenario{aspect-ratio:600/470;width:min(600px,46vw);position:relative;container-type:inline-size}.m3__capa{background:var(--f);color:var(--t);transition:background-color .46s ease, color .46s ease, transform .5s var(--curva);position:absolute;overflow:hidden;box-shadow:0 30px 70px #3b1c7842,0 0 0 1px #17122614}.m3__capa--web{border-radius:2.4cqi;width:80%;height:66%;top:0;left:0}.m3__capa--tienda{border:1.2cqi solid #171226;border-radius:2.6cqi;width:37%;height:54%;transition-delay:90ms;bottom:0;left:5%}.m3__capa--app{border:1.1cqi solid #171226;border-radius:4.2cqi;width:25%;height:74%;transition-delay:.18s;bottom:4%;right:1%}.m3 *,.m3 :before{transition-property:background-color,color,border-color;transition-duration:.46s;transition-timing-function:ease}.m3__barra{background:var(--s);align-items:center;gap:.9cqi;height:4.6cqi;padding:0 2cqi;display:flex}.m3__barra i{background:color-mix(in srgb, var(--t) 22%, transparent);border-radius:50%;width:1.3cqi;height:1.3cqi}.m3__barra span{background:var(--b);color:color-mix(in srgb, var(--t) 60%, transparent);border-radius:1cqi;margin-left:2cqi;padding:.3cqi 2cqi;font-size:1.5cqi;font-weight:600}.m3__web{gap:2.6cqi;padding:2.6cqi 3.2cqi;display:grid}.m3__nav{align-items:center;gap:2.4cqi;font-size:1.6cqi;font-weight:600;display:flex}.m3__nav span:first-of-type{margin-left:auto}.m3__nav em{background:var(--t);color:var(--f);border-radius:99px;padding:.6cqi 1.6cqi;font-style:normal}.m3__logo{font-family:var(--letra);font-weight:var(--peso);letter-spacing:var(--tracking);text-transform:var(--mayus);font-size:2.6cqi}.m3__hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:2.6cqi;display:grid}.m3__copy{justify-items:start;gap:2cqi;display:grid}.m3__titular{font-family:var(--letra);font-weight:var(--peso);letter-spacing:var(--tracking);text-transform:var(--mayus);font-size:4.2cqi;line-height:1.02}.m3__boton{background:var(--t);color:var(--f);border-radius:99px;align-items:center;padding:.9cqi 2cqi;font-size:1.6cqi;font-weight:700;display:inline-flex}.m3__foto{aspect-ratio:4/3;background:var(--s);border-radius:1.8cqi;position:relative;overflow:hidden}.m3__foto i{border-radius:50% 50% 18% 18%/34% 34% 12% 12%;position:absolute;bottom:10%}.m3__foto i:first-child{background:color-mix(in srgb, var(--a) 55%, var(--s));width:18%;height:46%;left:18%}.m3__foto i:nth-child(2){background:var(--b);width:22%;height:66%;left:40%}.m3__foto i:nth-child(3){background:var(--a);width:16%;height:36%;left:66%}.m3__grilla{grid-template-columns:repeat(4,1fr);gap:1.6cqi;display:grid}.m3__grilla span{aspect-ratio:1;background:var(--s);border-radius:1.4cqi;position:relative}.m3__grilla i{background:color-mix(in srgb, var(--a) 70%, var(--s));border-radius:50%;position:absolute;inset:26% 30%}.m3__grilla span:nth-child(2) i{background:color-mix(in srgb, var(--t) 30%, var(--s));border-radius:1cqi}.m3__grilla span:nth-child(4) i{background:var(--a);border-radius:40% 40% 12% 12%;inset:22% 36%}.m3__ficha{align-content:start;gap:1.4cqi;height:100%;padding:2.4cqi;display:grid}.m3__foto--grande{aspect-ratio:5/4}.m3__producto{font-family:var(--letra);font-weight:var(--peso);letter-spacing:var(--tracking);text-transform:var(--mayus);font-size:2.6cqi;line-height:1.05}.m3__nota{color:color-mix(in srgb, var(--t) 65%, transparent);font-size:1.5cqi}.m3__colores{gap:1cqi;display:flex}.m3__colores i{background:var(--a);width:2.6cqi;height:2.6cqi;box-shadow:0 0 0 .4cqi var(--f), 0 0 0 .7cqi color-mix(in srgb, var(--t) 30%, transparent);border-radius:50%}.m3__colores i:nth-child(2){background:var(--s);box-shadow:none}.m3__colores i:nth-child(3){background:var(--t);box-shadow:none}button.m3__boton--wa{color:#fff;cursor:pointer;background:#15803d;border:0;justify-content:center;min-height:44px;margin-top:auto;font-size:max(11px,1.7cqi)}button.m3__boton--wa:hover{background:#166534}button.m3__boton--wa:focus-visible{outline-offset:2px;outline:3px solid #5b2fc9}.m3__app{align-content:start;gap:2cqi;height:100%;padding:5.4cqi 2.2cqi 2.2cqi;display:grid;position:relative}.m3__isla{background:#171226;border-radius:99px;width:7cqi;height:1.8cqi;position:absolute;top:1.4cqi;left:50%;transform:translate(-50%)}.m3__app .m3__logo{font-size:2.2cqi}.m3__hola{font-family:var(--letra);font-weight:var(--peso);letter-spacing:var(--tracking);text-transform:var(--mayus);font-size:3cqi;line-height:1.05}.m3__pedido{background:var(--s);border-radius:1.8cqi;gap:.8cqi;padding:1.8cqi;display:grid}.m3__pedido small{color:color-mix(in srgb, var(--t) 65%, transparent);font-size:1.4cqi}.m3__pedido b{font-size:1.9cqi}.m3__avance{background:color-mix(in srgb, var(--t) 14%, transparent);border-radius:99px;height:.9cqi;overflow:hidden}.m3__avance i{background:var(--a);width:64%;height:100%;display:block}.m3__mini{grid-template-columns:1fr 1fr;gap:1.2cqi;display:grid}.m3__mini span{aspect-ratio:1;background:var(--s);border-radius:1.4cqi;position:relative}.m3__mini i{background:var(--a);border-radius:50% 50% 16% 16%/30% 30% 10% 10%;position:absolute;inset:24% 30%}.m3__mensaje{z-index:3;color:#13261a;opacity:0;transform-origin:90% 100%;pointer-events:none;max-width:46%;transition:opacity .24s ease, transform .3s var(--curva);background:#dcf8c6;border-radius:2cqi 2cqi .6cqi;padding:1.6cqi 2cqi;font-size:max(12px,1.8cqi);line-height:1.35;position:absolute;top:54%;right:22%;transform:translateY(8px)scale(.96);box-shadow:0 18px 40px #17122640}.m3__mensaje small{letter-spacing:.04em;text-transform:uppercase;color:#1f7a45;margin-bottom:.4cqi;font-size:max(10px,1.4cqi);font-weight:700;display:block}.m3__mensaje[data-visible]{opacity:1;transform:none}.m3__controles{justify-items:center;gap:2px;display:grid}.m3__estilos button{align-items:center;gap:8px;display:inline-flex}.m3__muestra{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #17122633}.m3__muestra--arena{background:linear-gradient(135deg,#f7f1e8 50%,#c8693a 50%)}.m3__muestra--salvia{background:linear-gradient(135deg,#eef2ec 50%,#5e7f62 50%)}.m3__muestra--noche{background:linear-gradient(135deg,#1b1726 50%,#e4b363 50%)}html[data-movimiento=off] .m3 *,html[data-movimiento=off] .m3__capa,html[data-movimiento=off] .m3__mensaje{transition:none!important}@media (width<=760px),(aspect-ratio<=4/5){.m3__escenario{width:min(100%,580px)}}