/* CentroJom: acercamiento fijo del equipo real; sin animación de escala. */
.cj-site .cj-hero-art.cj-hero-photos .cj-hero-photo-tomatis {
    transform: scale(1.28);
    transform-origin: 55% 0;
}

/* La composición de escritorio amplia mantiene el texto sobre un velo claro. */
@media (min-width: 1200px) {
    .cj-site .cj-hero.cj-hero-panorama {
        position: relative;
        isolation: isolate;
        padding-block: 0;
        background: #fbf8f3;
    }
    .cj-site .cj-hero-panorama .cj-hero-grid {
        position: static;
        display: flex;
        align-items: center;
        min-height: clamp(470px, 42vw, 540px);
        padding-block: 40px;
    }
    .cj-site .cj-hero-panorama .cj-hero-copy {
        position: relative;
        z-index: 2;
        flex: 0 1 610px;
        width: 52%;
        max-width: 52%;
    }
    .cj-site .cj-hero-panorama .cj-hero-copy h1 { max-width: 14ch; }
    .cj-site .cj-hero-panorama .cj-hero-art.cj-hero-photos {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        aspect-ratio: auto;
        margin: 0;
        border-radius: 0;
        background: #fbf8f3;
    }
    .cj-site .cj-hero-panorama .cj-hero-art.cj-hero-photos .cj-hero-photo {
        object-fit: cover;
        object-position: 50% 4%;
        background: #fbf8f3;
    }
    .cj-site .cj-hero-panorama .cj-hero-art.cj-hero-photos .cj-hero-photo-tomatis {
        transform: none;
        object-position: 50% 0;
    }
    .cj-site .cj-hero-panorama .cj-hero-photos::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;
        background: linear-gradient(90deg,
            rgb(251 248 243 / 98%) 0%,
            rgb(251 248 243 / 96%) 28%,
            rgb(251 248 243 / 88%) 40%,
            rgb(251 248 243 / 52%) 51%,
            rgb(251 248 243 / 8%) 66%,
            rgb(251 248 243 / 0%) 80%);
    }
    .cj-site .cj-hero-panorama .cj-hero-photos:has(.cj-hero-photo-portrait.is-active)::after {
        background: linear-gradient(90deg,
            rgb(251 248 243 / 98%) 0%,
            rgb(251 248 243 / 96%) 28%,
            rgb(251 248 243 / 88%) 40%,
            rgb(251 248 243 / 49%) 50%,
            rgb(251 248 243 / 4%) 63%,
            rgb(251 248 243 / 0%) 74%);
    }
    .cj-site .cj-hero-panorama .cj-hero-photos-toggle {
        z-index: 4;
        right: max(16px, calc((100vw - 1184px) / 2));
        bottom: 16px;
    }
}

/* El cerebro y sus puntos comparten el mismo recorte centrado de la fotografía. */
@media (min-width:1200px) {
 .cj-site .cj-hero-panorama .cj-hero-art.cj-hero-photos .cj-hero-photo-brain { object-position:50% 50%; }
 .cj-site .cj-hero-panorama .cj-hero-art.cj-hero-photos .cj-hero-brain-lights { inset:0; width:100%; height:100%; aspect-ratio:auto; }
}