/* 1. IMPORTACIÓN DE FUENTE PROFESIONAL INTER */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root { 
    --primary: #1d3357;
    --accent: #a1855c; 
    --azul2: #29446d;
    --text1: #2b323a;
    --hover: #ffffff;
    --fuente-principal: 'Inter', sans-serif;
}

/* 2. AJUSTES GLOBALES Y TIPOGRAFÍA BASE (+2 PUNTOS) */
body {
    font-family: var(--fuente-principal) !important;
    font-size: 16px !important; /* Subido de 15px a 18px según tu solicitud */
    line-height: 1.6 !important;
    color: var(--text1);
    -webkit-font-smoothing: antialiased; /* Suavizado profesional */
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.011em; /* Espaciado óptimo para Inter */
}

/* 3. JERARQUÍA DE TÍTULOS (ESCALA PROFESIONAL) */
h1 { 
    font-family: var(--fuente-principal) !important; 
    font-weight: 800 !important; 
    font-size: 32px !important; 
    letter-spacing: -0.022em;
    
    
}

h2 { 
    font-family: var(--fuente-principal) !important; 
    font-weight: 800 !important; 
    font-size: 20px !important; 
    letter-spacing: -0.022em;
}

h3 { 
    font-family: var(--fuente-principal) !important; 
    font-weight: 700 !important; 
    font-size: 22px !important; 
}

/* Forzado de tamaño para elementos de texto común */
p, span, div, td, input, button, textarea { 
    font-size: 16px !important; 
}

/* Textos pequeños (labels o notas al pie) */
small, .text-xs {
    font-size: 14px !important;
}

/* 4. PROTECCIÓN DE ICONOS (Font Awesome) */
.fas, .far, .fab, .fa {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: inherit !important; 
    font-style: normal !important;
}

/* 5. UTILIDADES DE COLORES Y BOTONES */
.bg-primary { background-color: var(--primary); }
.text-accent { color: var(--accent); }
.bg-accent { background-color: var(--accent); }
.bg-fondo { background: var(--accent); }
.bg-azul2 { background-color: var(--azul2); }
.text-primary-color { color: var(--primary); }

/* Clases personalizadas */
.bg-text1 { color: var(--text1); }
.bg-hover { background-color: var(--hover); }

/* Botón Profesional con Transición */
.bg-btn { 
    background-color: var(--accent); 
    transition: all 0.3s ease;
}

.bg-btn:hover { 
    background-color: var(--hover);
    color: var(--primary);
    transform: translateY(-1px);
}

.textos-p { color: var(--hover); }
.textos-azul { color: var(--azul2); }

/* Clases de peso extra */
.font-black {
    font-weight: 900 !important;
}
.azules-texto {
    color: var(--primary) !important;
}

/* 6. AJUSTES DE FORMULARIOS */
input, select, textarea {
    font-family: var(--fuente-principal) !important;
    border-radius: 25px;
}