/* ========================================
   ESTILOS DINÁMICOS GENERADOS AUTOMÁTICAMENTE
   ======================================== */

/* COLORES DEL BODY */
body {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* ========================================
   NAVBAR - MENÚ DE NAVEGACIÓN
   ======================================== */
.ftco_navbar,
.navbar {
    background: rgba(131, 152, 27, 0.95) !important;
}

.ftco_navbar.navbar-scrolled {
    background: rgba(131, 152, 27, 0.98) !important;
}

.nav-link {
    color: rgba(255, 255, 255, 0.95) !important;
}

.nav-link:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #c5d73c, #c0f066) !important;
}

/* Hover específico para botón Administrar */

.nav-item.active .nav-link {
    background: linear-gradient(135deg, #c5d73c, #c0f066) !important;
    color: #ffffff !important;
}

/* ========================================
   FOOTER - PIE DE PÁGINA
   ======================================== */
.footer,
footer,
.footer-section {
    background-color: #83981b !important;
    color: #ffffff !important;
}

.footer h2,
.footer h3,
.footer h4,
.footer p,
footer h2,
footer h3,
footer h4,
footer p {
    color: #ffffff !important;
}

.footer a,
footer a {
    color: #ffffff !important;
}

.footer a:hover,
footer a:hover {
    color: #ffffff !important;
}

/* ========================================
   ENLACES GENERALES
   ======================================== */
a {
    color: #ffffff;
}

a:hover,
a:focus {
    color: #c52028;
}

/* ========================================
   BOTONES
   ======================================== */
.btn-primary,
.btn-default {
    background-color: #291cd9 !important;
    border-color: #291cd9 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-default:hover,
.btn-default:focus {
    background-color: #acb43c !important;
    border-color: #acb43c !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: #291cd9 !important;
    border-color: #291cd9 !important;
}

.btn-outline-primary:hover {
    background-color: #291cd9 !important;
    color: #ffffff !important;
}

/* ========================================
   TARJETAS Y ELEMENTOS
   ======================================== */
.card,
.panel,
.box {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
}

.services .card,
.services-item,
.ftco-services,
.service-item {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

/* ========================================
   COLORES DE ESTADO
   ======================================== */
.alert-success,
.bg-success,
.badge-success,
.text-success {
    background-color: #28a745 !important;
    color: white !important;
}

.alert-warning,
.bg-warning,
.badge-warning {
    background-color: #ffc107 !important;
    color: #333 !important;
}

.alert-danger,
.bg-danger,
.badge-danger,
.text-danger {
    background-color: #dc3545 !important;
    color: white !important;
}

.alert-info,
.bg-info,
.badge-info,
.text-info {
    background-color: #17a2b8 !important;
    color: white !important;
}

/* ========================================
   ELEMENTOS CON COLOR PRIMARIO
   ======================================== */
.text-primary,
.primary-color {
    color: #82a244 !important;
}

.bg-primary {
    background-color: #82a244 !important;
}

/* ========================================
   TÍTULOS Y ENCABEZADOS
   ======================================== */
h1, h2, h3, h4, h5, h6 {
    color: #333333;
}

.heading-section h2,
.ftco-heading-2 h2 {
    color: #82a244 !important;
}

/* ========================================
   ICONOS Y DECORACIONES
   ======================================== */
.icon,
.icon-wrap,
.services-icon {
    color: #82a244 !important;
}

/* ========================================
   FORMULARIOS
   ======================================== */
.form-control:focus {
    border-color: #82a244 !important;
    box-shadow: 0 0 0 0.2rem rgba(130, 162, 68, 0.25) !important;
}

/* ========================================
   HOVER EFFECTS PARA SERVICIOS Y PRODUCTOS
   ======================================== */
.services .card:hover,
.service-item:hover,
.product-item:hover {
    border-color: #82a244 !important;
    box-shadow: 0 5px 20px rgba(130, 162, 68, 0.3) !important;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* ========================================
   PRECIOS
   ======================================== */
.price,
.pricing-price,
.cost {
    color: #82a244 !important;
    font-weight: bold;
}

/* ========================================
   SEPARADORES
   ======================================== */
hr {
    border-color: #e0e0e0 !important;
}

/* ========================================
   BREADCRUMB
   ======================================== */
.breadcrumb {
    background-color: #ffffff !important;
}

.breadcrumb-item.active {
    color: #82a244 !important;
}

/* ========================================
   PAGINACIÓN
   ======================================== */
.pagination .page-link {
    color: #82a244 !important;
    border-color: #e0e0e0 !important;
}

.pagination .page-item.active .page-link {
    background-color: #82a244 !important;
    border-color: #82a244 !important;
}

/* ========================================
   TESTIMONIALS
   ======================================== */
.testimony-section {
    background-color: #f2f2f2 !important;
}

/* ========================================
   OVERLAYS Y SOMBRAS
   ======================================== */
.overlay,
.overlay-primary {
    background: rgba(130, 162, 68, 0.7) !important;
}

/* ========================================
   ADMIN SIDEBAR
   ======================================== */
.sidebar,
.cbp-spmenu {
    background-color: #83981b !important;
}

.sidebar .nav-link,
.cbp-spmenu a {
    color: #ffffff !important;
}

.sidebar .nav-link:hover,
.cbp-spmenu a:hover {
    background-color: #c5d73c !important;
}

/* ========================================
   TABLAS
   ======================================== */
.table thead {
    background-color: #82a244 !important;
    color: white !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(130, 162, 68, 0.1) !important;
}

/* ========================================
   BADGES Y ETIQUETAS
   ======================================== */
.badge-primary {
    background-color: #82a244 !important;
}

.badge-secondary {
    background-color: #5fa34d !important;
}

/* ========================================
   PROGRESS BARS
   ======================================== */
.progress-bar {
    background-color: #82a244 !important;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 991px) {
    .navbar-nav {
        background: rgba(131, 152, 27, 0.95) !important;
    }
}

/* ========================================
   ANIMACIONES Y TRANSICIONES
   ======================================== */
.btn,
.card,
.nav-link,
a {
    transition: all 0.3s ease !important;
}

/* ========================================
   CUSTOM SCROLLBAR (Para navegadores webkit)
   ======================================== */
::-webkit-scrollbar-thumb {
    background: #82a244 !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #5fa34d !important;
}