@font-face{font-family:"Inter";font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/inter-Light.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:300;font-style:italic;font-display:swap;src:url(/fonts/inter-LightItalic.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/inter-Medium.woff) format("woff")}

/* Paleta del manual de identidad Dr. Héctor Villa (Prizma Studio, 2026) */
:root{
  --crema:#DFDECF; --cafe:#7F664D; --cafe-oscuro:#614C3C; --pizarra:#62747C; --olivo:#7A6F50;
  /* Base en azules (pizarra), contrastes en cafés */
  --fondo:#E2E7E8; --tinta:#2F3B41; --tenue:#4A5A61; --acento:var(--cafe-oscuro); --linea:rgba(127,102,77,.4);
}
@media (prefers-color-scheme:dark){
  :root{--fondo:#26323A; --tinta:#DFDECF; --tenue:#B5C3C8; --acento:#D2C3AE; --linea:rgba(201,183,159,.28)}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--fondo);color:var(--tinta);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:300;font-size:17px;line-height:1.65;
  font-feature-settings:"kern","liga"}
main{flex:1;width:100%;max-width:36rem;margin:0 auto;padding:clamp(3.5rem,12vh,7rem) 1.25rem 3rem}
strong,dt,h2,.etiqueta{font-weight:500}

.firma{text-align:center;margin-bottom:3.25rem}
.monograma{display:block;width:30px;height:auto;margin:0 auto 1.6rem;color:var(--acento)}
.firma h1{margin:0;line-height:0}
.marca{display:block;width:min(100%,25rem);height:auto;margin:0 auto;color:var(--acento)}
.nombre{margin:1.1rem 0 0;letter-spacing:.04em;font-size:.95rem}
.lema{margin:1.4rem 0 0;font-style:italic;color:var(--acento)}

dl{margin:0;border-top:1px solid var(--linea)}
dl div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--linea)}
dt{color:var(--acento);font-size:.92rem;padding-top:.08rem}
dd{margin:0}
.nota{margin-top:2.25rem;color:var(--tenue);font-size:.92rem}

a{color:inherit;text-decoration:underline;text-decoration-color:var(--cafe);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--pizarra);outline-offset:3px;border-radius:2px}

footer{width:100%;max-width:36rem;margin:0 auto;padding:0 1.25rem 2rem;font-size:.88rem;color:var(--tenue);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.paleta{display:flex;height:6px}
.paleta span{flex:1}
.paleta span:nth-child(1){background:var(--cafe)}
.paleta span:nth-child(2){background:var(--crema)}
.paleta span:nth-child(3){background:var(--cafe-oscuro)}
.paleta span:nth-child(4){background:var(--pizarra)}
.paleta span:nth-child(5){background:var(--olivo)}


/* Aviso de privacidad */
.doc .firma{margin-bottom:2.5rem}
.doc .marca{width:min(100%,15rem)}
.doc h1.titulo{font-weight:300;font-size:clamp(1.6rem,5vw,2rem);line-height:1.2;letter-spacing:-.005em;margin:0 0 .4rem;text-align:left}
.doc .fecha{color:var(--tenue);font-size:.9rem;margin:0 0 2rem}
.doc h1.titulo + .fecha + h2{border-top:0;padding-top:0}
.doc h2{color:var(--acento);font-size:1rem;margin:2.2rem 0 .5rem;padding-top:1.5rem;border-top:1px solid var(--linea)}
.doc p,.doc li{margin:.4rem 0}
.doc ul{padding-left:1.15rem}

@media (max-width:520px){
  body{font-size:16px}
  dl div{grid-template-columns:1fr;gap:.1rem}
}