/* Identidade Gallo Praia sobre o sistema compartilhado das unidades. */
:root { --teal: #087e89; }

.coastal-art {
    background-image: url("../../svg/decorative/gallo-porto-beach-lineart.svg");
}

.immersive-slide--sunset {
    --slide-bg: #174f5c;
    --slide-fade: rgba(23, 79, 92, .46);
}

.immersive-slide--external {
    --slide-bg: #4a8a6f;
    --slide-fade: rgba(74, 138, 111, .5);
}

.immersive-slide--internal {
    --slide-bg: #a97b4f;
    --slide-fade: rgba(169, 123, 79, .5);
}

.kids-highlight { background-color: #174f5c; }

.immersive-slide .eyebrow { color: #f0bd62; }

.menu-modal__panel { max-width: 100%; min-width: 0; }
.menu-modal__desktop-pages--portrait { grid-template-columns: minmax(0, 1fr); }
.menu-modal__desktop-pages--portrait figure { min-width: 0; background: #fff; }
.menu-modal__desktop-pages--portrait img { display: block; width: 100%; height: auto; }

@media (max-width: 700px), (max-height: 500px) {
    .coastal-art {
        width: 100vw;
        height: 300px;
        background-position: calc(50% + 96px) calc(100% + 60px);
        background-size: contain;
    }

    .menu-modal__panel { min-width: 0; }
    .menu-modal__mobile-pages figure {
        display: block;
        aspect-ratio: auto;
        border: 0;
        background: #fff;
        box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
    }
    .menu-modal__mobile-pages img { display: block; width: 100%; height: auto; object-fit: contain; }
    .menu-modal__mobile-pages span { display: none; }
}