@font-face { font-family: "Prata"; src: url("/fuentes/prata-latin-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/fuentes/manrope-latin-var.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }

:root {
  --sal: #F7F2EA;
  --arena: #DDCDB2;
  --miel: #E3B07A;
  --teja: #B65F33;
  --teja-clara: #E39A6C;
  --teja-oscura: #9A4E27;
  --verde: #3C4A40;
  --carbon: #2A2822;

  --fondo: var(--sal);
  --tinta: var(--carbon);
  --suave: var(--verde);
  --acento: var(--teja);
  --superficie: #FFFDF8;
  --borde: var(--arena);
  --enlace: var(--teja-oscura);

  --fd-marco: var(--teja);
  --fd-cortina: var(--teja-clara);
  --fd-cortina-noche: var(--teja-oscura);
  --fd-cielo: var(--sal);
  --fd-fenix: var(--teja-oscura);
  --fd-luz: var(--miel);
  --fd-noche: var(--verde);
  --fd-luna: var(--sal);

  --titulos: "Prata", Georgia, serif;
  --texto: "Manrope", system-ui, sans-serif;
  --t-xs: 0.8rem;
  --t-sm: 0.9rem;
  --t-base: 1rem;
  --t-md: 1.25rem;
  --t-lg: 1.563rem;
  --t-xl: 1.953rem;
  --t-2xl: 2.441rem;
  --t-3xl: 3rem;
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-8: 32px;
  --e-12: 48px;
  --e-16: 64px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;
  --r-pildora: 999px;
  --s-suave: 0 1px 2px rgba(42,40,34,.08), 0 2px 8px rgba(42,40,34,.06);
  --s-media: 0 4px 16px rgba(42,40,34,.10);
  --s-alta: 0 12px 32px rgba(42,40,34,.14);
  color-scheme: light dark;
}


.fd-claro {
  --fondo: var(--sal);
  --tinta: var(--carbon);
  --suave: var(--verde);
  --acento: var(--teja);
  --superficie: #FFFDF8;
  --borde: var(--arena);
  --enlace: var(--teja-oscura);
  --fd-marco: var(--teja);
  --fd-cortina: var(--teja-clara);
  --fd-cortina-noche: var(--teja-oscura);
  --fd-cielo: var(--sal);
  --fd-fenix: var(--teja-oscura);
  --fd-luz: var(--miel);
  --fd-noche: var(--verde);
  --fd-luna: var(--sal);
}

@media (prefers-color-scheme: dark) {
  :root:not(.fd-claro) {
    --fondo: var(--carbon);
    --tinta: var(--sal);
    --suave: var(--arena);
    --acento: var(--teja-clara);
    --superficie: #34312A;
    --borde: #4A463D;
    --enlace: var(--teja-clara);
    --fd-marco: var(--teja-clara);
    --fd-cortina: var(--teja-oscura);
    --fd-cortina-noche: var(--teja-oscura);
    --fd-cielo: var(--sal);
    --fd-fenix: var(--teja-oscura);
    --fd-luz: var(--miel);
    --fd-noche: var(--verde);
    --fd-luna: var(--sal);
  }
}


.fd-oscuro {
  --fondo: var(--carbon);
  --tinta: var(--sal);
  --suave: var(--arena);
  --acento: var(--teja-clara);
  --superficie: #34312A;
  --borde: #4A463D;
  --enlace: var(--teja-clara);
  --fd-marco: var(--teja-clara);
  --fd-cortina: var(--teja-oscura);
  --fd-cortina-noche: var(--teja-oscura);
  --fd-cielo: var(--sal);
  --fd-fenix: var(--teja-oscura);
  --fd-luz: var(--miel);
  --fd-noche: var(--verde);
  --fd-luna: var(--sal);
}


:root{--t-4xl:4.689rem;--fd-tinta:var(--tinta);--fd-acento:var(--acento);--btn-fondo:var(--verde);--btn-tinta:var(--sal);--btn-hover:var(--carbon);--ancho:1180px}
@media (prefers-color-scheme:dark){:root:not(.fd-claro){--btn-fondo:var(--teja-clara);--btn-tinta:var(--carbon);--btn-hover:var(--miel)}}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--fondo);color:var(--tinta);font:400 var(--t-base)/1.55 var(--texto)}
a{color:inherit}
img,svg,video{display:block}
h1,h2,h3,h4{font-family:var(--titulos);font-weight:400;line-height:1.12;letter-spacing:-.01em}
ul,ol{list-style:none}
.ancho{max-width:var(--ancho);margin:0 auto;padding:0 var(--e-4)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.kicker{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--suave);margin-bottom:var(--e-2)}
.titulo{font-size:var(--t-xl);margin-bottom:var(--e-4);max-width:22ch}
.entrada{font-weight:500;font-size:var(--t-base);max-width:46ch}
.nota{font-size:var(--t-sm);color:var(--suave);max-width:62ch}
.nota a,.enlace{color:var(--enlace);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);min-height:52px;padding:0 var(--e-6);border:0;border-radius:var(--r-pildora);font:800 var(--t-base)/1 var(--texto);text-decoration:none;cursor:pointer;transition:transform .15s ease-out,background-color .2s ease-out,color .2s ease-out}
.btn:active{transform:scale(.97)}
.btn-wa{background:var(--btn-fondo);color:var(--btn-tinta)}
.btn-wa:hover{background:var(--btn-hover)}
.btn-linea{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px currentColor}
.btn-linea:hover{background:var(--superficie)}
.btn-chico{min-height:44px;padding:0 var(--e-4);font-size:var(--t-sm)}
.acciones{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3)}

.rotulo{height:32px;width:auto}
.barra-simple{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding-top:var(--e-4);padding-bottom:var(--e-4)}

.piepagina{border-top:1px solid var(--borde);background:var(--superficie);padding:var(--e-12) 0;font-size:var(--t-sm);color:var(--suave)}
.piepagina .cols{display:grid;gap:var(--e-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.piepagina .rotulo{margin-bottom:var(--e-3)}
.piepagina ul{display:grid;gap:var(--e-2)}
.piepagina a{text-decoration:underline;text-underline-offset:3px}

@media (min-width:768px){
  .ancho{padding:0 var(--e-6)}
  .titulo{font-size:var(--t-2xl)}
  .entrada{font-size:var(--t-md)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
}