/* Hoja de Estilos Principal para Manpro Automotriz
  Aquí definimos estilos base que no son manejados por Tailwind, como las familias de fuentes.
*/

/* 1. Definición de Fuentes Base */
body {
    font-family: 'Montserrat', sans-serif;
    /* El color de fondo y de texto ya lo maneja Tailwind en el body */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Oswald', 'Raleway', 'Montserrat', sans-serif;
}

/* 2. Estilos para el contenido de los artículos (Prose) */
.prose { color: #d1d5db; }
.prose h2 { color: #F1F1F1; margin-top: 2em; margin-bottom: 1em; } /* Cambiado a F1F1F1 */
.prose h3 { color: #F1F1F1; margin-top: 1.5em; margin-bottom: 0.75em;} /* Cambiado a F1F1F1 */
.prose p, .prose ul, .prose ol { margin-bottom: 1.25em; line-height: 1.7; }
.prose strong { color: #F1F1F1; } /* Cambiado a F1F1F1 */
.prose a { color: #ff5603; text-decoration: underline; }
.prose a:hover { color: #e64a00; }
.prose ul > li::before { background-color: #ff5603; }
.prose blockquote {
    border-left-color: #ff5603;
    background-color: rgba(255, 86, 3, 0.05);
    color: #f3f4f6;
}

/* 3. Otros estilos específicos */
.filter-btn.active {
    background-color: #ff5603;
    color: #F1F1F1; /* Cambiado a F1F1F1 */
    font-weight: bold;
}

.nav-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.hero-bg {
    background-image: linear-gradient(rgba(27, 27, 27, 0.85), rgba(27, 27, 27, 0.85)), url('https://cdn.pixabay.com/photo/2018/12/04/15/53/workshop-3855922_1280.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Asegurar que el menú móvil esté oculto en desktop */
@media (min-width: 768px) {
    #mobile-menu {
        display: none !important;
    }
}

/* Etiquetas tipo strong reemplazadas (para SEO checker) */
.label-strong {
    font-weight: 700;
    color: #F1F1F1;
}