/* Efectos al pasar el mouse en bloques editables del sitio */

.service-card,
.sj-service-card,
.nos-pillar,
.nos-valor-card,
.sector-slide-inner,
.sj-blog-card,
.certifications-card,
.nos-intro .container,
.nos-pillars .container,
.nos-valores .container,
.nos-clientes .container,
.trabaja-vacante-card,
.sj-svc-detail-card,
.sj-svc-section-item,
.sj-svc-contact-inner,
.sj-svc-hub-card {
    transition:
        transform .4s cubic-bezier(.22, 1, .36, 1),
        box-shadow .4s ease,
        border-color .35s ease;
}

.service-card,
.sj-service-card {
    position: relative;
    overflow: hidden;
}

.service-card::before,
.sj-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -130%;
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(99, 208, 245, .18), transparent);
    transform: skewX(-16deg);
    transition: left .6s ease;
    z-index: 2;
    pointer-events: none;
}

.service-card:hover,
.sj-service-card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 20px 44px rgba(0, 119, 200, .18);
    border-color: rgba(0, 119, 200, .28);
}

.service-card:hover::before,
.sj-service-card:hover::before {
    left: 140%;
}

.service-media img,
.sj-service-media img {
    transition: transform .5s ease, filter .5s ease;
}

.service-card:hover .service-media img,
.sj-service-card:hover .sj-service-media img {
    transform: scale(1.06);
    filter: saturate(1.08);
}

.sector-slide-inner {
    transition:
        transform .4s cubic-bezier(.22, 1, .36, 1),
        box-shadow .4s ease,
        border-color .35s ease;
}

.sectors-carousel .sector-slide:hover .sector-slide-inner {
    transform: translateY(-6px) rotate(-.4deg);
    box-shadow: 0 16px 36px rgba(0, 119, 200, .2);
    border-color: rgba(0, 119, 200, .35);
}

.sector-slide-inner img {
    transition: transform .5s ease;
}

.sectors-carousel .sector-slide:hover .sector-slide-inner img {
    transform: scale(1.05);
}

.nos-pillar:hover,
.nos-valor-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 34px rgba(3, 27, 64, .14);
}

.nos-valor-card:hover {
    transform: translateY(-6px) scale(1.03);
}

.nos-intro .container:hover,
.nos-pillars .container:hover,
.nos-valores .container:hover,
.nos-clientes .container:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(3, 27, 64, .12);
}

.certifications-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 46px rgba(0, 119, 200, .18);
}

.trabaja-vacante-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(0, 119, 200, .15);
    border-color: rgba(0, 119, 200, .3);
}

.sj-svc-detail-media img,
.sj-svc-section-media img {
    transition: transform .5s ease, filter .5s ease;
}

.sj-svc-detail-card:hover .sj-svc-detail-media img,
.sj-svc-section-item:hover .sj-svc-section-media img {
    transform: scale(1.06);
    filter: saturate(1.1);
}

.sj-svc-detail-card:hover {
    box-shadow: 0 20px 48px rgba(0, 119, 200, .12);
    border-color: rgba(0, 119, 200, .28);
}

.sj-svc-hub-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 22px 44px rgba(0, 119, 200, .22);
}

@media (prefers-reduced-motion: reduce) {
    .service-card,
    .sj-service-card,
    .nos-pillar,
    .nos-valor-card,
    .sector-slide-inner,
    .sj-blog-card,
    .certifications-card,
    .nos-intro .container,
    .nos-pillars .container,
    .nos-valores .container,
    .nos-clientes .container,
    .trabaja-vacante-card,
    .sj-svc-detail-card,
    .sj-svc-section-item,
    .sj-svc-contact-inner,
    .sj-svc-hub-card,
    .sj-svc-detail-media img,
    .sj-svc-section-media img,
    .service-media img,
    .sj-service-media img,
    .sector-slide-inner img {
        transition: none !important;
    }

    .service-card:hover,
    .sj-service-card:hover,
    .nos-pillar:hover,
    .nos-valor-card:hover,
    .sector-slide-inner:hover,
    .nos-intro .container:hover,
    .nos-pillars .container:hover,
    .nos-valores .container:hover,
    .nos-clientes .container:hover,
    .certifications-card:hover,
    .trabaja-vacante-card:hover,
    .sj-svc-detail-card:hover,
    .sj-svc-section-item:hover,
    .sj-svc-contact-inner:hover,
    .sj-svc-hub-card:hover {
        transform: none !important;
    }
}