/* Estilos de tipografía específicos */

/* Header y navegación - Gothic */
header h1, header h2, header h3,
nav a, .nav-link,
.dropdown-toggle,
.mobile-menu a {
    font-family: var(--font-heading);
}

/* Títulos principales - Gothic */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

/* Títulos de secciones */
.section-title,
.page-title,
.main-title,
.hero-title {
    font-family: var(--font-heading);
    font-weight: var(--gothic-bold);
}

/* Subtítulos */
.subtitle,
.section-subtitle {
    font-family: var(--font-heading);
    font-weight: var(--gothic-semi);
}

/* Navegación principal */
.main-nav a,
.navigation a {
    font-family: var(--font-heading);
    font-weight: var(--gothic-medium);
}

/* Botones */
.btn,
.button,
button {
    font-family: var(--font-heading);
    font-weight: var(--gothic-semi);
}

/* Footer */
.footer h1, .footer h2, .footer h3,
.footer .title,
.footer .section-title {
    font-family: var(--font-heading);
}

/* Párrafos y texto - Aileron */
p, .text, .description,
.content, .body-text,
.paragraph {
    font-family: var(--font-body);
    font-weight: var(--aileron-regular);
    line-height: 1.6;
}

/* Texto de navegación móvil */
.mobile-menu a {
    font-family: var(--font-heading);
    font-weight: var(--gothic-medium);
}

/* Dropdown menus */
.dropdown-menu a,
.dropdown-item {
    font-family: var(--font-heading);
    font-weight: var(--gothic-regular);
}

/* Información de contacto */
.contact-info,
.phone-number,
.email-address {
    font-family: var(--font-body);
    font-weight: var(--aileron-regular);
}

/* Horarios y días */
.business-hours .day,
.working-hours .day {
    font-family: var(--font-heading);
    font-weight: var(--gothic-semi);
}

.business-hours .time,
.working-hours .time {
    font-family: var(--font-body);
    font-weight: var(--aileron-regular);
}

/* Logos y nombres de empresa */
.company-name,
.brand-name,
.logo-text {
    font-family: var(--font-heading);
    font-weight: var(--gothic-bold);
}

/* Enlaces de redes sociales */
.social-link,
.social-icon {
    font-family: var(--font-heading);
}

/* Texto de búsqueda */
.search-text,
.search-placeholder {
    font-family: var(--font-body);
    font-weight: var(--aileron-regular);
}

/* Mensajes de WhatsApp */
.whatsapp-message,
.whatsapp-text {
    font-family: var(--font-body);
    font-weight: var(--aileron-regular);
}

/* Responsive typography */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
        font-weight: var(--gothic-bold);
    }
    
    h2 {
        font-size: 1.75rem;
        font-weight: var(--gothic-semi);
    }
    
    h3 {
        font-size: 1.5rem;
        font-weight: var(--gothic-medium);
    }
    
    .mobile-menu a {
        font-size: 1.1rem;
        font-weight: var(--gothic-medium);
    }
}

/* Aplicar tipografías a elementos específicos del header */
.bg-\[\#93C121\] span,
.bg-\[\#93C121\] strong {
    font-family: var(--font-heading);
    font-weight: var(--gothic-medium);
}

/* Navegación principal */
.space-x-6 a {
    font-family: var(--font-heading);
    font-weight: var(--gothic-medium);
}

/* Botón de búsqueda */
#search-button {
    font-family: var(--font-heading);
    font-weight: var(--gothic-semi);
}

/* Menú móvil */
#mobile-menu a {
    font-family: var(--font-heading);
    font-weight: var(--gothic-medium);
}

