:root {

    /* Fuentes principales */
    --font-title: 'Vogue', 'Cormorant Garamond', serif;
    --font-body: var(--font-body);

    /* Tamaños */
    --slide-title-size: 4rem;
    --slide-text-size: 1.3rem;

    /* Pesos */
    --title-weight: normal;
    --body-weight: 300;

    /* Espaciado */
    --title-letter-spacing: 0.5px;
}

/* Después: */
h1,
h2,
h3,
h4,
h5,
.section-title,
.event-title,
.concert-title,
.artist-name,
.hero-label h3,
.woman-name,
.ticket-header h3,
.image-caption h3,
.icona-modified-header .event-title,
.price-amount,
.footer-logo,
.logo {
    font-family: var(--font-title);
    font-weight: var(--title-weight);
    letter-spacing: var(--title-letter-spacing);
}

body,
p,
span,
a,
button,
input,
select,
textarea,
.nav-menu a,
.artist-role,
.concert-description,
.event-description,
.about-content,
.event-subtitle,
.artist-label span,
.artist-text p,
.quote,
.artist-info,
.location p,
.form-header p,
.form-group label,
.detail-label,
.detail-value,
.info-item p,
.schedule-item,
.speaker-info p,
.highlight-item span,
.icona-description,
.woman-role {
    font-family: var(--font-body);
}

/* Ajustes específicos para mantener el estilo */
.logo {
    font-family: var(--font-title);
    font-size: 2.2rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
    letter-spacing: 1px;
}

.nav-menu a {
    font-family: var(--font-body);
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 1px;
}

.slide h1 {
    font-family: var(--font-body);
    font-size: 4rem;
    margin-bottom: 1.5rem;
    font-weight: 100;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.slide p {
    font-family: var(--font-body);
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    opacity: 0.9;
    font-weight: 300;
}

/* Para los botones */
.btn-concert-primary,
.btn-buy-ticket,
.event-button,
.restaurant-btn,
.brand-btn,
.btn-artist,
.icona-join-btn {
    font-family: var(--font-body);
}

@media (max-width: 768px) {
    
    .slide h1 {
        font-family: var(--font-body);
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        font-weight: 100;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }
    .slide p {
        font-family: var(--font-body);
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        opacity: 0.9;
        font-weight: 300;
    }
}

@media (max-width: 576px) {
    
    .slide h1 {
        font-family: var(--font-body);
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        font-weight: 100;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }
    .slide p {
        font-family: var(--font-body);
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        opacity: 0.9;
        font-weight: 300;
    }
}

@media (max-width: 375px) {
    
    .slide h1 {
        font-family: var(--font-body);
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        font-weight: 100;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }
    .slide p {
        font-family: var(--font-body);
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        opacity: 0.9;
        font-weight: 300;
    }
}