/* ==== IMPORTACIONES DE SECCIONES ==== */
@import url(hero.css);
@import url(beneficios.css);
@import url(servicios.css);
@import url(testimonios.css);
@import url(estadisticas.css);
@import url(footer.css);
@import url(contacto.css);

/* ==== RESETEO GENERAL ==== */
* {
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth; /* ==== SCROLL SUAVE ==== */
}

/* ==== TIPOGRAFÍAS ==== */
h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

p, li, input, textarea, button {
  font-family: 'Roboto', sans-serif;
}

/* Botones con estilo consistente */
button {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ==== ESTRUCTURA GENERAL ==== */
.section {
  width: 100%;
}

/* ==== VARIABLES DE COLOR GLOBAL ==== */
.body {
  /* Colores generales */
  --color-1: black;
  --color-2: white;
  --color-3: rgba(0, 0, 0, 0.623);       /* Texto secundario */
  --color-4: #ffffffb6;                  /* Blanco translúcido */
  --color-5: #1d3fd898;                  /* Azul translúcido */
  --color-6: #ffffff1f;                  /* Fondo blanco con opacidad */

  /* Paleta profesional */
  --color-principal: #1F2937;            /* Gris oscuro */
  --color-acento: #d4af37;               /* Dorado */
  --color-fondo: #F9FAFB;                /* Gris claro */
  --color-buttons: #1D4ED8;              /* Azul fuerte */
  --color-hover: #1E40AF;                /* Azul más oscuro */

  /* Otros */
  --color-titlesDes: #D4AF37;

  margin: 0;
}