/* ESTILOS GLOBALES CEPROART - VERSIÓN FINAL CORREGIDA */
:root {
    --rojo-ceproart: #A32832;
    --negro-ceproart: #000000;
    --gris-claro: #f8f9fa;
    --whatsapp-green: #25d366;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: white;
    color: var(--negro-ceproart);
}

/* Navegación */
.navbar-public {
    background-color: var(--negro-ceproart);
    border-bottom: 4px solid var(--rojo-ceproart);
    padding: 10px 0;
}
.nav-link { color: white !important; font-weight: 500; }
.nav-link:hover, .nav-link.active { color: var(--rojo-ceproart) !important; }

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.85), rgba(163, 40, 50, 0.45)), 
                url('https://images.unsplash.com/photo-1556910103-1c02745aee4d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 0;
    text-align: center;
}
.hero-brand { font-size: 4rem; font-weight: 900; margin-bottom: 0; }
.hero-resoluciones { font-size: 1.1rem; color: #ffffff; font-weight: bold; margin-bottom: 10px; display: block; opacity: 0.9; }

/* Botones Generales */
.btn-ceproart {
    background-color: var(--rojo-ceproart) !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    border: none !important;
    transition: 0.3s !important;
}
.btn-ceproart:hover { background-color: #7d1f26 !important; transform: scale(1.05); }

.btn-whatsapp-hero {
    border: 2px solid var(--whatsapp-green) !important;
    color: var(--whatsapp-green) !important;
    background-color: transparent !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    transition: 0.3s !important;
}
.btn-whatsapp-hero:hover {
    background-color: var(--whatsapp-green) !important;
    color: white !important;
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
}

/* --- CORRECCIÓN DE PESTAÑAS (TABS) --- */
.nav-pills .nav-link {
    color: var(--negro-ceproart) !important;
    background-color: #e9ecef !important;
    border: 1px solid #ced4da !important;
    margin: 5px !important;
    padding: 12px 25px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
}

.nav-pills .nav-link.active {
    background-color: var(--rojo-ceproart) !important;
    color: white !important;
    border-color: var(--rojo-ceproart) !important;
}

/* Cuadros de Características (Hover) */
.card-feature-box {
    background-color: var(--gris-claro);
    border-radius: 15px;
    padding: 2rem;
    transition: 0.4s ease;
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}
.card-feature-box:hover {
    transform: translateY(-15px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    background-color: white;
    border-bottom: 5px solid var(--rojo-ceproart);
}

/* Footer */
.footer-public { background-color: var(--negro-ceproart); color: white; padding: 40px 0 20px; }