/**
 * BARBIERI Y ASOCIADAS - TEMPLATE CSS CUSTOM
 * Integración con el sistema CSS global de Barbieri
 */

/* ==========================================================================
   TIPOGRAFÍA BARBIERI Y ASOCIADAS
   ========================================================================== */

/* Area Extended como fuente principal para toda la web (según brand guidelines) */
body, html {
    font-family: 'Area Extended', 'Inter', Arial, sans-serif !important;
}

/* Kepler Std para el logo y elementos de marca (según brand guidelines) */
.logo,
.logo a,
.main-logo,
.footer-logo,
.brand,
.brand-name,
#header .logo,
#header .logo a,
.header-logo,
.header-logo a,
.header-brand,
.header-brand a {
    font-family: 'Kepler Std', 'Instrument Serif', serif !important;
}

/* Area Extended para headings manteniendo la jerarquía */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Area Extended', 'Inter', Arial, sans-serif !important;
}

/* Area Extended para botones y elementos interactivos */
.btn,
button,
input[type="button"],
input[type="submit"],
.button {
    font-family: 'Area Extended', 'Inter', Arial, sans-serif !important;
}

/* Area Extended para navegación */
nav,
.nav,
.navbar,
.navigation,
.menu,
.main-menu,
#mainMenu {
    font-family: 'Area Extended', 'Inter', Arial, sans-serif !important;
}

/* Kepler Std para elementos de marca y titulares especiales */
.brand-text,
.company-name,
.site-title,
.hero-title,
.section-title.serif,
.testimonial-signature {
    font-family: 'Kepler Std', 'Instrument Serif', serif !important;
}

/* Area Extended para formularios */
input,
textarea,
select,
.form-control {
    font-family: 'Area Extended', 'Inter', Arial, sans-serif !important;
}

/* Estilos de WhatsApp movidos a css/custom.css para evitar duplicación */