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

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

.npsched-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wz-agendamento-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.wz-agendamento-phone {
    margin-top: 16px;
    font-weight: 600;
    color: #070534 !important;
}

.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(201, 107, 0, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(7, 5, 52, 0.92), rgba(7, 5, 52, 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;
}

@media (max-width: 1021px) {
    :root {
        --sched-frame-h: clamp(2050px, 215dvh, 2650px);
    }
}

@media (max-width: 1020px) {
    :root {
        --header-h: 88px;
        --sched-frame-h: clamp(2200px, 235dvh, 2850px);
    }

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

@media (max-width: 575.98px) {
    :root {
        --header-h: 104px;
        --sched-frame-h: clamp(2350px, 280dvh, 3200px);
    }

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

    .wz-agendamento-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .wz-agendamento-actions .btn {
        width: 100%;
    }
}