/* Variáveis globais */
:root {
    --header-h: 72px;
}

/* altura aproximada do menu/header */
:root {
    --sched-h: clamp(100dvh, 1775px, 1900px);
}

/* clamp(min, ideal, max):
                   - min: 100dvh = altura mínima igual à viewport
                   - ideal: alvo de altura desejada
                   - max: não ultrapassa esse limite */

html,
body {
    height: 100%;
    margin: 0;
    overflow: auto;
}

/* Remove padding padrão desta seção da agenda */
.npsched-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* --------- WRAPPER da agenda ---------
                   Espaço “dentro” do bloco é dado por padding do wrapper.
                   Use as variáveis abaixo para ajustar topo/rodapé sem tocar no conteúdo do iframe. */
.agenda {
    /* Espaçamento visual "dentro" do iframe feito pelo padding do wrapper */
    /* --sched-top: espaço no topo acima do iframe */
    /* --sched-bottom: espaço no rodapé abaixo do iframe */
    --sched-top: 24px;
    --sched-bottom: 40px;

    width: 100%;
    height: var(--sched-h);
    background: #f4f4f4;
    padding: var(--sched-top) 0 var(--sched-bottom);
    border-radius: 0;
    overflow: visible;
    /* quem rola é a página, não o iframe */
}

/* --------- IFRAME ---------
                   Altura calculada = altura alvo do bloco - espaços de topo/rodapé */
.agenda iframe {
    display: block;
    border: 0;
    width: 100%;
    height: calc(var(--sched-h) - var(--sched-top) - var(--sched-bottom));
    background: transparent;
    overflow: hidden;
    /* oculta barras dentro do iframe */
}

/* --------- BREAKPOINTS RESPONSIVOS ---------
                   Rótulos em português para referência de dispositivos. */

/* Até 1199px → notebooks menores / telas intermediárias */
@media (max-width: 1021.00px) {
    :root {
        --sched-h: clamp(100dvh, 2070px, 2100px);
    }
}

/* Até 991px → tablets (ex.: iPad em modo retrato) */
@media (max-width: 1020.00px) {
    :root {
        --header-h: 88px;
        --sched-h: clamp(100dvh, 2165px, 2200px);
    }

    .agenda {
        --sched-top: 16px;
        --sched-bottom: 32px;
    }
}

/* Até 575px → celulares (mobile) */
@media (max-width: 360.00px) {
    :root {
        --header-h: 104px;
        --sched-h: clamp(100dvh, 2130px, 2200px);
    }

    .agenda {
        --sched-top: 8px;
        --sched-bottom: 24px;
    }
}