:root{
  --tinta:#0F2622;
  --tinta-2:#143029;
  --tinta-3:#1c3b34;
  --papel:#f2eee4;
  --hueso:#e4e0d2;
  --marca:#9E8650;
  --brasa:#C2A86E;
  --oro:#D9C48C;
  --concreto:#86948c;
  --concreto-texto:#5c6862;
  --linea:#D8D6CA;
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --cuerpo:'Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --pad:clamp(20px,4.4vw,64px);
  --max:1360px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --nav:76px;
  --tx-rgb:242,238,228;
  --ln-rgb:255,255,255;
  --blanco:#fff;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--tinta);color:var(--papel);font-family:var(--cuerpo);font-size:18px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.contenedor{width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.pie__cuerpo{background-image:linear-gradient(rgba(var(--ln-rgb),.028) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ln-rgb),.028) 1px,transparent 1px);background-size:72px 72px;background-position:-1px -1px}
.pie__cta{background-image:linear-gradient(rgba(15,38,34,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,38,34,.05) 1px,transparent 1px);background-size:72px 72px;background-position:-1px -1px}
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav);z-index:100;transition:background .5s var(--ease),backdrop-filter .5s,transform .6s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.nav.solida{background:rgba(15,38,34,.92);border-color:rgba(var(--ln-rgb),.08)}
.nav.oculta{transform:translateY(-100%)}
.nav.abierto{transform:none}
.nav__int{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav__marca{display:flex;align-items:center;gap:12px}
.nav__logo{height:30px;width:auto}
.nav__marca b{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em;font-variation-settings:'wdth' 112}
.nav__cta{position:relative;display:inline-flex;align-items:center;gap:11px;padding:7px 22px 7px 8px;border-radius:999px;background:linear-gradient(135deg,#d9c48c 0%,#b49a63 100%);color:#0f2622;font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.01em;font-variation-settings:'wdth' 108;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 10px 28px -10px rgba(138,111,62,.7);transition:background .4s,color .4s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.nav__cta .nav__wa{box-sizing:content-box;width:16px;height:16px;padding:7px;border-radius:50%;background:rgba(255,255,255,.18);transition:background .4s,transform .5s var(--ease)}
@media(hover:hover){.nav__cta:hover{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 1px rgba(255,255,255,0),0 14px 34px -10px rgba(180,154,99,.7);transform:translateY(-1px)}}
@media(hover:hover){.nav__cta:hover .nav__wa{background:var(--marca);fill:#fff;transform:rotate(-8deg) scale(1.05)}}
.nav__wa{width:17px;height:17px;fill:currentColor}
@keyframes fluir{0%,100%{background-position:0% 25%}50%{background-position:100% 75%}}
@keyframes baja{0%,100%{transform:translateY(-4px);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@keyframes pulso{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.pie{background:var(--tinta);color:var(--papel)}
.pie__cta{position:relative;overflow:hidden;background-color:var(--papel);color:var(--tinta);padding:clamp(88px,10vw,160px) 0}
.pie__cta .contenedor{position:relative;display:grid;gap:clamp(32px,4vw,56px)}
.pie__cta .mono{color:var(--concreto-texto)}
.pie__cta h2{font-size:clamp(38px,7vw,120px);line-height:.96;max-width:13ch;letter-spacing:-.04em;font-variation-settings:'wdth' 114}
.pie__cta-acc{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.pie__cta .btn{background:var(--tinta);color:#fff;padding:24px 38px;font-size:18px}
@media(hover:hover){.pie__cta .btn:hover{background:var(--marca)}}
.pie__asistente{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta);border-bottom:1px solid var(--marca);padding-bottom:4px}
.pie__trama{position:absolute;right:-4%;top:50%;width:min(56vw,760px);transform:translateY(-50%);pointer-events:none}
.pie__cuerpo{padding:clamp(56px,6vw,96px) 0 28px}
.pie__cols{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.2fr;gap:clamp(28px,3vw,56px)}
.pie__col{display:grid;gap:12px;align-content:start}
.pie__col .mono{margin-bottom:10px;color:var(--oro)}
.pie__col .mono::before{display:none}
.pie__col a:not(.pie__marca):not(.pie__dato):not(.pie__equipo){color:rgba(var(--tx-rgb),.72);font-size:16px;transition:color .3s}
@media(hover:hover){.pie__col a:not(.pie__marca):not(.pie__dato):not(.pie__equipo):hover{color:var(--blanco)}}
.pie__marca{display:flex;align-items:center;gap:14px}
.pie__logo{height:34px;width:auto}
.pie__nombre{font-family:var(--display);font-weight:700;font-size:20px;font-variation-settings:'wdth' 112}
.pie__frase{color:rgba(var(--tx-rgb),.62);font-size:16px;line-height:1.55;max-width:34ch}
.pie__social{display:flex;gap:18px;margin-top:6px}
.pie__icono{display:block;transition:transform .4s var(--ease),color .3s}
.pie__icono svg{width:22px;height:22px;fill:currentColor}
@media(hover:hover){.pie__icono:hover{transform:translateY(-3px);color:var(--brasa)}}
.pie__dato{display:grid;font-size:16px;color:rgba(var(--tx-rgb),.8)}
.pie__dato span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--concreto)}
.pie__equipo{display:grid;gap:4px;font-size:15px;line-height:1.45;color:rgba(var(--tx-rgb),.62)}
.pie__equipo b{color:var(--blanco);font-family:var(--display);font-weight:700;font-size:17px;font-variation-settings:'wdth' 108}
.pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(40px,5vw,72px);padding-top:22px;border-top:1px solid rgba(var(--ln-rgb),.12);font-size:14px;color:rgba(var(--tx-rgb),.5)}
.pie__legales{display:flex;gap:22px}
@media(hover:hover){.pie__legales a:hover{color:var(--blanco)}}
@media(max-width:1040px){.pie__cols{grid-template-columns:1fr 1fr}}
@media(max-width:899px){:root{--nav:68px}
.pie__cols{grid-template-columns:1fr}
.pie__trama{width:120vw;right:-50%;opacity:.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-tema="dia"]{--tx-rgb:15,38,34;--ln-rgb:15,38,34;--blanco:#0F2622}
html[data-tema="dia"] .pie,html[data-tema="dia"] .nav.abierto{background-color:#f3f6f4}
html[data-tema="dia"] .pie{color:#0f2622}
html[data-tema="dia"] .nav.solida{background:rgba(243,246,244,.94)}
html[data-tema="dia"] .nav__logo,html[data-tema="dia"] .pie__logo{filter:brightness(0)}
html[data-tema="dia"] .pie__cta .btn{color:#fff}
body,.nav,.pie{transition:background-color .6s var(--ease),color .6s var(--ease)}
.nav__marca b{white-space:nowrap}
.nav__acciones{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px);position:relative;z-index:3}
.nav__marca{position:relative;z-index:3}
.nav.abierto{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;transform:none}
.nav__burger{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(var(--ln-rgb),.22);background:rgba(var(--ln-rgb),.05);transition:border-color .3s,background .3s}
@media(hover:hover){.nav__burger:hover{border-color:var(--brasa);background:rgba(var(--ln-rgb),.1)}}
.nav__burger span{position:absolute;left:15px;height:2px;border-radius:2px;background:var(--blanco);transition:transform .6s var(--ease),width .45s var(--ease),top .6s var(--ease)}
.nav__burger span:nth-child(1){top:20px;width:22px}
.nav__burger span:nth-child(2){top:29px;width:13px}
@media(hover:hover){.nav__burger:hover span:nth-child(2){width:22px}}
.nav.abierto .nav__burger span:nth-child(1){top:25px;width:22px;transform:rotate(45deg)}
.nav.abierto .nav__burger span:nth-child(2){top:25px;width:22px;transform:rotate(-45deg)}
.nav__n{font-style:normal;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--brasa);font-weight:500}
.menu__int{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,6vw,110px);align-items:center}
.menu__lista{display:grid}
.menu__lista a{display:flex;align-items:baseline;gap:clamp(14px,2vw,28px);padding:clamp(4px,1.1svh,14px) 0;font-family:var(--display);font-weight:800;font-variation-settings:'wdth' 112;font-size:clamp(36px,min(7vw,10.5svh),108px);line-height:1.02;letter-spacing:-.04em;color:#fff;opacity:0;transform:translateY(30px);transition:opacity .2s,transform .3s,color .3s}
.menu__lista a{align-items:center}
.menu__lista a .nav__n{align-self:center;min-width:2.2em;margin-top:0}
.nav.abierto .menu__lista a{opacity:1;transform:none;transition-delay:calc(.3s + var(--i) * .07s),calc(.3s + var(--i) * .07s),0s}
@media(hover:hover){.nav.abierto .menu__lista:hover a:not(:hover){opacity:.32;transition-delay:0s}}
@media(hover:hover){.nav.abierto .menu__lista a:hover{color:var(--oro);transition-delay:0s}}
.menu__lista a .nav__n{transition:color .3s}
@media(hover:hover){.menu__lista a:hover .nav__n{color:var(--oro)}}
.menu__lista a.activo{color:var(--oro)}
.menu__flecha{width:.55em;height:.55em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;align-self:center;opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .5s var(--ease)}
@media(hover:hover){.menu__lista a:hover .menu__flecha{opacity:1;transform:none}}
.menu__lat{display:grid;gap:clamp(20px,3vw,34px);justify-items:start;opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.nav.abierto .menu__lat{opacity:1;transform:none;transition-delay:.65s}
.menu__correo{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.3vw,36px);letter-spacing:-.025em;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px;transition:border-color .3s,color .3s}
@media(hover:hover){.menu__correo:hover{color:var(--oro);border-color:var(--oro)}}
.menu__lat .nav__cta{padding:10px 30px 10px 10px;font-size:17px}
.menu__lat .nav__cta .nav__wa{width:20px;height:20px;padding:10px}
@media (max-width:899px){.menu__int{grid-template-columns:1fr;align-items:start;gap:28px}
.menu__lista a{font-size:clamp(34px,10vw,60px)}}
@media (max-width:639px){.nav__cta--barra{display:none}}
html[data-tema="dia"] .menu__lista a,html[data-tema="dia"] .menu__correo{color:#0f2622}
html[data-tema="dia"] .menu__lista a.activo{color:#765c2c}
@media(hover:hover){html[data-tema="dia"] .menu__lista a:hover{color:#765c2c}}
html[data-tema="dia"] .menu__correo{border-color:rgba(15,38,34,.3)}
@media (prefers-reduced-motion:reduce){.menu{animation:none;transition:none}
.menu__lista a,.menu__lat{transition:none}}
.pie{position:relative;overflow:hidden}
.pie>*{position:relative;z-index:1}
.nav__cta--icono{padding:0;width:52px;height:52px;justify-content:center;gap:0}
.nav__cta--icono .nav__wa{width:22px;height:22px;padding:0;background:none}
@media(hover:hover){.nav__cta--icono:hover .nav__wa{background:none;fill:var(--marca);transform:rotate(-8deg) scale(1.1)}}
.menu{position:fixed;inset:0;height:100dvh;z-index:1;display:flex;align-items:center;padding:calc(var(--nav) + 8px) 0 clamp(24px,5svh,56px);color:#fff;visibility:hidden;overflow:hidden auto;transition:visibility 0s 1.15s}
.nav.abierto .menu{visibility:visible;transition:visibility 0s}
.menu__telon{position:fixed;inset:0;display:flex;z-index:-2;pointer-events:none}
.menu__telon i{flex:1;transform:scaleY(0);transform-origin:50% 100%;background-color:#0f2622;background-image:linear-gradient(118deg,#0b1d1a 0%,#123029 28%,#1e4336 48%,#2c4a3a 66%,#1a3a3a 86%,#0e2224 100%);background-size:600% 100%;background-position:calc(var(--k) * 20%) 0;transition:transform .65s cubic-bezier(.76,0,.24,1) calc(.15s + (5 - var(--k)) * .05s)}
.nav.abierto .menu__telon i{transform:scaleY(1);transition-delay:calc(var(--k) * .05s)}
.menu__int{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,6vw,110px);align-items:center}
.menu__lista{display:grid;border-top:1px solid rgba(255,255,255,.16)}
.menu__lista li{border-bottom:1px solid rgba(255,255,255,.16);position:relative}
.menu__lista li::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#d9c48c,#b49a63,#765c2c);transition:transform .6s var(--ease)}
.menu__lista li:has(a.activo)::after{transform:scaleX(1)}
@media(hover:hover){.menu__lista li:hover::after{transform:scaleX(1)}}
.menu__lista a{display:flex;align-items:baseline;gap:clamp(14px,2vw,28px);padding:clamp(4px,1.1svh,13px) 0;font-family:var(--display);font-weight:800;font-variation-settings:'wdth' 112;font-size:clamp(34px,min(6.6vw,9.6svh),100px);line-height:1.04;letter-spacing:-.04em;color:#fff;opacity:0;transform:translateY(30px);transition:opacity .5s var(--ease),transform .7s var(--ease),color .3s}
.menu__lista a{align-items:center}
.menu__lista a .nav__n{align-self:center;min-width:2.2em;margin-top:0}
.nav.abierto .menu__lista a{opacity:1;transform:none;transition:opacity .55s var(--ease) calc(.8s + var(--i) * .06s),transform .8s var(--ease) calc(.8s + var(--i) * .06s),color .3s}
@media(hover:hover){.nav.abierto .menu__lista:hover a:not(:hover){opacity:.32;transition-delay:0s}}
@media(hover:hover){.nav.abierto .menu__lista a:hover{color:var(--oro);transition-delay:0s}}
.menu__lista a .nav__n{transition:color .3s}
@media(hover:hover){.menu__lista a:hover .nav__n{color:var(--oro)}}
.menu__lista a.activo{color:var(--oro)}
.menu__flecha{width:.5em;height:.5em;margin-left:auto;margin-right:clamp(8px,2vw,28px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;align-self:center;opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .5s var(--ease)}
@media(hover:hover){.menu__lista a:hover .menu__flecha{opacity:1;transform:none}}
.menu__lat{display:grid;gap:clamp(18px,2.6vw,30px);justify-items:start;padding:clamp(24px,3vw,44px);border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(26px);transition:opacity .2s,transform .3s}
.nav.abierto .menu__lat{opacity:1;transform:none;transition:opacity .6s var(--ease) 1.15s,transform .9s var(--ease) 1.15s}
.menu__correo{font-family:var(--display);font-weight:700;font-size:clamp(19px,2.1vw,32px);letter-spacing:-.025em;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px;transition:border-color .3s,color .3s}
@media(hover:hover){.menu__correo:hover{color:var(--oro);border-color:var(--oro)}}
.menu__lat .nav__cta{padding:9px 28px 9px 9px;font-size:16px}
.menu__lat .nav__cta .nav__wa{width:20px;height:20px;padding:10px}
.menu__tema{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:116px;height:54px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;transition:border-color .3s}
@media(hover:hover){.menu__tema:hover{border-color:var(--brasa)}}
.menu__tema svg{position:relative;z-index:1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:color .4s}
.menu__tema-bola{position:absolute;top:4px;left:4px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d9c48c,#b49a63 60%,#765c2c);box-shadow:0 6px 18px -4px rgba(180,154,99,.7);transition:transform .6s var(--ease)}
.menu__tema .t-luna{color:#0f2622}
html[data-tema="dia"] .menu__tema .t-luna{color:#0f2622}
html[data-tema="dia"] .menu__tema .t-sol{color:#0f2622}
@media (max-width:899px){.menu__int{grid-template-columns:1fr;align-items:start;gap:26px}
.menu__lista a{font-size:clamp(32px,9vw,56px)}
.menu{align-items:flex-start;padding-top:calc(var(--nav) + 16px)}}
html[data-tema="dia"] .menu__telon i{background-image:linear-gradient(118deg,#eaf0ed 0%,#f3f6f4 38%,#f6f9f7 62%,#e4ece8 100%)}
html[data-tema="dia"] .menu{color:#0f2622}
html[data-tema="dia"] .menu__lista a,html[data-tema="dia"] .menu__correo{color:#0f2622}
html[data-tema="dia"] .menu__lista a.activo{color:#765c2c}
@media(hover:hover){html[data-tema="dia"] .menu__lista a:hover{color:#765c2c}}
html[data-tema="dia"] .menu__lista,html[data-tema="dia"] .menu__lista li,html[data-tema="dia"] .menu__lat{border-color:rgba(15,38,34,.18)}
html[data-tema="dia"] .menu__lat{background:rgba(255,255,255,.45)}
html[data-tema="dia"] .menu__correo{border-color:rgba(15,38,34,.3)}
html[data-tema="dia"] .menu__tema{border-color:rgba(15,38,34,.22);background:rgba(15,38,34,.06);color:#0f2622}
@media (prefers-reduced-motion:reduce){.menu__telon i,.menu__iso,.menu__lista a,.menu__lat{transition:none}
.pie::before{animation:none}}
html:has(.nav.abierto) #mxy-open{opacity:0 !important;pointer-events:none !important;transform:translateY(12px) !important;transition:opacity .2s,transform .3s !important}
html[data-tema="dia"] .pie__cta{background-color:#f8faf9}
html[data-tema="dia"] .pie{background-color:#e6ece9}
.menu__tema{width:84px;height:40px;padding:0 11px}
.menu__tema svg{width:17px;height:17px}
.menu__tema-bola{top:3px;left:3px;width:32px;height:32px}
html[data-tema="dia"] .menu__tema-bola{transform:translateX(44px)}
.iso-linea--menu{right:-4vw;bottom:-3vw;width:48vw;opacity:.5;z-index:-1}
.iso-linea--menu use{stroke-dashoffset:1;transition:stroke-dashoffset .5s ease}
.nav.abierto .iso-linea--menu use{stroke-dashoffset:0;transition:stroke-dashoffset 3.2s cubic-bezier(.5,0,.2,1) .9s}
.pie__cta>.contenedor{position:relative;z-index:1}
@keyframes aroLatido{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.menu__int{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.menu__lat{order:-1;max-width:520px}
.nav__acciones .nav__cta--barra{transition:opacity .4s ease .75s,transform .5s var(--ease) .75s,background .4s,box-shadow .5s var(--ease)}
.nav.abierto .nav__acciones .nav__cta--barra{opacity:0;transform:scale(.7);pointer-events:none;transition:opacity .2s ease,transform .3s ease}
@media (max-width:899px){.menu__int{grid-template-columns:1fr}
.menu__lat{order:0;max-width:none}}
html{scrollbar-gutter:stable}
.menu{scrollbar-width:none;overscroll-behavior:contain}
.menu::-webkit-scrollbar{display:none}
.menu__telon i{margin-right:-1px;will-change:transform;backface-visibility:hidden}
.menu__telon i:last-child{margin-right:0}
.menu__lista a,.menu__lat{will-change:opacity,transform}
.nav.abierto .menu__lista a,.nav.abierto .menu__lat{will-change:auto}
.nav{transition:background .5s var(--ease),backdrop-filter .5s,transform .6s var(--ease),border-color .5s}
.nav__acciones .nav__cta--icono{background:rgba(var(--ln-rgb),.05);border:1px solid rgba(var(--ln-rgb),.22);color:var(--brasa);box-shadow:none;transition:border-color .3s,background .3s,color .3s}
.nav__acciones .nav__cta--icono .nav__wa{fill:currentColor}
@media(hover:hover){.nav__acciones .nav__cta--icono:hover{background:rgba(180,154,99,.16);border-color:var(--brasa);color:var(--oro);box-shadow:none;transform:none}}
@media(hover:hover){.nav__acciones .nav__cta--icono:hover .nav__wa{fill:currentColor;transform:none}}
html[data-tema="dia"] .nav__acciones .nav__cta--icono{color:var(--marca)}
.pie__cta{min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav) + 2svh) 0 3svh}
.pie__cta h2{font-size:clamp(34px,min(6vw,11svh),100px)}
.pie__cta .contenedor{gap:clamp(18px,3svh,40px)}
@media (max-width:899px){.pie__cta{min-height:0;display:block;padding:clamp(72px,12vw,104px) 0 clamp(40px,8vw,64px)}}
@keyframes m3onda{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.menu__lista li::before{content:"";position:absolute;left:-16px;top:22%;bottom:22%;width:3px;border-radius:2px;background:linear-gradient(#d9c48c,#b49a63);transform:scaleY(0);transition:transform .45s var(--ease)}
.menu__lista li:has(a.activo)::before{transform:scaleY(1)}
@media(hover:hover){.menu__lista li:hover::before{transform:scaleY(1)}}
.menu__lista a{position:relative}
.menu__lista a::after{content:"+";position:absolute;right:clamp(8px,2vw,28px);top:50%;transform:translateY(-52%);font-family:var(--display);font-weight:300;font-size:.5em;line-height:1;color:#d9c48c;opacity:.55;transition:opacity .3s,transform .5s var(--ease)}
@media(hover:hover){.menu__lista a:hover::after{opacity:0;transform:translateY(-52%) rotate(90deg)}}
.menu__lista a .nav__n{display:inline-grid;place-items:center;min-width:2.6em;height:2.6em;border:1px solid rgba(217,196,140,.4);border-radius:50%;font-size:11px;color:#d9c48c;transition:background .3s,color .3s,border-color .3s}
.menu__lista a.activo .nav__n{background:#d9c48c;color:#0f2622;border-color:#d9c48c}
@media(hover:hover){.menu__lista a:hover .nav__n{background:#d9c48c;color:#0f2622;border-color:#d9c48c}}
@keyframes progCaso{to{transform:scaleX(1)}}
@keyframes entraCaso{from{opacity:0;transform:translateY(70px);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@media(prefers-reduced-motion:no-preference){@keyframes derivaAyuda{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(55vw,-12vmax,0) scale(1.25)}}
@keyframes trazaMarco{0%{width:0;height:0}45%{width:calc(100% + 2px);height:calc(100% + 2px)}100%{width:22px;height:22px}}
@keyframes flotaPaso{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes empujaFl{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}}
@keyframes respiraFoto{from{background-position:50% 46%}to{background-position:50% 54%}}
@keyframes viajaPunto{0%{left:0}50%{left:calc(100% - 7px)}100%{left:0}}
@keyframes m3pulsa{0%{transform:scale(1);opacity:.9}100%{transform:scale(4.2);opacity:0}}
@keyframes m3viaja{from{stroke-dashoffset:.08}to{stroke-dashoffset:-.92}}
@keyframes entraCab{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
.pie__cuerpo{padding-left:var(--pad);padding-right:var(--pad)}
.pie__kicker{margin:0}
.pie__cta .btn{position:relative;isolation:isolate}
.pie__cta .btn::after{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(217,196,140,.7);animation:anilloBtn 2.6s ease-out infinite;pointer-events:none;z-index:-1}
@keyframes anilloBtn{0%{transform:scale(.96);opacity:.9}100%{transform:scale(1.12,1.35);opacity:0}}
.pie__kicker::after{content:"";display:inline-block;vertical-align:middle;width:0;height:1px;margin-left:14px;background:var(--oro);animation:creceLinea 1.6s var(--ease) .4s forwards}
@keyframes creceLinea{to{width:80px}}
@media(min-width:901px){@keyframes kenCaso{from{transform:scale(1.16) translate3d(1.2%,.8%,0)}to{transform:scale(1.02) translate3d(0,0,0)}}}
@media(min-width:901px){@keyframes zoomFoto{from{transform:scale(1.04)}to{transform:scale(1.14)}}}
.menu{overflow:hidden;align-items:stretch;padding:calc(var(--nav) + clamp(6px,1.6svh,18px)) 0 clamp(14px,3svh,30px)}
.menu__int{height:100%;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,2svh,22px);align-items:stretch}
.menu__lista{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1vw,14px);min-height:0}
.menu__lista li{position:relative;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);overflow:hidden;min-height:0;transition:border-color .5s,background .5s}
.menu__lista li::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#b49a63,#d9c48c);transform:scaleY(0);transform-origin:50% 100%;transition:transform .7s var(--ease);z-index:0}
.menu__lista li:has(a.activo)::before{transform:scaleY(1)}
@media(hover:hover){.menu__lista li:hover::before{transform:scaleY(1)}}
.menu__lista li::after{display:none}
.menu__lista a{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:clamp(12px,2.2svh,26px) clamp(14px,1.6vw,26px);font-size:clamp(24px,min(4vw,8.4svh),70px);line-height:.95;letter-spacing:-.035em;opacity:1}
@media(hover:hover){.nav.abierto .menu__lista:hover a:not(:hover){position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:clamp(12px,2.2svh,26px) clamp(14px,1.6vw,26px);font-size:clamp(24px,min(4vw,8.4svh),70px);line-height:.95;letter-spacing:-.035em;opacity:1}}
.menu__lista a .nav__n{min-width:0;align-self:flex-start;font-size:12px;letter-spacing:.2em;color:var(--oro);transition:color .4s}
.menu__lista a span{display:block}
.menu__flecha{position:absolute;right:clamp(12px,1.4vw,22px);top:clamp(12px,2.2svh,24px);margin:0;width:clamp(20px,2vw,32px);height:clamp(20px,2vw,32px);opacity:.55;transform:rotate(-45deg);transition:transform .5s var(--ease),opacity .4s}
@media(hover:hover){.menu__lista li:hover .menu__flecha{opacity:1;transform:rotate(0)}}
@media(hover:hover){.menu__lista li:hover a,.menu__lista li:hover a .nav__n,.nav.abierto .menu__lista a:hover{color:#0f2622}}
.menu__lista a.activo{color:var(--oro)}
.menu__lista li:has(a.activo) a.activo{color:#0f2622}
.menu__lat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px);padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none}
.menu__correo{font-size:clamp(17px,min(1.8vw,3.4svh),28px);margin-right:auto}
@media(max-width:900px){.menu__lista{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.menu__lista a{font-size:clamp(20px,6.2vw,34px)}
.menu__lat{justify-content:flex-start}}
html[data-tema="dia"] .menu__lista li{border-color:rgba(15,38,34,.2);background:rgba(15,38,34,.04)}
.menu__lat{order:0;max-width:none}
@media(prefers-reduced-motion:no-preference){.pie__trama{animation:flotaTrama 16s ease-in-out infinite}
@keyframes flotaTrama{0%,100%{translate:0 -10px;rotate:0deg}50%{translate:-26px 14px;rotate:1.4deg}}
.pie__trama path{animation:ondaTrama 7s ease-in-out infinite}
@keyframes ondaTrama{0%,100%{stroke:#b49a63;stroke-opacity:.12}45%{stroke:#e6d3a0;stroke-opacity:.85}60%{stroke:#b49a63;stroke-opacity:.2}}
.pie__trama path:nth-child(1){animation-delay:0.11s}
.pie__trama path:nth-child(2){animation-delay:0.22s}
.pie__trama path:nth-child(3){animation-delay:0.33s}
.pie__trama path:nth-child(4){animation-delay:0.44s}
.pie__trama path:nth-child(5){animation-delay:0.55s}
.pie__trama path:nth-child(6){animation-delay:0.66s}
.pie__trama path:nth-child(7){animation-delay:0.77s}
.pie__trama path:nth-child(8){animation-delay:0.88s}
.pie__trama path:nth-child(9){animation-delay:0.99s}
.pie__trama path:nth-child(10){animation-delay:1.10s}
.pie__trama path:nth-child(11){animation-delay:1.21s}
.pie__trama path:nth-child(12){animation-delay:1.32s}
.pie__trama path:nth-child(13){animation-delay:1.43s}
.pie__trama path:nth-child(14){animation-delay:1.54s}
.pie__trama path:nth-child(15){animation-delay:1.65s}
.pie__trama path:nth-child(16){animation-delay:1.76s}
.pie__trama path:nth-child(17){animation-delay:1.87s}
.pie__trama path:nth-child(18){animation-delay:1.98s}
.pie__trama path:nth-child(19){animation-delay:2.09s}
.pie__trama path:nth-child(20){animation-delay:2.20s}
.pie__trama path:nth-child(21){animation-delay:2.31s}
.pie__trama path:nth-child(22){animation-delay:2.42s}
.pie__trama path:nth-child(23){animation-delay:2.53s}
.pie__trama path:nth-child(24){animation-delay:2.64s}
.pie__trama path:nth-child(25){animation-delay:2.75s}
.pie__trama path:nth-child(26){animation-delay:2.86s}
.pie__trama path:nth-child(27){animation-delay:2.97s}
.pie__trama path:nth-child(28){animation-delay:3.08s}
.pie__trama path:nth-child(29){animation-delay:3.19s}
.pie__trama path:nth-child(30){animation-delay:3.30s}
.pie__trama path:nth-child(31){animation-delay:3.41s}
.pie__trama path:nth-child(32){animation-delay:3.52s}
.pie__trama path:nth-child(33){animation-delay:3.63s}
.pie__trama path:nth-child(34){animation-delay:3.74s}
.pie__trama path:nth-child(35){animation-delay:3.85s}
.pie__trama path:nth-child(36){animation-delay:3.96s}
.pie__trama path:nth-child(37){animation-delay:4.07s}
.pie__trama path:nth-child(38){animation-delay:4.18s}
.pie__trama path:nth-child(39){animation-delay:4.29s}
.pie__trama path:nth-child(40){animation-delay:4.40s}
.pie__trama path:nth-child(41){animation-delay:4.51s}
.pie__trama path:nth-child(42){animation-delay:4.62s}
.pie__trama path:nth-child(43){animation-delay:4.73s}
.pie__trama path:nth-child(44){animation-delay:4.84s}
.pie__trama path:nth-child(45){animation-delay:4.95s}
.pie__trama path:nth-child(46){animation-delay:5.06s}
.pie__trama path:nth-child(47){animation-delay:5.17s}
.pie__trama path:nth-child(48){animation-delay:5.28s}
.pie__trama path:nth-child(49){animation-delay:5.39s}
.pie__trama path:nth-child(50){animation-delay:5.50s}
.pie__trama path:nth-child(51){animation-delay:5.61s}
.pie__trama path:nth-child(52){animation-delay:5.72s}
.pie__trama path:nth-child(53){animation-delay:5.83s}
.pie__trama path:nth-child(54){animation-delay:5.94s}
.pie__trama path:nth-child(55){animation-delay:6.05s}
.pie__trama path:nth-child(56){animation-delay:6.16s}
.pie__trama path:nth-child(57){animation-delay:6.27s}
.pie__trama path:nth-child(58){animation-delay:6.38s}
.pie__trama path:nth-child(59){animation-delay:6.49s}
.pie__trama path:nth-child(60){animation-delay:6.60s}
.pie__trama path:nth-child(61){animation-delay:6.71s}
.pie__trama path:nth-child(62){animation-delay:6.82s}
.pie__trama path:nth-child(63){animation-delay:6.93s}
.pie__trama path:nth-child(64){animation-delay:7.04s}
.pie__trama path:nth-child(65){animation-delay:7.15s}
.pie__trama path:nth-child(66){animation-delay:7.26s}
.pie__trama path:nth-child(67){animation-delay:7.37s}
.pie__trama path:nth-child(68){animation-delay:7.48s}
.pie__trama path:nth-child(69){animation-delay:7.59s}
.pie__trama path:nth-child(70){animation-delay:7.70s}
.pie__trama path:nth-child(71){animation-delay:7.81s}
.pie__trama path:nth-child(72){animation-delay:7.92s}
.pie__trama path:nth-child(73){animation-delay:8.03s}
.pie__trama path:nth-child(74){animation-delay:8.14s}
.pie__trama path:nth-child(75){animation-delay:8.25s}
.pie__trama path:nth-child(76){animation-delay:8.36s}
.pie__trama path:nth-child(77){animation-delay:8.47s}
.pie__trama path:nth-child(78){animation-delay:8.58s}
.pie__trama path:nth-child(79){animation-delay:8.69s}
.pie__trama path:nth-child(80){animation-delay:8.80s}
.pie__trama path:nth-child(81){animation-delay:8.91s}}
.pie__cta .contenedor{z-index:2}
.pie__trama{z-index:1}
.nota-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:rgba(8,22,20,.78);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s ease}
.nota-modal[hidden]{display:none}
.nota-modal.on{opacity:1}
.nota-modal__card{position:relative;width:min(1080px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(24px,4vw,56px);background:var(--tinta-2);border:1px solid rgba(180,154,99,.4);color:var(--papel);transform:translateY(30px) scale(.97);transition:transform .7s var(--ease)}
.nota-modal.on .nota-modal__card{transform:none}
.nota-modal__card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--marca),var(--oro));transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--ease) .25s}
.nota-modal.on .nota-modal__card::before{transform:scaleX(1)}
.nota-modal__k{margin:0 0 clamp(14px,2.4svh,26px);color:var(--oro)}
.nota-modal .nota-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,40px);margin:0;max-width:none}
.nota-modal .nota-3 p{opacity:1;transform:none;margin:0;padding-top:clamp(12px,2svh,18px);font-size:clamp(14px,1.15vw,17px);line-height:1.65;color:rgba(var(--tx-rgb),.78)}
.nota-modal .nota-3 p::before{transform:scaleX(1)}
.nota-modal .nota-3 a{color:var(--papel)}
html[data-tema="dia"] .nota-modal__card{background:#f8faf9;color:#0f2622}
html[data-tema="dia"] .nota-modal .nota-3 a{color:#0f2622}
@media(max-width:900px){.nota-modal .nota-3{grid-template-columns:1fr}}
.pie__cuerpo{padding-top:clamp(36px,6svh,72px);padding-bottom:clamp(14px,2.4svh,26px)}
.pie__gran{display:grid;gap:clamp(10px,2svh,22px);padding-bottom:clamp(24px,5svh,56px);border-bottom:1px solid rgba(var(--ln-rgb),.16)}
.pie__k{margin:0;color:var(--oro)}
.pie__mail{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,32px);font-family:var(--display);font-weight:800;font-variation-settings:'wdth' 118;font-size:clamp(30px,min(7.6vw,15svh),128px);line-height:1;letter-spacing:-.05em;color:var(--papel);position:relative;padding-bottom:.12em;overflow:hidden;transition:color .5s}
.pie__mail::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--marca),var(--oro));transform:scaleX(.18);transform-origin:0 50%;transition:transform .9s var(--ease)}
@media(hover:hover){.pie__mail:hover::after{transform:scaleX(1)}}
@media(hover:hover){.pie__mail:hover{color:var(--oro)}}
.pie__mail svg{flex:none;width:.5em;height:.5em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg);transition:transform .6s var(--ease)}
@media(hover:hover){.pie__mail:hover svg{transform:rotate(0)}}
.pie__chips{display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,14px)}
.pie__chip{display:inline-flex;align-items:baseline;gap:12px;padding:10px 18px;border:1px solid rgba(var(--ln-rgb),.22);border-radius:999px;color:var(--papel);transition:background .4s,color .4s,border-color .4s}
.pie__chip b{font-family:var(--display);font-weight:700;font-variation-settings:'wdth' 108;font-size:15px}
.pie__chip span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:rgba(var(--tx-rgb),.62);transition:color .4s}
@media(hover:hover){.pie__chip:hover{background:var(--oro);color:#0f2622;border-color:var(--oro)}}
@media(hover:hover){.pie__chip:hover span{color:#0f2622}}
.pie__fila{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);padding:clamp(24px,4.4svh,48px) 0 0;align-items:start}
.pie__id{display:grid;gap:12px}
.pie__nav{display:grid;grid-template-columns:1fr 1fr;gap:2px clamp(16px,2vw,32px)}
.pie__nav a{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgba(var(--ln-rgb),.12);color:rgba(var(--tx-rgb),.78);font-family:var(--display);font-weight:600;font-variation-settings:'wdth' 106;font-size:clamp(15px,1.2vw,18px);transition:color .3s,padding-left .5s var(--ease),border-color .4s}
.pie__nav a i{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--oro)}
@media(hover:hover){.pie__nav a:hover{color:var(--oro);padding-left:10px;border-color:var(--oro)}}
.pie__eq{display:grid;gap:12px}
.pie__eq .pie__equipo{padding:14px 16px;border:1px solid rgba(var(--ln-rgb),.16);transition:border-color .4s,background .4s,transform .6s var(--ease)}
@media(hover:hover){.pie__eq .pie__equipo:hover{border-color:var(--oro);background:rgba(180,154,99,.07);transform:translateX(6px)}}
.pie__legal{margin-top:clamp(20px,4svh,44px)}
@media(max-width:900px){.pie__fila{grid-template-columns:1fr}
.pie__nav{grid-template-columns:1fr 1fr}
.pie__mail{font-size:clamp(24px,8.4vw,48px)}}
html[data-tema="dia"] .pie__mail,html[data-tema="dia"] .pie__chip{color:#0f2622}
.menu__telon{display:none}
.menu{background-color:#0f2622;background-image:linear-gradient(118deg,#0b1d1a 0%,#123029 28%,#1e4336 48%,#2c4a3a 66%,#1a3a3a 86%,#0e2224 100%);visibility:hidden;clip-path:circle(0 at calc(100% - 88px) 88px);transition:clip-path .75s cubic-bezier(.7,0,.25,1),visibility 0s linear .75s}
.nav.abierto .menu{visibility:visible;clip-path:circle(150vmax at calc(100% - 88px) 88px);transition:clip-path 1.05s cubic-bezier(.6,0,.2,1),visibility 0s}
.menu__lista a{opacity:0;transform:translateY(34px);transition:opacity .25s ease,transform .3s ease,color .3s}
.nav.abierto .menu__lista a{opacity:1;transform:none;transition:opacity .7s ease calc(.5s + var(--i) * .07s),transform .9s var(--ease) calc(.5s + var(--i) * .07s),color .3s}
@media(hover:hover){.nav.abierto .menu__lista:hover a:not(:hover){opacity:1;transition:color .3s}}
.menu__lat{opacity:0;transform:translateY(20px);transition:opacity .25s ease,transform .3s ease}
.nav.abierto .menu__lat{opacity:1;transform:none;transition:opacity .7s ease .95s,transform .9s var(--ease) .95s}
.menu .iso-linea--menu{opacity:0;transition:opacity .3s}
.nav.abierto .menu .iso-linea--menu{opacity:.35;transition:opacity 1s ease .6s}
@media(prefers-reduced-motion:reduce){.menu,.nav.abierto .menu{transition:none}
.menu__lista a,.nav.abierto .menu__lista a,.menu__lat,.nav.abierto .menu__lat{transition:none}}
.menu__lista a::after{content:none!important}
.menu{padding-bottom:clamp(10px,2.2svh,22px)}
.menu,.nav.abierto .menu{clip-path:none!important}
.menu{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}
.nav.abierto .menu{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}
.menu__lista li{clip-path:inset(100% 0 0 0);transition:clip-path .45s cubic-bezier(.6,0,.3,1),border-color .5s,background .5s}
.nav.abierto .menu__lista li{clip-path:inset(0);transition:clip-path .95s cubic-bezier(.65,0,.2,1) calc(.12s + var(--i) * .09s),border-color .5s,background .5s}
.nav.abierto .menu__lista a{transition:opacity .7s ease calc(.6s + var(--i) * .09s),transform .9s var(--ease) calc(.6s + var(--i) * .09s),color .3s}
.nav.abierto .menu__lat{transition:opacity .7s ease 1.1s,transform .9s var(--ease) 1.1s}
@media(prefers-reduced-motion:reduce){.menu__lista li,.nav.abierto .menu__lista li{transition:none;clip-path:none}}
@media(min-width:901px){@keyframes ligeroCaso{from{transform:scale(1.015)}to{transform:scale(1.045)}}}
@media(min-width:901px){@keyframes zoomFoto2{from{transform:scale(1.07)}to{transform:scale(1.15)}}}
.pie__mail{font-size:clamp(26px,min(4.6vw,8.4svh),76px);letter-spacing:-.045em}
.pie__gran{gap:clamp(8px,1.6svh,18px);padding-bottom:clamp(20px,4svh,44px)}
.pie__chip{padding:8px 16px}
.pie__id{align-content:start}
.menu{opacity:0;visibility:hidden;transition:opacity .4s ease .12s,visibility 0s linear .52s}
.nav.abierto .menu{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
.menu__lista li,.nav.abierto .menu__lista li{clip-path:none}
.menu__lista li{opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .35s ease,border-color .5s,background .5s}
.nav.abierto .menu__lista li{opacity:1;transform:none;transition:opacity .6s ease calc(.18s + var(--i) * .06s),transform .8s var(--ease) calc(.18s + var(--i) * .06s),border-color .5s,background .5s}
.menu__lista a,.nav.abierto .menu__lista a{opacity:1;transform:none;transition:color .3s}
@media(hover:hover){.nav.abierto .menu__lista:hover a:not(:hover){opacity:1;transform:none;transition:color .3s}}
.menu__lat{opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .35s ease}
.nav.abierto .menu__lat{opacity:1;transform:none;transition:opacity .6s ease .6s,transform .8s var(--ease) .6s}
.menu .iso-linea--menu{transition:opacity .35s}
.nav.abierto .menu .iso-linea--menu{transition:opacity .9s ease .4s}
.menu::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(118deg,#eaf0ed 0%,#f3f6f4 38%,#f6f9f7 62%,#e4ece8 100%);opacity:0;transition:opacity 1.3s ease;pointer-events:none}
html[data-tema="dia"] .menu::before{opacity:1}
html[data-tema="dia"] .menu__lat{background:none;border:0}
html[data-tema="dia"] .menu__lista li{border-color:rgba(15,38,34,.2)}
html[data-tema="dia"] .nav.abierto .nav__logo{filter:brightness(0)}
html[data-tema="dia"] .nav.abierto .nav__burger span{background:#0f2622}
html[data-tema="dia"] .nav.abierto .nav__burger{border-color:rgba(15,38,34,.28)}
html[data-tema="dia"] .nav.abierto .nav__marca b{color:#0f2622}
html.cambiando-tema .menu__lista li,html.cambiando-tema .menu__lat{transition:background-color 1.3s ease,color 1.3s ease,border-color 1.3s ease,opacity .3s}
html[data-tema="dia"]{--oro:#765c2c;--brasa:#765c2c;--concreto-texto:#4f5c56;--marca:#765c2c}
html[data-tema="dia"] .nota-modal__card{background:#f8faf9}
@media(min-width:901px){@keyframes progV{from{transform:scaleY(0)}to{transform:scaleY(1)}}}
@keyframes diceNo{0%,100%{transform:rotate(0)}10%{transform:rotate(-17deg)}24%{transform:rotate(17deg)}38%{transform:rotate(-14deg)}52%{transform:rotate(12deg)}64%{transform:rotate(0)}}
@keyframes rayaI{0%,6%,30%,100%{opacity:0}10%,24%{opacity:.8}}
@keyframes rayaD{0%,18%,40%,100%{opacity:0}24%,38%{opacity:.8}}
html[data-tema="dia"] .pie{background-color:#0f2622}
html[data-tema="dia"] .pie__cuerpo{--tx-rgb:242,238,228;--ln-rgb:255,255,255;--blanco:#fff;--oro:#d9c48c;--brasa:#c2a86e;--marca:#9e8650;--concreto-texto:#86948c;color:#f2eee4;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px}
html[data-tema="dia"] .pie__cuerpo .pie__logo{filter:none}
html[data-tema="dia"] .pie__cuerpo .pie__mail,html[data-tema="dia"] .pie__cuerpo .pie__chip{color:#f2eee4}
@media(hover:hover){html[data-tema="dia"] .pie__cuerpo .pie__chip:hover{color:#0f2622}}
html[data-tema="dia"] .pie__cuerpo .pie__nav a{color:rgba(242,238,228,.78)}
html[data-tema="dia"] .pie__cuerpo .pie__equipo{color:rgba(242,238,228,.65)}
html[data-tema="dia"] .pie__cuerpo .pie__equipo b{color:#fff}
html[data-tema="dia"] .pie__cuerpo .pie__legal{color:rgba(242,238,228,.5)}
.iso-linea--pie{position:absolute;right:-3vw;top:calc(100svh * .9);width:min(46vw,700px);opacity:.34;z-index:0}
.iso-linea--pie use{stroke-width:2.4}
.iso-linea--pie .iso-cabeza{fill:var(--oro);filter:drop-shadow(0 0 8px rgba(217,196,140,.7))}
.pie__cuerpo{position:relative;z-index:1}
.pie__frase-ini{margin:0 0 clamp(18px,3.4svh,40px);max-width:24ch;font-family:var(--display);font-weight:700;font-variation-settings:'wdth' 112;font-size:clamp(24px,min(3.2vw,5.6svh),52px);line-height:1.08;letter-spacing:-.035em;color:var(--papel)}
html[data-tema="dia"] .pie__cuerpo .pie__frase-ini{color:#f2eee4}
@media(max-width:900px){.iso-linea--pie{width:90vw;right:-20vw;opacity:.25}}
.iso-linea--pie{top:calc(100svh + 24px);right:1vw;width:min(36vw,560px);opacity:.3}
.iso-linea--pie{opacity:.6}
.iso-linea--pie use{stroke-width:3}
.pie__frase-ini{max-width:34ch;font-size:clamp(22px,min(2.7vw,4.8svh),44px);margin-bottom:clamp(14px,2.6svh,30px)}
@keyframes diceNo{0%,100%{transform:rotate(0)}10%{transform:rotate(-15deg)}24%{transform:rotate(15deg)}38%{transform:rotate(-12deg)}52%{transform:rotate(10deg)}64%{transform:rotate(0)}}
.pie{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.pie__cuerpo{width:100%}
.iso-linea--pie{top:calc(var(--nav) + 4svh)}
@keyframes palmaSube{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ondaAro{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.22)}}
.pie__frase-ini{max-width:none;font-size:clamp(20px,min(2.5vw,4.4svh),40px);line-height:1.12;margin-bottom:clamp(14px,2.6svh,28px)}
.pie__gran{gap:clamp(8px,1.6svh,16px);padding-bottom:clamp(18px,3.4svh,36px)}
.pie__chips{gap:10px}
.pie__chip{padding:9px 18px}
.iso-linea--pie{top:50%;right:-30vw;width:min(84vw,1500px);transform:translateY(-50%);opacity:.5}
.iso-linea--pie use{stroke-width:2.6}
@media(max-width:900px){.iso-linea--pie{width:150vw;right:-80vw;opacity:.28}}
.iso-linea--pie{opacity:.22}
.iso-linea--pie use{stroke-width:2.2}
.iso-linea--pie .iso-cabeza{opacity:inherit}
.pie{justify-content:flex-start;padding-top:calc(var(--nav) + clamp(10px,2.4svh,28px))}
.pie__cuerpo{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:0;padding-bottom:clamp(14px,2.8svh,30px);min-height:0}
.pie__cuerpo::before{display:none}
.pie__frase-ini{font-size:clamp(22px,min(2.9vw,5.2svh),46px)}
.pie__gran{padding-bottom:0;border-bottom:0}
.pie__fila{padding-top:clamp(18px,3.2svh,36px);border-top:1px solid rgba(var(--ln-rgb),.16)}
.pie__legal{margin-top:0}
.pie__frase-ini{font-size:clamp(20px,min(2.5vw,4.6svh),40px);text-wrap:balance}
.iso-linea--pie{opacity:.32}
.iso-linea--pie{opacity:calc(clamp(0, var(--d,0) * 5, 1) * .16)}
.iso-linea--pie use{stroke-width:2}
.pie{padding-top:calc(var(--nav) + clamp(34px,8svh,96px))}
.pie__cta h2{animation:none!important}
@keyframes m3Anillo{from{opacity:0;transform:scale(.15) rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes m3Radio{from{opacity:0;stroke-dashoffset:300}to{opacity:1;stroke-dashoffset:0}}
@keyframes m3Nodo{from{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:1;transform:scale(1)}}
@keyframes m3Forma{from{opacity:0;transform:scale(.05)}to{opacity:1;transform:scale(1)}}
@keyframes m3Fade{from{opacity:0}to{opacity:1}}
@keyframes m3Onda{0%{opacity:.8;transform:scale(.15)}100%{opacity:0;transform:scale(9)}}
html{scroll-snap-type:none!important}
.pie{scroll-snap-align:none!important}
@keyframes m3Linea{from{opacity:1;stroke-dashoffset:1100}to{opacity:1;stroke-dashoffset:0}}
@keyframes m3FormaLinea{0%{opacity:1;stroke-dashoffset:1000;fill-opacity:0}70%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}
@keyframes m3Linea{from{opacity:1;stroke-dashoffset:var(--L,2000)}to{opacity:1;stroke-dashoffset:0}}
@keyframes m3FormaLinea{0%{opacity:1;stroke-dashoffset:var(--L,2000);fill-opacity:0}70%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}
@media(max-width:900px){.menu{padding-top:calc(var(--nav) + 6px);padding-bottom:clamp(18px,4svh,34px)}
.menu__int{grid-template-rows:minmax(0,1fr) auto;justify-items:center;text-align:center;gap:clamp(14px,3svh,26px)}
.menu__lista{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,clamp(92px,17svh,130px));align-content:center;gap:10px;width:100%}
.menu__lista li,html[data-tema="dia"] .menu__lista li{border:1px solid rgba(255,255,255,.13);background:none;overflow:hidden}
html[data-tema="dia"] .menu__lista li{border-color:rgba(15,38,34,.14)}
.menu__lista li:has(a.activo),html[data-tema="dia"] .menu__lista li:has(a.activo){border-color:rgba(180,154,99,.75)}
.menu__lista li::before,.menu__lista li::after{display:none}
.menu__lista a,.nav.abierto .menu__lista:hover a:not(:hover){flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:10px;text-align:center;font-size:clamp(18px,5.6vw,25px);font-weight:600;line-height:1.1;letter-spacing:-.025em;-webkit-tap-highlight-color:transparent}
.menu__lista a span{display:block}
.menu__lista a .nav__n{display:block;align-self:center;min-width:0;font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.42);font-weight:500}
html[data-tema="dia"] .menu__lista a .nav__n{color:rgba(15,38,34,.45)}
.menu__flecha{display:none}
.nav .menu__lista a.activo,.nav .menu__lista li:has(a.activo) a.activo{color:var(--oro)}
.menu__lista a:active{background:rgba(180,154,99,.12)}
.menu__lat{flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4svh,20px);width:100%}
.menu__correo{margin:0;font-size:clamp(16px,4.6vw,20px);font-weight:600;border-bottom:0;padding:0;opacity:.8}
.menu__lat .nav__cta{padding:7px 22px 7px 7px;font-size:15px;background:none;box-shadow:none;border:1px solid rgba(180,154,99,.55);color:var(--oro)}
.menu__lat .nav__cta .nav__wa{width:18px;height:18px;padding:8px;background:none;fill:currentColor}
.menu__lat .nav__cta:active{background:rgba(180,154,99,.16)}
.menu__tema{margin:0}}
@media(hover:none){@media(hover:hover){.nav__burger:hover{border-color:rgba(var(--ln-rgb),.22);background:rgba(var(--ln-rgb),.05)}}
.nav__burger:active{background:rgba(var(--ln-rgb),.14)}
@media(hover:hover){.nav__burger:hover span:nth-child(2){width:13px}}
@media(hover:hover){.nav.abierto .nav__burger:hover span:nth-child(2){width:22px}}}
.pie__legales a,.pie__legal{color:rgba(242,238,228,.7)}
@media(max-width:900px){.pie{min-height:0;justify-content:flex-start;padding-top:clamp(36px,7svh,56px)}
.pie__cuerpo{flex:none;display:block;padding-bottom:clamp(16px,3svh,28px)}}
@media(max-width:900px){.pie{padding-top:clamp(22px,4svh,34px)}
.pie__cuerpo{padding-top:0}}
@media(max-width:900px){.pie__trama,.pie__trama path{animation:none!important}}
body{overflow-x:clip}
@media(max-width:900px){.pie__nav i{font-size:12px}}
@media(hover:hover){.pie__nav a:hover{padding-left:0}
.pie__eq .pie__equipo:hover{transform:none}}
@media(max-width:900px){.menu__lista a .nav__n{border:0;background:none;box-shadow:none;border-radius:0;width:auto;height:auto;padding:0;margin:0;line-height:1}
.menu__lista a .nav__n::before,.menu__lista a .nav__n::after{display:none}
html:has(.nav.abierto) #mxy{opacity:0;pointer-events:none;transition:opacity .25s}}
.pie__chips{margin-bottom:clamp(20px,3.4svh,34px)}
@media(max-width:900px){.menu__lista a.activo .nav__n,.menu__lista li:has(a.activo) .nav__n{background:none;border:0;color:var(--oro)}
.menu__lista li:has(a.activo),html[data-tema="dia"] .menu__lista li:has(a.activo){border-color:rgba(180,154,99,.4)}
html[data-tema="dia"] .menu__lista li:has(a.activo){border-color:rgba(118,92,44,.35)}
.nav .menu__lista a.activo,.nav .menu__lista li:has(a.activo) a.activo{color:inherit}
.menu__lista li:has(a.activo) a.activo span{color:var(--oro)}
.menu__lat .nav__cta{border-color:rgba(180,154,99,.32);color:rgba(var(--tx-rgb),.85)}
.menu__lat .nav__cta .nav__wa{color:var(--oro)}
html[data-tema="dia"] .menu__lat .nav__cta{border-color:rgba(118,92,44,.3);color:#0f2622}
html[data-tema="dia"] .menu__lat .nav__cta .nav__wa{color:#765c2c}
.menu__correo{opacity:.7}}
.nav__wa{overflow:visible}
@keyframes entraCaso{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes entraCab{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.nav.oculta,.nav.oculta.abierto{transform:none!important}
@media(min-width:901px){.menu__lat{align-items:center;gap:clamp(14px,2vw,28px);padding-top:clamp(12px,2svh,22px);border-top:1px solid rgba(var(--ln-rgb),.14)}
.menu__correo{margin-right:auto;font-size:clamp(15px,min(1.35vw,2.6svh),20px);font-weight:600;letter-spacing:-.01em;padding:0 0 4px;border-bottom:1px solid rgba(var(--ln-rgb),.28);opacity:.8}
@media(hover:hover){.menu__correo:hover{opacity:1;border-color:var(--oro)}}
.menu__lat .nav__cta{padding:7px 22px 7px 7px;font-size:clamp(14px,1.1vw,16px);background:none;box-shadow:none;border:1px solid rgba(180,154,99,.45);color:rgba(var(--tx-rgb),.88)}
.menu__lat .nav__cta .nav__wa{width:18px;height:18px;padding:8px;background:none;fill:currentColor;color:var(--oro)}
@media(hover:hover){.menu__lat .nav__cta:hover{background:rgba(180,154,99,.14);border-color:var(--oro);box-shadow:none;transform:none;color:rgba(var(--tx-rgb),1)}}
.menu__tema{width:84px;height:40px}}
.nav .nav__int{position:relative;z-index:5}
html:has(.nota-modal.on) #mxy{opacity:0;pointer-events:none;transition:opacity .25s}
