@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Book.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Estilos para títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

h1 {
    font-size: 2.5rem;
    font-weight: 700; /* Bold */
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 2rem;
    font-weight: 500; /* Book */
    margin-bottom: 1.25rem;
}

h3 {
    font-size: 1.75rem;
    font-weight: 400; /* Regular */
    margin-bottom: 1rem;
}

h4 {
    font-size: 1.5rem;
    font-weight: 300; /* Light */
    margin-bottom: 0.75rem;
}

h5 {
    font-size: 1.25rem;
    font-weight: 100; /* Thin */
    margin-bottom: 0.5rem;
}

h6 {
    font-size: 1rem;
    font-weight: 100; /* Thin */
    margin-bottom: 0.5rem;
}

/* Clases utilitarias para títulos */
.title-primary {
    color: var(--primary);
}

.title-secondary {
    color: var(--secondary);
}

.title-white {
    color: white;
}

.title-center {
    text-align: center;
}

.title-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

/* Clases para diferentes pesos de Bebas Neue */
.title-thin {
    font-weight: 100;
}

.title-light {
    font-weight: 300;
}

.title-regular {
    font-weight: 400;
}

.title-book {
    font-weight: 500;
}

.title-bold {
    font-weight: 700;
}

/* Media queries para responsividad */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    h3 {
        font-size: 1.5rem;
    }
    
    h4 {
        font-size: 1.25rem;
    }
    
    h5 {
        font-size: 1.1rem;
    }
    
    h6 {
        font-size: 1rem;
    }
}