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

:root {
    --sched-frame-h: clamp(1800px, 185dvh, 2400px);
}

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 {
    --sched-top: 24px;
    --sched-bottom: 40px;

    width: 100%;
    min-height: calc(var(--sched-frame-h) + var(--sched-top) + var(--sched-bottom));
    background: #f4f4f4;
    padding: var(--sched-top) 0 var(--sched-bottom);
    border-radius: 0;
    overflow: hidden;
}

.agenda.agenda--bloqueada {
    min-height: clamp(420px, calc(100dvh - var(--header-h)), 720px);
    height: clamp(420px, calc(100dvh - var(--header-h)), 720px);
    padding: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 25% 15%, rgba(234, 96, 24, 0.14), transparent 30%),
        linear-gradient(135deg, rgba(26, 52, 60, 0.92), rgba(26, 52, 60, 0.72));
}

.agenda.agenda--bloqueada iframe {
    min-height: 100%;
    height: 100%;
}

.agenda iframe {
    display: block;
    border: 0;
    width: 100%;
    min-height: var(--sched-frame-h);
    height: var(--sched-frame-h);
    background: transparent;
    overflow: auto;
}

/* --------- 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-frame-h: clamp(2050px, 215dvh, 2650px);
    }
}

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

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

/* Até 575px → celulares (mobile) */
@media (max-width: 575.98px) {
    :root {
        --header-h: 104px;
        --sched-frame-h: clamp(2350px, 280dvh, 3200px);
    }

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