/* =========================
   BASE CSS (EPA)
   - Reset básico
   - Sin líneas negras entre secciones/includes
   - Body sin margin, fondo blanco
========================= */

/* 1) Box sizing global */
*,
*::before,
*::after{
  box-sizing: border-box;
}

/* 2) Reset básico */
html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}

/* 3) Evita “gaps” visuales y líneas entre secciones por subpixel */
body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: #0f172a;
  line-height: 1.5;

  /* Importante: elimina posibles bordes/gaps (antialias + no overflow raro) */
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 4) Links */
a{
  color: inherit;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

/* 5) Imágenes y media sin “espacios” por baseline */
img, svg, video, canvas{
  display: block;
  max-width: 100%;
  height: auto;
}

/* 6) Secciones sin espacios raros */
section{
  margin: 0;
  padding: 0;
}

/* 7) Evita que los includes (header/section/footer) tengan bordes por default */
header, footer, main{
  margin: 0;
  padding: 0;
  border: 0;
}

/* 8) Evitar “líneas negras” entre bloques por 1px de borde o colapso visual
   - Si alguna sección trae border-bottom/top duro, lo maneja su CSS propio.
   - Esto solo corta bordes heredados/accidentales. */
hr{
  border: 0;
  height: 1px;
  background: rgba(15, 23, 42, .08);
  margin: 0;
}

/* 9) Listas limpias por defecto (si querés listas, definilas por sección) */
ul, ol{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}

/* 10) Botones consistentes */
button{
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
}

/* 11) Inputs consistentes */
input, textarea, select{
  font: inherit;
  color: inherit;
}

/* 12) Contenedor global opcional */
.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 22px;
}

/* 13) Helper: separación vertical estándar (si necesitás) */
.section-space{
  padding: 64px 0;
}
@media (max-width: 900px){
  .container{ padding: 0 18px; }
  .section-space{ padding: 48px 0; }
}

/* 14) Helper anti “seam” (línea) para fondos con parallax / overlays
   Útil si alguna sección sigue mostrando una línea por subpixel:
   aplicalo a esa sección: class="no-seam" */
.no-seam{
  transform: translateZ(0);
  backface-visibility: hidden;
}