/* Lineart específico do Kids na posição decorativa compartilhada. */
        .coastal-art {
            background-image: url("../../svg/decorative/kids-lineart.svg");
        }

        /* Cards de localização no mesmo tratamento editorial da home. */
        .kids-page .location-cards {
            grid-template-columns: repeat(3, minmax(0, 386px));
            justify-content: center;
        }

        .kids-page .location-card {
            position: relative;
            isolation: isolate;
            aspect-ratio: 2.65 / 4;
            overflow: hidden;
            border: 0;
            border-radius: 18px;
            background: var(--cacao-deep, #241813);
            box-shadow: 0 18px 45px rgba(46, 29, 20, .16);
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .kids-page .location-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 26px 55px rgba(46, 29, 20, .22);
        }

        .kids-page .location-card::after {
            position: absolute;
            z-index: 1;
            inset: 0;
            background: linear-gradient(
                to top,
                rgba(36, 24, 19, .94) 0%,
                rgba(36, 24, 19, .76) 30%,
                rgba(36, 24, 19, .24) 62%,
                rgba(36, 24, 19, 0) 82%
            );
            content: "";
            pointer-events: none;
        }

        .kids-page .location-card img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .7s cubic-bezier(.2, .8, .2, 1);
        }

        .kids-page .location-card:hover img {
            transform: scale(1.035);
        }

        .kids-page .location-card__copy {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 80px 28px 28px;
        }

        .kids-page .location-card h3 {
            margin-bottom: 10px;
            color: var(--paper, #fffdf8);
        }

        .kids-page .location-card p {
            color: rgba(255, 253, 248, .88);
        }

        /* Transição mais compacta entre atividades e unidades. */
        .kids-page #atividades {
            padding-bottom: clamp(44px, 4vw, 64px);
        }

        .kids-page #onde-encontrar {
            padding-top: clamp(44px, 4vw, 64px);
        }

        @media (max-width: 640px) {
            .kids-page .location-cards {
                grid-template-columns: 1fr;
            }

            .kids-page .location-card {
                aspect-ratio: 3 / 4;
            }

            .kids-page .location-card__copy {
                padding: 64px 22px 24px;
            }

            .kids-page #atividades {
                padding-bottom: 36px;
            }

            .kids-page #onde-encontrar {
                padding-top: 36px;
            }
        }

        /* Nova composição do destaque: azul claro, transição e painel escuro. */
        .kids-page .institutional-immersive {
            --kids-panel-light: #0066b2;
            --kids-panel-dark: #092f45;
            background: var(--kids-panel-dark);
        }

        .kids-page .institutional-immersive .immersive-slide {
            --slide-bg: var(--kids-panel-dark);
            --slide-fade: rgba(9, 47, 69, .58);
            background: var(--kids-panel-dark);
        }

        .kids-page .institutional-immersive .immersive-slide__photo {
            overflow: visible;
            background: var(--kids-panel-light);
            -webkit-clip-path: none;
            clip-path: none;
        }

        .kids-page .institutional-immersive .immersive-slide__photo::after {
            position: absolute;
            z-index: 1;
            inset: 0 -2px 0 auto;
            width: 46%;
            background: linear-gradient(
                90deg,
                rgba(9, 47, 69, 0) 0%,
                rgba(9, 47, 69, .18) 28%,
                rgba(9, 47, 69, .68) 72%,
                var(--kids-panel-dark) 100%
            );
            content: "";
            pointer-events: none;
        }

        .kids-page .institutional-immersive .immersive-slide__photo img {
            z-index: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            filter: none;
        }

        .kids-page .institutional-immersive .immersive-slide__content {
            position: relative;
            z-index: 3;
            max-width: 620px;
            background: var(--kids-panel-dark);
        }

        @media (max-width: 900px) {
            .kids-page .institutional-immersive,
            .kids-page .institutional-immersive .immersive-slide {
                height: auto;
                min-height: 0;
            }

            .kids-page .institutional-immersive .immersive-slide {
                grid-template-columns: 1fr;
            }

            .kids-page .institutional-immersive .immersive-slide__photo {
                height: 440px;
                min-height: 440px;
                overflow: hidden;
            }

            .kids-page .institutional-immersive .immersive-slide__photo::after {
                inset: auto 0 -2px;
                width: 100%;
                height: 48%;
                background: linear-gradient(
                    0deg,
                    var(--kids-panel-dark) 0%,
                    rgba(9, 47, 69, .68) 30%,
                    rgba(9, 47, 69, .16) 72%,
                    rgba(9, 47, 69, 0) 100%
                );
            }

            .kids-page .institutional-immersive .immersive-slide__photo img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                transform: none;
                object-fit: cover;
                object-position: center;
            }

            .kids-page .institutional-immersive .immersive-slide__content {
                max-width: none;
                margin: 0;
                padding: 34px 48px 96px;
            }
        }

        @media (max-width: 640px) {
            .kids-page .institutional-immersive .immersive-slide__photo {
                height: 400px;
                min-height: 400px;
            }

            .kids-page .institutional-immersive .immersive-slide__photo img {
                width: 100%;
                object-position: 52% center;
            }

            .kids-page .institutional-immersive .immersive-slide__content {
                margin: 0;
                padding: 24px 20px 78px;
            }
        }