/* ===== ESTILOS ESPECÍFICOS PARA PÁGINA DE MEZCLA DE CARBURANTE ===== */

/* Article Header con imagen de fondo específica */
.article-header {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/consejos/mezcla-carburante-motosierra-dimajardin.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--white);
    padding: 120px 0 60px 0;
    margin-top: 80px; /* Espacio para navbar fijo */
}

.article-header .container {
    text-align: center;
}

/* Responsive para article-header */
@media (max-width: 968px) {
    .article-header {
        padding: 100px 0 50px 0;
    }
    
    .article-title {
        font-size: 2.2rem;
    }
    
    .article-subtitle {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .article-header {
        padding: 80px 0 40px 0;
    }
    
    .article-title {
        font-size: 1.8rem;
    }
    
    .article-subtitle {
        font-size: 0.9rem;
    }
    
    .article-meta {
        flex-direction: column;
        gap: 10px;
    }
}