/* Base compartida por la web y el panel: paleta, tipografía y reset */
:root{
  --paper:#F1EBE1;      /* cerámica fresca, arena clara */
  --raw:#E8DFD1;        /* barro crudo */
  --sand:#DDD0BD;       /* arena */
  --stone:#8F877C;      /* gris piedra */
  --earth:#6B4F3A;      /* marrón tierra: barras, títulos y acentos */
  --earth-soft:#8C6B4F; /* etiquetas */
  --ochre:#A07A52;      /* ocre de sus esmaltes */
  --ink:#33271F;        /* texto, marrón muy oscuro */
  --ink-soft:#5F5046;
  --line:#DCD1C1;
  --white:#FBF8F3;      /* superficies de formularios */
  --danger:#9A3B2B;     /* acciones irreversibles */
  --ph-a:#E9E0D2; --ph-b:#E3D8C6; --ph-c:#EDE6DB; --ph-d:#DFD3C1;
  --piece:#F6F1E8; --piece-2:#CDB28C; --piece-3:#B9AC9A; --shadow:rgba(90,65,40,.12);

  /* Palo seca: Archivo angosta para títulos, ancho normal para textos */
  --f-display:"Archivo","Helvetica Neue Condensed","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-body:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-label:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;

  --s-xs:.75rem; --s-sm:.875rem; --s-md:1.0625rem; --s-lg:1.375rem; --s-xl:clamp(2.25rem,4.5vw,3rem); --s-2xl:clamp(3.25rem,10vw,7.5rem);
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
  color-scheme:light;
}
/* Una sola paleta clara a propósito: la web se ve siempre en tonos de cerámica fresca */

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--s-md);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--earth);outline-offset:3px}
h1,h2,h3{color:var(--earth);font-family:var(--f-display);font-weight:400;font-stretch:72%;letter-spacing:-.005em;line-height:1.02;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1240px;margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.label{font-family:var(--f-label);font-size:var(--s-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--earth-soft)}
.logo{width:30px;height:27px;flex:none;color:var(--earth)}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}