.hero{--u: calc(100cqw / 1586);--tinta-ruta: #eadcc6;--tinta-titular: #cbb394;--tinta-accion: #16202c;--tinta-apoyo: #eee3ce;--tinta-marca: #cdbca8;position:relative;container-type:inline-size;width:100%;aspect-ratio:1586 / 992;overflow:hidden;background:var(--sombra)}.hero>.hero-escena{position:absolute;inset:0;z-index:0}.hero-escena picture{display:contents}.hero-escena img{width:100%;height:100%;object-fit:cover}.hero-escena:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 36% 13% at 64% 70%,rgb(0 3 7 / .49) 0 55%,transparent 100%)}.hero-ruta,.hero-titulo__tramo,.hero-accion,.hero-apoyo,.hero-marca{--cap: calc(var(--cuerpo) * var(--mayuscula, .64) * var(--u));position:absolute;z-index:1;margin:0;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u) - var(--cap));font-size:calc(var(--cuerpo) * var(--u));line-height:1;white-space:nowrap;text-box:trim-both cap alphabetic;transform-origin:0 100%;transform:skewY(var(--giro, 0deg)) skew(calc(-1 * var(--inclinacion, 0deg))) scaleX(var(--escala-x, 1)) scaleY(var(--escala-y, 1))}.hero-ruta{font-family:var(--font-tejido);--cuerpo: 22;--mayuscula: .7;--toque: calc(16 * var(--u));left:calc(var(--x) * var(--u) - var(--toque));top:calc(var(--y) * var(--u) - var(--cap) - var(--toque));padding:var(--toque);min-width:44px;min-height:44px;transform-origin:var(--toque) calc(var(--toque) + var(--cap));color:var(--tinta-ruta);font-weight:400;--escala-x: 1.05;--escala-y: 1.06;text-shadow:0 0 calc(8 * var(--u)) rgb(16 12 10 / .65),0 0 calc(18 * var(--u)) rgb(16 12 10 / .55);text-decoration:none}.hero-ruta--inicio{--x: 101;--y: 187;--giro: 16deg}.hero-ruta--faciales{--cuerpo: 21.9;--x: 102;--y: 252;--giro: 15.5deg}.hero-ruta--corporales{--cuerpo: 22.1;--x: 102;--y: 317;--giro: 12.5deg}.hero-ruta--casa{--cuerpo: 23.4;--x: 101;--y: 381;--giro: 11.5deg}.hero-ruta--reserva{--cuerpo: 22.9;--x: 101;--y: 444;--giro: 9.5deg}.hero-ruta--casa,.hero-ruta--reserva{text-shadow:0 0 calc(8 * var(--u)) rgb(16 12 10 / .7),0 0 calc(20 * var(--u)) rgb(16 12 10 / .55),0 0 calc(38 * var(--u)) rgb(16 12 10 / .55)}.hero-titulo{position:absolute;inset:0;z-index:1;margin:0;pointer-events:none;font-family:var(--font-tejido);color:var(--tinta-titular);font-weight:500}.hero-titulo__tramo{--mayuscula: .7;pointer-events:auto;--escala-x: 1.03;--escala-y: 1.3;background-image:var(--fibra-algodon);background-size:calc(320 * var(--u)) auto;background-clip:text;-webkit-background-clip:text;mask-image:var(--mascara-algodon);mask-size:calc(400 * var(--u)) auto;mask-repeat:repeat;color:transparent;padding-bottom:.4em;transform-origin:0 var(--cap)}.hero-titulo__tramo--1{--cuerpo: 59.7;--x: 395;--y: 344;--giro: 26deg;--inclinacion: 6deg}.hero-titulo__tramo--2{--cuerpo: 64.7;--x: 510;--y: 408;--giro: 18deg;--inclinacion: 6deg}.hero-titulo__tramo--3{--cuerpo: 56.4;--x: 673;--y: 469;--giro: 9deg;--inclinacion: 4deg;--escala-x: 1.12}.hero-titulo__tramo--4{--cuerpo: 60;--x: 742;--y: 496;--giro: 2.5deg;--inclinacion: 3deg;--escala-x: 1}.hero-titulo__tramo--5{--cuerpo: 58;--x: 1010;--y: 500;--giro: -6deg;--inclinacion: 6deg}.hero-accion{font-family:var(--font-tejido);--cuerpo: 28;--mayuscula: .7;--inclinacion: 2deg;--toque: calc(15 * var(--u));--x: 1266;--y: 366;--giro: -23.8deg;left:calc(var(--x) * var(--u) - var(--toque));top:calc(var(--y) * var(--u) - var(--cap) - var(--toque));display:flex;align-items:flex-start;gap:calc(12 * var(--u));padding:var(--toque);min-height:44px;transform-origin:var(--toque) calc(var(--toque) + var(--cap));color:var(--tinta-accion);font-weight:600;--escala-x: 1;--escala-y: 1.08;word-spacing:.04em;text-decoration:none}.hero-accion__nombre{display:block;text-box:trim-both cap alphabetic}.hero-accion .hero-flecha{flex:none;width:calc(20 * var(--u));height:calc(12 * var(--u));translate:0 calc(-5 * var(--u))}.hero-flecha{display:block;overflow:visible}.hero-apoyo{--cuerpo: 22;--x: 792;--y: 690;translate:-50% 0;color:var(--tinta-apoyo);font-weight:300;text-align:center}.hero-apoyo__linea{display:block;text-box:trim-both cap alphabetic}.hero-apoyo__linea+.hero-apoyo__linea{margin-top:calc(14.5 * var(--u))}.hero-marca{--cuerpo: 25;--x: 793;--y: 793;translate:calc(-50% + .1em) 0;color:var(--tinta-marca);font-weight:300;letter-spacing:.2em;text-transform:uppercase}.hero-marca__adorno{--nudo-cordon: currentColor;--nudo-lazo: var(--cabuya-clara);position:absolute;left:50%;top:calc(29 * var(--u));width:calc(66 * var(--u));height:calc(15 * var(--u));translate:calc(-50% - .1em - 4 * var(--u)) 0}.hero-ruta:focus-visible{outline:2px solid var(--calendula-clara);outline-offset:0}.hero-accion:focus-visible{outline:2px solid var(--anil);outline-offset:0}@media(hover:hover)and (pointer:fine){.hero-ruta:hover{color:var(--calendula-clara)}.hero-accion:hover .hero-accion__nombre{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hero-flecha{transition:translate .24s cubic-bezier(.16,1,.3,1)}.hero-accion:hover .hero-flecha{translate:.25em calc(-5 * var(--u))}}@media(max-width:900px){.hero{--u: 1px;display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto;padding-bottom:2.75rem}.hero-ruta,.hero-titulo__tramo,.hero-accion,.hero-apoyo,.hero-marca{position:static;left:auto;top:auto;transform:none;translate:none;text-box:normal}.hero-rutas{grid-row:1;display:flex;flex-wrap:wrap;gap:0 1.1rem;padding:.35rem clamp(1rem,4vw,2rem) .6rem;background:repeating-linear-gradient(-60deg,var(--cabuya) 0 3px,var(--cabuya-sombra) 3px 5px) 0 100% / 100% 4px no-repeat,var(--sombra)}.hero-ruta{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .15rem;font-size:1.0625rem;line-height:1.2;text-shadow:none;color:var(--algodon);--escala-x: 1;--escala-y: 1}.hero-ruta--casa,.hero-ruta--reserva{text-shadow:none}.hero-ruta:before{--hilo: var(--cabuya);content:"";flex:none;width:8px;height:24px;translate:0 -2px;background:linear-gradient(var(--hilo),var(--hilo)) 50% 0 / 1.5px 6px no-repeat,linear-gradient(var(--hilo),var(--hilo)) 50% 5px / 6px 5px no-repeat,repeating-linear-gradient(90deg,var(--hilo) 0 1.5px,transparent 1.5px 2.2px) 0 100% / 100% 13px no-repeat}.hero-ruta[aria-current=page]:before{--hilo: var(--calendula)}.hero-ruta[aria-current=page]:after{content:"";position:absolute;left:calc(8px + .65rem);right:.15rem;bottom:7px;height:3px;background:var(--calendula)}.hero-ruta:focus-visible{outline-offset:2px}.hero>.hero-escena{--hamaca-x: 72%;position:relative;inset:auto;grid-row:2;width:100%;height:min(94cqw,64svh)}.hero-escena img{object-position:var(--hamaca-x) 50%}.hero-escena:after{display:none}.hero-titulo{position:relative;inset:auto;z-index:2;grid-row:3;width:110%;margin:-2.6rem 0 0 -5%;padding:1.35rem calc(5% + clamp(1rem,4vw,2rem)) 1.1rem;rotate:-2.4deg;font-size:clamp(2.35rem,10.5vw,3.6rem);line-height:1.04;color:var(--algodon);text-wrap:balance;background-color:var(--granza);background-image:var(--fibra-granza);background-size:180px auto;pointer-events:auto}.hero-titulo__tramo{font-size:inherit;white-space:normal;padding-bottom:0;background:none;color:inherit;mask-image:none}.hero-accion{grid-row:4;justify-self:start;align-items:center;gap:.8rem;min-height:60px;margin:1.6rem clamp(1rem,4vw,2rem) 0;padding:.85rem 1.5rem .95rem;background-color:var(--calendula);background-image:var(--fibra-calendula);background-size:180px auto;font-size:1.375rem;line-height:1;word-spacing:.08em;text-shadow:none}.hero-accion{position:relative;--escala-x: 1;--escala-y: 1}.hero-accion:after{content:"";position:absolute;pointer-events:none;left:-.3rem;right:-.3rem;top:calc(100% - .45rem);height:1.5rem;background:var(--remate-calendula) center bottom / 100% 3.4rem no-repeat}.hero-accion__nombre{text-box:normal}.hero-accion .hero-flecha{width:1.1rem;height:.75rem;translate:none}.hero-accion:focus-visible{outline:2px solid var(--calendula-clara);outline-offset:5px}.hero-apoyo{grid-row:5;max-width:36ch;margin:2rem clamp(1rem,4vw,2rem) 0;font-size:1.1875rem;line-height:1.5;text-align:left;white-space:normal}.hero-apoyo__linea{display:inline;text-box:normal}.hero-apoyo__linea+.hero-apoyo__linea{margin-top:0}.hero-marca{position:relative;grid-row:6;justify-self:center;margin:2.5rem 0 0;padding-bottom:2.4rem;font-size:1.25rem;line-height:1}.hero-marca__adorno{top:auto;bottom:.9rem}}@media(max-width:900px)and (hover:hover)and (pointer:fine){.hero-accion:hover{background-color:var(--calendula-clara)}}@media(max-width:900px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hero-accion:hover .hero-flecha{translate:.25em 0}}