/* ==========================================================================
   SOLO AIR HOME · LAS TRES PAGINAS LEGALES
   Aguila IA Studio · 4 de octubre de 2026

   Sustituye a estilo.css, que era de agosto y venia en NEGRO con turquesa:
   paleta de otra version de la web, y contra la ley de la casa (nada en
   fondo negro). Estas paginas son la misma web: mismo crema, misma tinta,
   mismas dos tipografias que index.html.

   Contrastes medidos sobre el crema #EFEBE2:
     tinta   #1B1B1D ... 14,46:1   (titulares y texto principal)
     gris    #6B6862 ....  4,67:1   (texto secundario, pasa el 4,5 exigido)
     bronce  #755922 ....  5,50:1   (enlaces y rotulos)
   ========================================================================== */

:root{
  --papel:   #EFEBE2;
  --papel-2: #E2DCCF;
  --tinta:   #1B1B1D;
  --tinta-2: #6B6862;
  --bronce:  #755922;
  --filete:  #CFC8B9;
  --display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --texto:   'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

@font-face{ font-family:'Fraunces'; src:url('../fuentes/Fraunces.woff2') format('woff2');
  font-weight:100 900; font-display:swap; }
@font-face{ font-family:'Karla'; src:url('../fuentes/Karla.woff2') format('woff2');
  font-weight:200 800; font-display:swap; }

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }

body{
  margin:0; background:var(--papel); color:var(--tinta);
  font-family:var(--texto); font-size:clamp(1rem,.95rem + .2vw,1.06rem);
  line-height:1.7; -webkit-font-smoothing:antialiased;
}

/* ---------- la barra de arriba ---------- */
.barra{
  display:flex; align-items:center; gap:1.5rem;
  padding:1.1rem clamp(1rem,4vw,3rem);
  border-bottom:1px solid var(--filete);
}
.marca{ text-decoration:none; color:inherit; display:flex; align-items:baseline; gap:.6rem; }
.marca-n{ font-family:var(--display); font-size:1.15rem; font-weight:400; letter-spacing:.01em; }
.marca-s{ font-size:.6rem; letter-spacing:.24em; text-transform:uppercase; color:var(--tinta-2); }
.menu{ margin-left:auto; }
.menu a{
  color:var(--bronce); text-decoration:none;
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
  border-bottom:1px solid transparent; padding-bottom:.15rem;
  transition:border-color .3s;
}
.menu a:hover,.menu a:focus-visible{ border-color:currentColor; }

/* ---------- el documento ---------- */
.doc{ max-width:68ch; margin:0 auto; padding:clamp(2.5rem,7vw,5rem) clamp(1rem,4vw,3rem); }
.doc h1{
  font-family:var(--display); font-weight:300; line-height:1.05;
  font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem); margin:0 0 2.5rem;
}
.doc h2{
  font-family:var(--display); font-weight:400;
  font-size:1.25rem; margin:2.8rem 0 .8rem; color:var(--tinta);
}
.doc p,.doc li{ color:var(--tinta-2); margin:0 0 1rem; }
.doc ul{ padding-left:1.2rem; }
.doc li{ margin-bottom:.4rem; }
.doc a{ color:var(--bronce); text-decoration:none; border-bottom:1px solid var(--filete); }
.doc a:hover,.doc a:focus-visible{ border-color:currentColor; }
.doc strong{ color:var(--tinta); font-weight:600; }

/* el bloque del titular: los datos de la empresa, destacados */
.titular{
  background:var(--papel-2); border-left:2px solid var(--bronce);
  padding:1.1rem 1.3rem; margin-top:.6rem;
}
.titular p{ color:var(--tinta); margin:0; }

/* una nota informativa dentro del texto */
.nota{
  background:var(--papel-2); border-left:2px solid var(--bronce);
  padding:1.1rem 1.3rem; margin:0 0 1.6rem;
}
.nota p{ margin:0; }

/* ---------- el pie ---------- */
.pie{
  border-top:1px solid var(--filete);
  padding:2rem clamp(1rem,4vw,3rem) 3rem;
  display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:center;
  font-size:.82rem; color:var(--tinta-2);
}
.pie .marca-n{ font-size:.95rem; margin:0; }
.pie-enlaces{ display:flex; flex-wrap:wrap; gap:1.1rem; }
.pie-enlaces a{ color:var(--bronce); text-decoration:none; }
.pie-enlaces a:hover,.pie-enlaces a:focus-visible{ text-decoration:underline; }
.pie-fecha{ margin:0; margin-left:auto; }

@media (max-width:640px){
  .pie-fecha{ margin-left:0; width:100%; }
}