/*
 * Superficie cyan unificada (referencia: .testimonial-section)
 * Fondo #eafcfe + decoración testimonial-sideimage a la derecha.
 */

:root {
    --iadev-surface-cyan: #eafcfe;
    --iadev-surface-deco: url('../images/testimonial-sideimage.png');
}

.section-surface--cyan,
.about-section,
.managed-section,
.study-section,
.trust-conversion-section,
.autom-section,
.casos-reales-section,
.blog-home-section,
.faq-section:not(.servicio-faq),
.diagnose-landing,
.casos-reales-ia-page,
.gracias-diagnostico-section,
.politica-privacidad-section,
body.page-inner .blog-main,
body.page-inner .blog-shell:not(.servicio-landing-root),
body.page-inner .servicio-landing-root {
    background-color: var(--iadev-surface-cyan) !important;
    background-image: none !important;
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
}

body.page-inner .content-wrapper,
body.page-inner main#main-content,
body.page-inner .dynamic-section-shell {
    overflow: visible;
}

/* Landing diagnóstico: formulario largo sin recorte en viewports bajos */
.diagnose-landing {
    padding-top: clamp(28px, 4vw, 48px) !important;
    padding-bottom: clamp(88px, 12vw, 160px) !important;
}

.diagnose-landing .diagnose-landing__form-panel {
    max-height: none;
    overflow: visible;
}

@media (max-height: 920px) and (min-width: 992px) {
    .diagnose-landing .diagnose-landing__form-panel {
        max-height: calc(100dvh - var(--header-offset, 89px) - 2.5rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable;
    }
}

@media (max-width: 991px) {
    .diagnose-landing .diagnose-landing__form-panel {
        max-height: none;
        overflow: visible;
    }
}

.section-surface--cyan::before,
.about-section::before,
.managed-section::before,
.study-section::before,
.trust-conversion-section::before,
.autom-section::before,
.casos-reales-section::before,
.blog-home-section::before,
.faq-section:not(.servicio-faq)::before,
.diagnose-landing::before,
.casos-reales-ia-page::before,
.gracias-diagnostico-section::before,
.politica-privacidad-section::before,
body.page-inner .blog-main::before,
body.page-inner .blog-shell:not(.servicio-landing-root)::before,
body.page-inner .servicio-landing-root::before {
    content: "";
    position: absolute;
    right: -106px;
    top: -32px;
    width: clamp(260px, 36vw, 520px);
    height: clamp(260px, 36vw, 520px);
    background: var(--iadev-surface-deco) no-repeat right top / contain;
    pointer-events: none;
    z-index: 0;
}

.section-surface--cyan > .container,
.about-section > .container,
.managed-section > .container,
.study-section > .container,
.trust-conversion-section > .container,
.autom-section > .container,
.autom-section > .autom-section__backdrop + .container,
.casos-reales-section > .container,
.casos-reales-section > .casos-reales-section__backdrop + .container,
.blog-home-section > .container,
.faq-section:not(.servicio-faq) > .container,
.diagnose-landing > .container,
.casos-reales-ia-page > .container,
.gracias-diagnostico-section > .container,
.politica-privacidad-section > .container,
body.page-inner .blog-main > .container,
body.page-inner .blog-main > section > .container,
body.page-inner .blog-shell > .container,
body.page-inner .servicio-landing-root > .container {
    position: relative;
    z-index: 1;
}

body.page-inner .blog-main > section {
    position: relative;
    z-index: 1;
}

body.page-inner .blog-main.section-surface--cyan .blog-shell {
    background: transparent !important;
}

body.page-inner .blog-main.section-surface--cyan .blog-shell::before {
    display: none;
}

@media (max-width: 991px) {
    .section-surface--cyan::before,
    .about-section::before,
    .managed-section::before,
    .study-section::before,
    .trust-conversion-section::before,
    .autom-section::before,
    .casos-reales-section::before,
    .blog-home-section::before,
    .faq-section:not(.servicio-faq)::before,
    .diagnose-landing::before,
    .casos-reales-ia-page::before,
    .gracias-diagnostico-section::before,
    .politica-privacidad-section::before,
    body.page-inner .blog-main::before,
    body.page-inner .blog-shell:not(.servicio-landing-root)::before,
    body.page-inner .servicio-landing-root::before {
        display: none;
    }
}
