/* DASOL Color Palette Override */
/* Basado en la paleta oficial de colores de DASOL */

/* Color definitions */
:root {
    /* Primary colors from brand */
    --dasol-black: #000000;
    --dasol-white: #FFFFFF;
    --dasol-yellow: #FAE74D;
    --dasol-orange: #F39A3E;
    --dasol-red: #EF5F36;
    
    /* Tonal variations */
    --dasol-yellow-80: rgba(250, 231, 77, 0.8);
    --dasol-yellow-60: rgba(250, 231, 77, 0.6);
    --dasol-yellow-40: rgba(250, 231, 77, 0.4);
    --dasol-yellow-20: rgba(250, 231, 77, 0.2);
    
    --dasol-orange-80: rgba(243, 154, 62, 0.8);
    --dasol-orange-60: rgba(243, 154, 62, 0.6);
    --dasol-orange-40: rgba(243, 154, 62, 0.4);
    --dasol-orange-20: rgba(243, 154, 62, 0.2);
    
    --dasol-red-80: rgba(239, 95, 54, 0.8);
    --dasol-red-60: rgba(239, 95, 54, 0.6);
    --dasol-red-40: rgba(239, 95, 54, 0.4);
    --dasol-red-20: rgba(239, 95, 54, 0.2);
}

/* Bootstrap color overrides */
.bg-primary,
.btn-primary,
.badge-primary {
    background-color: var(--dasol-orange) !important;
    border-color: var(--dasol-orange) !important;
}

.bg-secondary {
    background-color: var(--dasol-yellow) !important;
    border-color: var(--dasol-yellow) !important;
}

.bg-dark {
    background-color: var(--dasol-black) !important;
    border-color: var(--dasol-black) !important;
}

.bg-light {
    background-color: var(--dasol-white) !important;
    border-color: var(--dasol-white) !important;
}

.bg-white {
    background-color: var(--dasol-white) !important;
}

/* Text colors */
.text-primary {
    color: var(--dasol-orange) !important;
}

.text-secondary {
    color: var(--dasol-yellow) !important;
}

.text-dark {
    color: var(--dasol-black) !important;
}

.text-light {
    color: var(--dasol-white) !important;
}

.text-white {
    color: var(--dasol-white) !important;
}

/* Border colors */
.border-primary {
    border-color: var(--dasol-orange) !important;
}

.border-secondary {
    border-color: var(--dasol-yellow) !important;
}

/* Button colors */
.btn-primary {
    background: linear-gradient(90deg, var(--dasol-red) 0%, var(--dasol-orange) 100%);
    border: none;
    color: var(--dasol-white);
    box-shadow: 0 4px 15px 0 rgba(239, 95, 54, 0.5), 0 8px 25px 0 rgba(243, 154, 62, 0.4);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(90deg, var(--dasol-red) 0%, var(--dasol-orange) 100%) !important;
    border: none !important;
    color: var(--dasol-white) !important;
    box-shadow: 0 6px 20px 0 rgba(239, 95, 54, 0.6), 0 10px 30px 0 rgba(243, 154, 62, 0.5) !important;
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: var(--dasol-yellow);
    border-color: var(--dasol-yellow);
    color: var(--dasol-black);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--dasol-orange) !important;
    border-color: var(--dasol-orange) !important;
    color: var(--dasol-white) !important;
}

.btn-outline-primary {
    color: var(--dasol-orange);
    border-color: var(--dasol-orange);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--dasol-orange) !important;
    border-color: var(--dasol-orange) !important;
    color: var(--dasol-white) !important;
}

/* Link colors */
a {
    color: var(--dasol-orange);
}

a:hover {
    color: var(--dasol-red);
}

/* Button link colors */
.btn-link {
    color: var(--dasol-orange) !important;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    color: var(--dasol-red) !important;
}

/* Navbar colors */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--dasol-orange) !important;
}

/* Remove any green colors */
.bg-success,
.text-success,
.border-success,
.btn-success {
    background-color: var(--dasol-orange) !important;
    border-color: var(--dasol-orange) !important;
    color: var(--dasol-white) !important;
}

/* Gradient overlays */
.gradient-overlay-dark {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.gradient-overlay-orange {
    background: linear-gradient(rgba(243, 154, 62, 0.8), rgba(239, 95, 54, 0.8));
}

/* Accent color utilities */
.bg-accent {
    background-color: var(--dasol-red) !important;
}

.text-accent {
    color: var(--dasol-red) !important;
}

.border-accent {
    border-color: var(--dasol-red) !important;
}

/* TikTok SVG icon styles */
.tiktok-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.btn-square .tiktok-icon,
.btn-social .tiktok-icon {
    width: 16px;
    height: 16px;
}

/* Navbar logo responsive */
.navbar-logo {
    height: 75px;
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .navbar-logo {
        height: 50px;
    }
}

/* Social icons hover effect */
.btn-social {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.btn-social:hover {
    color: var(--dasol-orange) !important;
    border-color: var(--dasol-orange) !important;
    background-color: transparent !important;
}

.btn-social:hover i,
.btn-social:hover img {
    color: var(--dasol-orange) !important;
}

/* Topbar social buttons */
.btn-link {
    color: #9B9B9B !important;
}

.btn-link:hover {
    color: var(--dasol-orange) !important;
}