@font-face{font-family:Finco;src:url(../fonts/Finco-Bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Finco;src:url(../fonts/Finco-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Ticdar;src:url(../fonts/Ticdar-Wide.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Ticdar;src:url(../fonts/Ticdar-MediumWide.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Ticdar;src:url(../fonts/Ticdar-BoldWide.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Vondeco;src:url(../fonts/Vondeco.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --carmesi:#b82f55;--rosa:#ce3665;--magenta:#8d2c5e;--ciruela:#6b224a;--sol:#febe29;--paja:#ebd777;--crema:#efdec5;
  --barra:58px;--g:16px;
  --suave:cubic-bezier(.2,.7,.2,1);
}
/* Temas: fondo/tinta de pagina + 5 casillas (fondo, tinta) */
[data-tema="crema"]{--bg:var(--crema);--ink:var(--ciruela);--acc:var(--rosa);
  --s1:var(--rosa);--s1i:var(--crema);--s2:var(--ciruela);--s2i:var(--crema);--s3:var(--sol);--s3i:var(--ciruela);--s4:var(--paja);--s4i:var(--magenta);--s5:var(--magenta);--s5i:var(--crema)}
[data-tema="carmesi"]{--bg:var(--carmesi);--ink:var(--crema);--acc:var(--sol);
  --s1:var(--magenta);--s1i:var(--crema);--s2:var(--ciruela);--s2i:var(--paja);--s3:var(--sol);--s3i:var(--ciruela);--s4:var(--crema);--s4i:var(--carmesi);--s5:var(--rosa);--s5i:var(--crema)}
[data-tema="ciruela"]{--bg:var(--ciruela);--ink:var(--crema);--acc:var(--sol);
  --s1:var(--magenta);--s1i:var(--paja);--s2:var(--rosa);--s2i:var(--crema);--s3:var(--crema);--s3i:var(--magenta);--s4:var(--sol);--s4i:var(--ciruela);--s5:var(--carmesi);--s5i:var(--crema)}
[data-tema="sol"]{--bg:var(--sol);--ink:var(--ciruela);--acc:var(--carmesi);
  --s1:var(--ciruela);--s1i:var(--sol);--s2:var(--rosa);--s2i:var(--crema);--s3:var(--crema);--s3i:var(--carmesi);--s4:var(--paja);--s4i:var(--magenta);--s5:var(--magenta);--s5i:var(--crema)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--barra);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 Ticdar,system-ui,sans-serif;overflow-x:hidden;transition:background-color .5s,color .5s}
img{display:block;max-width:100%}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
h1,h2,h3,.num{font-family:Finco,Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:.98;text-wrap:balance}
h2{font-size:clamp(2.3rem,9vw,4.6rem)}
.ceja{font-family:Vondeco,serif;font-size:1.05rem;letter-spacing:.06em;margin-bottom:.7em;color:var(--ceja,var(--acc))}
:focus-visible{outline:3px solid var(--sol);outline-offset:3px}

.s1{background:var(--s1);color:var(--s1i)}.s2{background:var(--s2);color:var(--s2i)}.s3{background:var(--s3);color:var(--s3i)}.s4{background:var(--s4);color:var(--s4i)}.s5{background:var(--s5);color:var(--s5i)}
.s1,.s2,.s3,.s4,.s5{--ceja:currentColor;transition:background-color .5s,color .5s}

/* Formas de marca como mascaras (toman el color del texto) */
.m{display:block;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.m-iso{-webkit-mask-image:url(../svg/iso.svg);mask-image:url(../svg/iso.svg);aspect-ratio:289/335}
.m-wordmark{-webkit-mask-image:url(../svg/wordmark.svg);mask-image:url(../svg/wordmark.svg);aspect-ratio:631/130}
.m-horizontal{-webkit-mask-image:url(../svg/horizontal.svg);mask-image:url(../svg/horizontal.svg);aspect-ratio:706/132}
.m-flor{-webkit-mask-image:url(../svg/flor.svg);mask-image:url(../svg/flor.svg);aspect-ratio:1}
.m-hoja{-webkit-mask-image:url(../svg/hoja.svg);mask-image:url(../svg/hoja.svg);aspect-ratio:521/630}
.m-monstera{-webkit-mask-image:url(../svg/monstera.svg);mask-image:url(../svg/monstera.svg);aspect-ratio:554/657}
.m-semilla{-webkit-mask-image:url(../svg/semilla.svg);mask-image:url(../svg/semilla.svg);aspect-ratio:686/619}
.m-mono{-webkit-mask-image:url(../svg/mono.svg);mask-image:url(../svg/mono.svg);aspect-ratio:583/702}

/* Barra */
.barra{position:sticky;top:0;z-index:20;height:var(--barra);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 var(--g);background:var(--bg);transition:background-color .5s}
.marca{display:block;width:118px;color:var(--acc)}
.enlaces{display:none;gap:26px;font-weight:500;font-size:.82rem}
.enlaces a{text-decoration:none;padding:6px 0;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s var(--suave)}
.enlaces a:hover{background-size:100% 2px}
.controles{display:flex;align-items:center;gap:10px}
.temas{display:none;gap:6px}
.temas button{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);transition:transform .2s}
.temas button:hover{transform:scale(1.2)}
.temas [data-tema="crema"]{background:var(--crema)}.temas [data-tema="carmesi"]{background:var(--carmesi)}.temas [data-tema="ciruela"]{background:var(--ciruela)}.temas [data-tema="sol"]{background:var(--sol)}
.idioma{font-weight:700;font-size:.78rem;width:40px;height:40px;border-radius:50%;border:2px solid currentColor}
.pildora{font-weight:700;font-size:.78rem;text-decoration:none;background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:99px;transition:background-color .5s,color .5s}

/* Mosaico */
.mosaico{display:grid;grid-template-columns:1fr 1fr}
.t{position:relative;overflow:hidden;min-width:0;animation:entra .9s var(--suave) both;animation-delay:calc(var(--n,0)*70ms)}
.t:nth-child(1){--n:0}.t:nth-child(2){--n:1}.t:nth-child(3){--n:3}.t:nth-child(4){--n:4}.t:nth-child(5){--n:2}.t:nth-child(6){--n:5}.t:nth-child(7){--n:6}.t:nth-child(8){--n:7}.t:nth-child(9){--n:8}
.t:nth-child(odd){--de:inset(0 0 100% 0)}.t:nth-child(even){--de:inset(0 100% 0 0)}
@keyframes entra{from{clip-path:var(--de)}to{clip-path:inset(0)}}
.t-foto{aspect-ratio:1}
.t-foto>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--suave)}
.t-foto:hover>img:first-child{transform:scale(1.06)}
.t-corte>img{object-position:50% 60%}
.sello{position:absolute;inset:0;margin:auto;width:62%;height:auto;animation:late 5s ease-in-out infinite}
@keyframes late{50%{transform:scale(1.05) rotate(2deg)}}
.t-titulo{grid-column:span 2;order:1;padding:34px var(--g) 30px}
.t-titulo h1{font-size:clamp(3.4rem,17.5vw,6rem)}
.t-sello{order:2}
.t-iso{order:3;aspect-ratio:1;display:grid;place-items:center;width:100%}
.t-iso .m{width:46%;transition:transform .6s var(--suave)}
.t-iso:hover .m,.t-iso:active .m{transform:rotate(-8deg) scale(1.08)}
.t-iso span{position:absolute;left:0;right:0;bottom:9px;font-size:.62rem;font-weight:500;text-align:center;opacity:.8}
.t-intro{grid-column:span 2;order:4;padding:26px var(--g);font-weight:500;font-size:1.12rem;line-height:1.35}
.t-corte{order:5}.t-cosecha{order:6}
.t-cta{grid-column:span 2;order:7;padding:26px var(--g);display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;font-weight:700;font-size:1.12rem;line-height:1.3}
.flecha{font-size:1.7rem;transition:transform .3s var(--suave)}
.t-cta:hover .flecha{transform:translateX(8px)}
.t-pulpa{order:8}
.t-lema{order:9;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:.5em;padding:12px;text-align:center;font-family:Vondeco,serif;font-size:clamp(1rem,4.6vw,1.5rem);letter-spacing:.05em;line-height:1.1}

/* Cinta */
.cinta{overflow:hidden;background:var(--ink);color:var(--bg);padding:13px 0;transition:background-color .5s,color .5s}
.cinta-pista{display:flex;align-items:center;gap:22px;width:max-content;font-family:Vondeco,serif;font-size:1.15rem;letter-spacing:.07em;white-space:nowrap;animation:corre 26s linear infinite}
.cinta-pista .m{width:18px;flex:none;color:var(--sol)}
.cinta-pista::after{content:"";width:0}
@keyframes corre{to{transform:translateX(calc(-50% - 11px))}}

/* Manifiesto */
.manifiesto{position:relative;overflow:hidden;padding:0 var(--g) 64px}
.escena{position:relative;height:min(104vw,640px);margin:0 calc(var(--g)*-1)}
.raiz{position:absolute;top:6%;width:min(84vw,560px);will-change:transform}
.r1{right:50%;margin-right:-14%;color:var(--s1)}
.r2{left:50%;margin-left:-14%;color:var(--s3);mix-blend-mode:normal}
.palabra{position:absolute;left:50%;top:22%;width:min(86vw,640px);translate:-50% 0;color:var(--s5i)}
.fruta{position:absolute;left:50%;top:26%;width:min(78vw,520px);height:auto;translate:-50% 0;filter:drop-shadow(0 22px 24px rgb(40 8 28/.35));will-change:transform}
.texto{position:relative;max-width:620px;margin:0 auto}
.texto h2{margin-bottom:.45em}
.texto p:last-child{font-size:1.02rem}

/* Ruta */
.ruta{padding:64px 0 56px}
.ruta-cab{padding:0 var(--g);display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 16px;margin-bottom:26px}
.ruta-cab .ceja{grid-column:1/-1;margin:0}
.ruta-nav{display:flex;gap:8px}
.ruta-nav button{width:46px;height:46px;border-radius:50%;border:2px solid currentColor;font-size:1.2rem;transition:background-color .2s,color .2s}
.ruta-nav button:hover{background:var(--ink);color:var(--bg)}
.pista{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g) 14px;scroll-padding-left:var(--g);scrollbar-width:none}
.pista::-webkit-scrollbar{display:none}
.paso{position:relative;flex:none;width:min(76vw,300px);min-height:330px;padding:20px 20px 24px;scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--i)*14px)}
.num{font-size:5.2rem;line-height:.85;opacity:.9}
.paso h3{font-size:2rem;margin:auto 0 .3em}
.paso p{font-size:.9rem;max-width:24ch}
.paso .m{position:absolute;right:-22px;top:-18px;width:132px;opacity:.22}

/* Fruta */
.fruta-sec{padding:56px var(--g) 64px;display:grid;gap:34px;overflow:hidden}
.rombos{position:relative;width:min(100%,470px);aspect-ratio:1/.92;margin:0 auto}
.rombo{position:absolute;aspect-ratio:1;clip-path:var(--escalera);will-change:transform}
.rombo img{width:100%;height:100%;object-fit:cover}
.r-a{width:78%;left:0;top:0}
.r-b{width:50%;right:0;bottom:0}
.fruta-txt h2{margin-bottom:.6em}
.rasgos{display:grid;gap:20px}
.rasgos li{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}
.rasgos .m{width:26px;margin-top:3px;color:var(--sol)}
.rasgos h3{font-size:1.5rem;margin-bottom:.2em}
.rasgos p{font-size:.92rem}

/* Territorio */
.territorio{padding:64px var(--g);display:grid;gap:34px}
.terr-txt h2{margin-bottom:.45em}
.terr-txt{max-width:560px}
.fauna{display:grid;grid-template-columns:repeat(3,1fr)}
.f{aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.f>*{width:64%;height:auto}
.f .m{width:58%}
.f-crema{background:var(--crema);box-shadow:inset 0 0 0 2px var(--paja)}.f-sol{background:var(--sol);color:var(--ciruela)}.f-rosa{background:var(--rosa);color:var(--ciruela)}.f-ciruela{background:var(--ciruela)}.f-paja{background:var(--paja)}.f-magenta{background:var(--magenta);color:var(--sol)}

/* Contacto */
.contacto{display:grid}
.con-titulo{position:relative;overflow:hidden;padding:54px var(--g) 60px}
.con-titulo h2{position:relative;z-index:1;max-width:9ch}
.con-titulo .m{position:absolute;right:-40px;bottom:-50px;width:210px;opacity:.16}
.con-form{padding:44px var(--g) 56px;display:grid;gap:16px;align-content:start}
.con-form .ceja{margin:0}
.con-form label{display:grid;gap:5px;font-size:.78rem;font-weight:700}
.con-form input,.con-form textarea{font:inherit;font-weight:400;font-size:1rem;color:inherit;background:none;border:0;border-bottom:2px solid currentColor;border-radius:0;padding:9px 0;width:100%;resize:vertical}
.con-form input:focus,.con-form textarea:focus{outline:0;border-color:var(--acc)}
.con-form button{justify-self:start;font-weight:700;background:var(--ink);color:var(--bg);padding:15px 26px;border-radius:99px;margin-top:6px;transition:transform .2s var(--suave),background-color .5s,color .5s}
.con-form button:hover{transform:translateY(-2px)}
.con-form button:active{transform:scale(.97)}
.aviso{font-size:.88rem;font-weight:500}

/* Pie */
.pie{padding:52px var(--g) 22px;text-align:center}
.pie-marca{width:min(100%,900px);margin:0 auto}
.pie-lema{font-family:Vondeco,serif;font-size:1.1rem;letter-spacing:.07em;margin:18px 0 34px}
.pie-linea{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;font-size:.74rem;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);padding-top:16px}

/* Aparicion */
[data-rev]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--suave),transform .8s var(--suave)}
[data-rev].in{opacity:1;transform:none}


/* ===== Motion ===== */
@keyframes columpio{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes mece{from{transform:rotate(-5deg)}to{transform:rotate(6deg)}}
@keyframes asiente{0%,58%,100%{transform:none}66%{transform:rotate(-8deg) translateY(-3%)}76%{transform:rotate(4deg)}86%{transform:rotate(-4deg)}}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes flota{50%{transform:translateY(-16px) rotate(40deg)}}
@keyframes respira{50%{transform:scale(1.09)}}
@keyframes picotea{0%,100%{transform:none}40%{transform:rotate(5deg)}55%{transform:rotate(-2deg)}}

/* Intro: el isotipo se dibuja y el mosaico se abre */
.intro{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}
.intro i{background:var(--carmesi);box-shadow:0 0 0 1px var(--carmesi);animation:sale .75s var(--suave) both;animation-delay:calc(1.55s + var(--k)*55ms)}
.intro i:nth-child(odd){--a:inset(0 0 100% 0)}.intro i:nth-child(even){--a:inset(100% 0 0 0)}
@keyframes sale{to{clip-path:var(--a)}}
.intro-iso{position:absolute;inset:0;margin:auto;height:min(34vh,56vw);overflow:visible;fill:transparent;stroke:var(--crema);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:traza 1.15s ease-in-out forwards,llena .4s .95s forwards,fuera .35s 1.45s forwards}
@keyframes traza{to{stroke-dashoffset:0}}
@keyframes llena{to{fill:var(--crema)}}
@keyframes fuera{to{opacity:0;transform:scale(1.25)}}
.sin-intro .intro{display:none}
html:not(.sin-intro) .t{animation-delay:calc(1.6s + var(--n,0)*70ms)}

/* Mono colgado del titular */
.colgado{position:absolute;top:-1.5%;right:8%;width:26%;max-width:150px;color:var(--s3);transform-origin:57% 2%;animation:columpio 1.9s ease-in-out infinite alternate}

/* Polen alrededor de la fruta */
.polen{position:absolute;width:22px;color:var(--sol);animation:flota 6s ease-in-out infinite}
.p1{left:12%;top:16%}.p2{right:10%;top:58%;width:30px;animation-duration:7.5s;animation-delay:-2s;color:var(--crema)}.p3{left:20%;bottom:8%;width:16px;animation-duration:5s;animation-delay:-1s}.p4{right:22%;top:10%;width:14px;animation-duration:8s;animation-delay:-4s;color:var(--crema)}.p5{left:6%;top:56%;width:26px;animation-duration:9s;animation-delay:-3s}

/* Piezas con vida */
.cinta-pista .m{animation:gira 7s linear infinite}
.rasgos .m{animation:gira 14s linear infinite}
.paso .m-flor{animation:gira 20s linear infinite}
.paso .m-hoja,.paso .m-monstera{transform-origin:20% 90%;animation:mece 3.4s ease-in-out infinite alternate}
.paso .m-semilla,.paso .m-iso,.con-titulo .m{animation:respira 4s ease-in-out infinite}
.paso .m{transition:scale .8s var(--suave),opacity .4s}
.paso:hover .m{scale:1.15;opacity:.42}
.f>*{transition:scale .6s var(--suave)}
.f:hover>*{scale:1.16}
.f .m-mono{transform-origin:57% 2%;animation:columpio 1.7s ease-in-out infinite alternate}
.f img[src*="tucan"]{transform-origin:60% 88%;animation:asiente 4.2s ease-in-out infinite}
.f img[src*="guacamaya"]{transform-origin:30% 92%;animation:mece 2.6s ease-in-out infinite alternate}
.f img[src*="estrella"]{animation:gira 26s linear infinite}
.f .m-monstera{transform-origin:50% 100%;animation:mece 3.2s ease-in-out infinite alternate}
.f .m-hoja{transform-origin:15% 95%;animation:mece 2.4s ease-in-out infinite alternate-reverse}

/* Cierre: abanico que se abre y guacamayas */
.cierre{position:relative;height:min(66vw,440px);margin:-52px calc(var(--g)*-1) 34px;overflow:hidden}
.abanico{position:absolute;left:50%;bottom:-8%;width:0;height:88%}
.abanico i{position:absolute;left:0;bottom:0;width:0;height:100%;transform-origin:50% 100%;transform:scale(.1);opacity:0;transition:transform 1.1s var(--suave),opacity .3s;transition-delay:calc(var(--k)*90ms)}
.abanico i::before{content:"";position:absolute;top:0;left:0;translate:-50% 0;width:min(13vw,96px);height:50%;background:var(--s5);border-radius:50% 50% 50% 50%/30% 30% 70% 70%}
.abanico i:nth-child(odd)::before{background:var(--s1)}
.cierre.in .abanico i{transform:rotate(var(--a));opacity:1}
.ave{position:absolute;bottom:-5%;height:60%;width:auto;transform:translateY(112%);transform-origin:50% 100%;transition:transform 1s var(--suave) .55s}
.ave-i{right:50%;margin-right:max(2%,14px)}
.ave-d{left:50%;margin-left:max(2%,14px);scale:-1 1}
.cierre.in .ave{transform:none;animation:picotea 3.8s 1.7s ease-in-out infinite}
.cierre.in .ave-d{animation-delay:2.6s}

@media (min-width:600px){
  .temas{display:flex}
  .fauna{max-width:640px}
}
@media (min-width:900px){
  :root{--barra:66px;--g:40px}
  body{font-size:16px}
  .marca{width:150px}
  .enlaces{display:flex}
  .mosaico{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:calc(100svh - var(--barra));min-height:600px}
  .t{order:0!important;grid-column:auto!important;aspect-ratio:auto!important}
  .t-titulo{display:flex;align-items:center;padding:0 var(--g)}
  .t-titulo h1{font-size:clamp(2.6rem,min(5.2vw,6.4vh),6rem)}
  .t-intro,.t-cta{display:flex;align-items:center;padding:0 12%;font-size:clamp(1.1rem,1.7vw,1.55rem)}
  .t-intro{text-align:right}
  .sello{width:auto;height:74%}
  .t-iso .m{width:auto;height:52%}
  .t-iso span{bottom:14px;font-size:.7rem}
  .t-lema{font-size:clamp(1.3rem,2.2vw,2.1rem);align-items:flex-end;text-align:right;padding:0 12%}
  .manifiesto{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:40px var(--g)}
  .escena{margin:0;height:min(48vw,640px)}
  .raiz{width:min(33vw,460px)}
  .palabra{width:min(44vw,600px)}
  .fruta{width:min(36vw,480px)}
  .texto{margin:0}
  .ruta{padding:110px 0 90px}
  .paso{width:300px;min-height:380px;margin-top:calc(var(--i)*30px)}
  .fruta-sec{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px var(--g)}
  .territorio{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding:110px var(--g)}
  .fauna{max-width:none}
  .contacto{grid-template-columns:1fr 1fr}
  .con-titulo{padding:90px var(--g);display:flex;align-items:center}
  .con-titulo .m{width:340px}
  .con-form{grid-template-columns:1fr 1fr;padding:90px var(--g);gap:22px 28px}
  .con-form .ceja,.con-form .ancho,.con-form button,.aviso{grid-column:1/-1}
}
/* ===== Legales ===== */
html[lang="en"] [data-l="es"],html:not([lang="en"]) [data-l="en"]{display:none}
.legal-cab{position:relative;overflow:hidden;padding:44px var(--g) 40px}
.legal-cab h1{font-size:clamp(2.6rem,11vw,5rem);position:relative;z-index:1}
.legal-fecha{font-size:.8rem;margin-top:1em;position:relative;z-index:1}
.legal-cab .m{position:absolute;right:-30px;bottom:-60px;width:200px;opacity:.16;animation:respira 4s ease-in-out infinite}
.legal-ejemplo{margin:0;padding:12px var(--g);background:var(--sol);color:var(--ciruela);font-weight:700;font-size:.8rem}
.legal-txt{max-width:calc(720px + var(--g)*2);margin:0 auto;padding:44px var(--g) 64px;display:grid;gap:30px}
.legal-txt h2{font-size:1.7rem;margin-bottom:.4em}
.legal-txt p{font-size:.95rem}
.legal-txt a{color:var(--acc);font-weight:500}
.ficha{margin:0;display:grid;border-top:2px solid currentColor}
.ficha div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.ficha div[hidden]{display:none}
.ficha dt{font-family:Vondeco,serif;letter-spacing:.06em;color:var(--acc)}
.ficha dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.legal .pie{padding-top:34px}
.pie-empresa{font-style:normal;display:grid;gap:4px;justify-items:center;font-size:.8rem;margin-bottom:24px}
.pie-empresa strong{font-weight:700;letter-spacing:.04em}
.pie-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:.8rem;font-weight:500;margin-bottom:22px}
.pie-legal a{text-decoration:none;padding:6px 0}
.pie-legal a:hover,.pie-legal a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.nota{font-size:.74rem}
.nota a{font-weight:700}
@media (min-width:900px){
  .legal-cab{padding:70px var(--g) 60px}
  .legal-cab .m{width:320px}
  .ficha div{grid-template-columns:200px 1fr;gap:20px}
  .con-form .nota{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-rev]{opacity:1;transform:none}
}