:root { 
    --azul: #2B4E8C; 
    --naranja: #F15A24; 
    --gris-claro: #f4f4f4; 
}

body { font-family: 'Segoe UI', Arial, sans-serif; margin:0; background-color: #fff; }

/* Navegación */
.navbar-custom { background-color: var(--gris-claro); border-bottom: 1px solid #ddd; }
.navbar-custom .nav-link { 
    color: var(--naranja) !important; 
    font-weight: 600; 
    text-transform: uppercase; 
    font-size: 0.9rem; 
}
.navbar-custom .nav-link:hover { color: var(--azul) !important; }

/* Componentes */
.btn-naranja { 
    background-color: var(--naranja); 
    color: white !important; 
    border: none; 
    padding: 12px 25px; 
    border-radius: 5px; 
    text-transform: uppercase; 
    font-weight: bold; 
    text-decoration: none; 
    display: inline-block; 
    transition: 0.3s; 
}
.btn-naranja:hover { background-color: #d3481b; transform: translateY(-2px); }

.banner-carousel { height: 300px; object-fit: cover; width: 100%; background: #eee; }

.service-card { 
    border: 1px solid #eee; 
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    transition: 0.3s; 
    height: 100%; 
    background: #fff;
}
.service-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.1); transform: translateY(-5px); }

/* Promociones / Blog */
.promo-block { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    margin-bottom: 50px; 
    border-radius: 15px; 
    overflow: hidden; 
    background: #fff; 
    border: 1px solid #eee; 
}
.promo-block img { width: 50%; height: 350px; object-fit: cover; }
.promo-content { padding: 40px; width: 50%; }

@media (max-width: 768px) {
    .promo-block img, .promo-content { width: 100%; }
}

/* Footer */
.footer-custom { background-color: var(--gris-claro); color: var(--azul); border-top: 1px solid #ddd; }
.admin-alert { background: #ffc107; text-align: center; padding: 5px; font-weight: bold; font-size: 0.8rem; position: sticky; top: 0; z-index: 2000; }
.lang-flag { width: 25px; cursor: pointer; border-radius: 3px; border: 1px solid #ddd; }