/* ============================================
   FONDOS PARA PESTANAS (excepto Inicio)
   Solo estilo visual; no cambia el contenido
   ============================================ */

#proyectos .content > .card-oneleven,
#servicios .content > .card-oneleven,
#recursos .content > .card-oneleven,
#contacto .content > .card-oneleven {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(71, 205, 255, 0.26);
    background:
        radial-gradient(circle at 20% 20%, rgba(45, 210, 255, 0.14), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(65, 150, 255, 0.12), transparent 42%),
        radial-gradient(circle at 50% 95%, rgba(8, 40, 95, 0.3), transparent 55%),
        linear-gradient(140deg, rgba(2, 11, 30, 0.92), rgba(3, 20, 50, 0.9));
}

#proyectos .content > .card-oneleven::before,
#servicios .content > .card-oneleven::before,
#recursos .content > .card-oneleven::before,
#contacto .content > .card-oneleven::before {
    content: "";
    position: absolute;
    inset: -18%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
    background:
        radial-gradient(circle, rgba(126, 225, 255, 0.8) 0 1.2px, transparent 1.2px) 0 0 / 110px 110px,
        radial-gradient(circle, rgba(98, 204, 255, 0.68) 0 1px, transparent 1px) 28px 36px / 130px 130px,
        repeating-linear-gradient(25deg, transparent 0 38px, rgba(109, 204, 255, 0.16) 38px 39px, transparent 39px 88px),
        repeating-linear-gradient(-18deg, transparent 0 42px, rgba(86, 185, 255, 0.14) 42px 43px, transparent 43px 90px);
    animation: sectionConstellationDrift 26s linear infinite;
}

#proyectos .content > .card-oneleven::after,
#servicios .content > .card-oneleven::after,
#recursos .content > .card-oneleven::after,
#contacto .content > .card-oneleven::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 55%, transparent 0 34%, rgba(0, 0, 0, 0.26) 76%, rgba(0, 0, 0, 0.44) 100%),
        linear-gradient(180deg, rgba(4, 13, 31, 0.05) 0%, rgba(4, 13, 31, 0.35) 100%);
}

#proyectos .content > .card-oneleven > *,
#servicios .content > .card-oneleven > *,
#recursos .content > .card-oneleven > *,
#contacto .content > .card-oneleven > * {
    position: relative;
    z-index: 1;
}

#proyectos .content > .card-oneleven::before {
    animation-duration: 30s;
}

#servicios .content > .card-oneleven::before {
    animation-duration: 34s;
    opacity: 0.5;
}

#recursos .content > .card-oneleven::before {
    animation-duration: 28s;
    opacity: 0.58;
}

#contacto .content > .card-oneleven::before {
    animation-duration: 32s;
    opacity: 0.52;
}

@keyframes sectionConstellationDrift {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(-2.5%, -1.8%, 0) scale(1.03);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    #proyectos .content > .card-oneleven::before,
    #servicios .content > .card-oneleven::before,
    #recursos .content > .card-oneleven::before,
    #contacto .content > .card-oneleven::before {
        animation: none;
    }
}