/* ===========================
   TREBAX - Color & Brand Override
   =========================== */

:root {
    --trebax-blue:  #00b4d8;
    --trebax-cyan:  #00e5ff;
    --trebax-dark:  #050d18;
    --trebax-navy:  #0a1628;
    --trebax-mid:   #0d1f3c;
}

/* --- Primary accent color replacements --- */
.btn-murtes,
.quote-button,
.banner-button,
.support-button,
.cta-button,
.small-contact button,
.team-buttons .single-button:hover {
    background-color: var(--trebax-blue) !important;
    border-color: var(--trebax-blue) !important;
    color: #fff !important;
}

.section-title-2 .subtitle,
.single-reason .number,
.single-statics .number,
.service-details-button,
.part-text .special {
    color: var(--trebax-blue) !important;
}

.service-details-button:hover {
    background-color: var(--trebax-blue) !important;
    color: #fff !important;
}

.team-buttons .single-button {
    border-color: var(--trebax-blue) !important;
    color: var(--trebax-blue) !important;
}

.view-member-button {
    background-color: var(--trebax-blue) !important;
    border-color: var(--trebax-blue) !important;
}

/* --- Header --- */
.header-3 {
    background-color: var(--trebax-dark) !important;
}

.header-3 .support-area ul li a.quote-button {
    background-color: var(--trebax-blue) !important;
    border-color: var(--trebax-blue) !important;
}

.header-3 .support-area ul li a.user-button.active {
    background-color: var(--trebax-blue) !important;
    border-color: var(--trebax-blue) !important;
}

/* --- Logo size --- */
.header-3 .logo a img {
    max-height: 500px !important;
    width: auto !important;
}

/* --- Dark sections --- */
.statics.statics-2,
.support.support-3,
.footer.footer-2,
.copyright {
    background-color: var(--trebax-navy) !important;
}

.support.support-3 {
    background-color: var(--trebax-dark) !important;
}

.copyright {
    background-color: #020810 !important;
}

/* --- Support CTA button --- */
.support .part-cta .cta-button {
    background-color: var(--trebax-blue) !important;
    border-color: var(--trebax-blue) !important;
    color: #fff !important;
}

/* --- Preloader & misc --- */
#circle_square span {
    border-color: var(--trebax-blue) !important;
}

/* Hover states on nav */
.header-3 .mainmenu .navbar .navbar-nav .nav-item .nav-link:before,
.header-3 .mainmenu .navbar .navbar-nav .nav-item .nav-link:hover:before {
    background-color: var(--trebax-blue) !important;
}

/* ─── Banner h1: reducir tamaño para que no se corte ─── */
.banner-3 .banner-content h1 {
    font-size: 50px !important;
    line-height: 1.50 !important;
}
@media (max-width: 1200px) {
    .banner-3 .banner-content h1 {
        font-size: 40px !important;
    }
}
@media (max-width: 768px) {
    .banner-3 .banner-content h1 {
        font-size: 32px !important;
    }
}

/* ─── Choosing reason cards: misma altura para todos ─── */
.choosing-reason-2 .single-reason {
    min-height: 160px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ─── Statics: 3 columnas centradas en vez de 4 ─── */
.statics.statics-2 .single-statics {
    text-align: center;
}

/* ═══════════════════════════════════════════════
   IMÁGENES TECH – reemplazo con fondos CSS
   ═══════════════════════════════════════════════ */

/* Banners */
.banner-3 {
    background: linear-gradient(120deg, rgba(0,10,25,0.82) 0%, rgba(0,30,60,0.70) 100%),
        repeating-linear-gradient(45deg, rgba(0,180,216,0.04) 0px, rgba(0,180,216,0.04) 2px, transparent 2px, transparent 20px),
        linear-gradient(135deg, #020d1e 0%, #041428 40%, #061c38 70%, #0a2545 100%) !important;
    background-size: cover !important;
}
.banner-3.slide-1 {
    background: linear-gradient(120deg, rgba(0,10,25,0.6) 0%, rgba(0,30,60,0.5) 100%),
    url('../img/banner-3.jpg') center/cover no-repeat !important;
}
.banner-3.slide-2 {
    background: linear-gradient(120deg, rgba(0,10,25,0.6) 0%, rgba(0,30,60,0.5) 100%),
    url('../img/slide-2.jpg') center/cover no-repeat !important;
}
.banner-3.slide-3 {
    background: linear-gradient(120deg, rgba(0,10,25,0.6) 0%, rgba(0,30,60,0.5) 100%),
    url('../img/slide-3.jpg') center/cover no-repeat !important;
}

/* About section images */
.about-3 .part-img .main-img {
    filter: hue-rotate(190deg) saturate(1.3) brightness(0.85) !important;
}

/* Service cards – overlay tint so they all look tech-branded */
.single-servcie .part-img {
    position: relative;
    overflow: hidden;
}
.single-servcie .part-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,180,216,0.08) 0%, rgba(0,20,50,0.25) 100%);
    pointer-events: none;
}
.single-servcie .part-img img {
    filter: saturate(0.75) brightness(0.92) !important;
    transition: filter 0.4s ease, transform 0.4s ease;
}
.single-servcie:hover .part-img img {
    filter: saturate(1.1) brightness(1.0) !important;
    transform: scale(1.04);
}