/* TIPOGRAFÍA MODERNA COMO EN LA IMAGEN DE REFERENCIA */

/* Importar fuentes similares a la imagen */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=SF+Pro+Display:wght@300;400;500;600;700&display=swap');

/* Fuente principal similar a la imagen - limpia y moderna */
body, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Títulos principales - como "Manténgase Actualizado" */
h1, h2.major, .major h2 {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}

/* Subtítulos y texto secundario */
h3, h4, h5, h6, p {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
}

/* Texto de párrafos - AJUSTADO PARA MEJOR CONTRASTE */
p {
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Logo específicamente */
#logo {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
}

/* Botones con la misma fuente */
.button {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

/* Navegación */
#nav a {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

/* SERVICIOS - COLORES CORREGIDOS PARA FONDO CLARO */
.service-title {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  color: #2d3748 !important; /* Color oscuro para fondo claro */
  font-size: 1.2em !important;
}

.service-description {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0em !important;
  line-height: 1.5 !important;
  color: #4a5568 !important; /* Color gris oscuro para mejor legibilidad */
}

/* NEWSLETTER SECTION - COLORES CORREGIDOS */
#four h2, #four .major h2 {
  color: #2d3748 !important; /* Título oscuro para fondo claro */
  font-weight: 400 !important;
}

#four p {
  color: #4a5568 !important; /* Texto oscuro para fondo claro */
  font-weight: 400 !important;
}

/* SECCIONES CON FONDO CLARO - TEXTO OSCURO */
.wrapper.style1 h1,
.wrapper.style1 h2,
.wrapper.style1 h3,
.wrapper.style1 h4,
.wrapper.style1 h5,
.wrapper.style1 h6 {
  color: #2d3748 !important;
}

.wrapper.style1 p {
  color: #4a5568 !important;
}

/* SECCIONES CON FONDO OSCURO - TEXTO CLARO */
.wrapper.style2 h1,
.wrapper.style2 h2,
.wrapper.style2 h3,
.wrapper.style2 h4,
.wrapper.style2 h5,
.wrapper.style2 h6 {
  color: #ffffff !important;
}

.wrapper.style2 p {
  color: rgba(255, 255, 255, 0.9) !important;
}