/* Custom styles for CV System landing page */

/* ========================================
   COLOR PALETTE: Black, White, Blue accents
   ======================================== */

:root {
    --base-color: #1f64cc;
    --yellow: #1f64cc;
    --dark-gray: #111827;
    --medium-gray: #6b7280;
}

/* Override green gradients → dark black/navy */
.bg-gradient-aztec-green {
    background-image: linear-gradient(to right bottom, #111827, #0f1520, #0d111a, #0a0e14, #080b10) !important;
}
.bg-gradient-deep-zuccini-green {
    background-image: linear-gradient(to right bottom, #0f172a, #0d1424, #0b111e, #090e19, #070b14) !important;
}

/* Override yellow accents → blue */
.text-yellow,
.btn-link.text-yellow,
a.text-yellow-hover:hover {
    color: var(--base-color) !important;
}
.bg-yellow {
    background-color: var(--base-color) !important;
}

/* Gallery carousel */
.gallery-carousel-section .services-box-style-03 .bg-white > div {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-carousel-section .services-box-style-03 img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.gallery-carousel-section .services-box-style-03 {
    background: #fff;
}
.gallery-carousel-section .swiper-slide {
    height: auto;
}

/* "Conoce nuestros servicios" stat circles → blue tint instead of gray */
.services-box-style-07 .rounded-circle.bg-very-light-gray {
    background-color: rgba(31, 100, 204, 0.1) !important;
}

/* "¿Por qué elegir?" person image — full visible, bottom-aligned */
.por-que-img {
    max-height: 650px;
    object-fit: contain;
    object-position: bottom;
    display: block;
}
@media (max-width: 991px) {
    .por-que-img {
        max-height: 350px;
        margin: 0 auto;
    }
}

/* Hero heading: reduce size on very small screens */
@media (max-width: 375px) {
    h1.fs-80 {
        font-size: 40px !important;
        line-height: 46px !important;
    }
}

/* Contact buttons: no text wrap */
#contacto .d-flex .btn {
    white-space: nowrap;
}

/* Feature card with bg-yellow (now blue) needs white text */
.icon-with-text-style-04 .bg-yellow .feature-box-content span,
.icon-with-text-style-04 .bg-yellow .feature-box-content p {
    color: #fff !important;
}
.icon-with-text-style-04 .bg-yellow .feature-box-icon i {
    color: #fff !important;
}
/* On hover, allow the light-hover dark-gray to show above the white overlay */
.icon-with-text-style-04 .bg-yellow.hover-box.light-hover:hover .feature-box-content span,
.icon-with-text-style-04 .bg-yellow.hover-box.light-hover:hover .feature-box-content p,
.icon-with-text-style-04 .bg-yellow.hover-box.light-hover:hover .feature-box-icon i {
    color: var(--dark-gray) !important;
}