/* ==========================================================
   01-base.css
   FUNCIÓN: Estilos generales que afectan a toda la página:
   reset, fuente del cuerpo, enlaces, imágenes, títulos y
   el contenedor central (.wrap).
   ========================================================== */

/* ---------- BLOQUE: Reset ----------
   Quita márgenes por defecto del navegador y hace que el
   ancho incluya padding y borde (box-sizing). */
*{margin:0;padding:0;box-sizing:border-box;}

/* ---------- BLOQUE: Página (html y body) ---------- */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;} /* scroll suave; evita que iOS agrande el texto al girar */
body{
  background:var(--papel);
  color:var(--tinta);
  font-family:'Inter', sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;            /* nunca scroll horizontal en celular */
  -webkit-tap-highlight-color:rgba(169,204,79,0.25);
}

/* ---------- BLOQUE: Enlaces e imágenes ---------- */
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* ---------- BLOQUE: Contenedor central ----------
   Limita el ancho del contenido a 1160px y lo centra. */
.wrap{max-width:1160px;margin:0 auto;padding:0 32px;}
/* En celulares con notch/cámara, respeta las áreas seguras */
@supports(padding:max(0px)){
  .wrap{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right));}
}

/* ---------- BLOQUE: Títulos ---------- */
h1,h2,h3{font-family:'Outfit', sans-serif;font-weight:700;line-height:1.08;letter-spacing:-0.01em;}

/* ---------- BLOQUE: Espaciado común de las secciones ---------- */
section{padding:76px 0;scroll-margin-top:72px;} /* scroll-margin: el header fijo no tapa el título al saltar a la sección */