/* --- 1. MENÚ PRINCIPAL (Letras más grandes) --- */
#navigation ul.menu li a {
    font-size: 20px !important; /* Aumentado de 16px a 20px */
    color: #333333 !important; 
    font-weight: 500 !important; 
    text-transform: uppercase;
    padding: 0 0 px 0 !important; 
    line-height: 1 !important; 
    letter-spacing: 0px;
    transition: all 0.5s ease;
}

#navigation ul.menu li a:hover {
    color: #d1c3a2 !important; 
}
/* --- BOTÓN CENTRAL LA INDUSTRIAL (SOLUCIÓN TOTAL) --- */

/* 1. Forzamos el título (ESMORZARS) con su marco blanco */
#featured-page-middle-full .featured-page-title,
.home-page-featured h4.featured-page-title {
    border: 2px solid #ffffff !important;
    padding: 10px 25px !important;
    display: inline-block !important;
    background: rgba(0,0,0,0.4) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* --- BOTÓN CENTRAL LA INDUSTRIAL (DISEÑO FORZADO) --- */

/* 1. Título ESMORZARS con marco */
.home-page-featured .featured-page-title {
    border: 2px solid #ffffff !important;
    padding: 10px 25px !important;
    display: inline-block !important;
    background: rgba(0,0,0,0.4) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

/* --- ELIMINAR EL BLOQUEO DEL TEMA EN LA INDUSTRIAL --- */

/* 1. Marco para el título ESMORZARS */
div#featured-page-middle-full h4.featured-page-title {
    border: 2px solid #ffffff !important;
    padding: 10px 25px !important;
    display: inline-block !important;
    background: rgba(0,0,0,0.4) !important;
    color: #ffffff !important;
}
/* --- COPIA EXACTA DEL BOTÓN 101 PARA LA INDUSTRIAL --- */
.boton-brasserie {
    display: inline-block !important;
    background-color: #ffffff !important; 
    color: #000000 !important; 
    padding: 10px 22px !important; 
    margin-top: 15px !important;
    text-decoration: none !important; 
    
    /* Estilo de texto */
    font-family: default !important; 
    font-weight: 600 !important; 
    font-size: 14px !important;
    text-transform: uppercase !important;
    
    /* Apariencia */
    border-radius: 2px; 
    border: 2px solid #ffffff !important;
    transition: all 0.2s ease-in-out;
}

/* Hover adaptado al gris de La Industrial */
.boton-brasserie:hover {
    background-color: #333333 !important; 
    color: #ffffff !important; 
    border-color: #333333 !important;
    cursor: pointer;
}