.elementor-88 .elementor-element.elementor-element-82ddf74{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-88 .elementor-element.elementor-element-82ddf74{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-88 .elementor-element.elementor-element-82ddf74{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-4649561 *//* =========================================================
   SUBZERO — MOTOPRESS APPOINTMENT BOOKING
   VERSAO CORRIGIDA — 2026-09-10
   Baseada na "VERSAO FINAL — LIMPA / COMPACTA / RESPONSIVA"
   Correcoes cirurgicas sobre causas raiz reais (ver relatorio)
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 {
    --sz-navy:#082f5e;
    --sz-navy-dark:#041f40;
    --sz-blue:#1689f5;
    --sz-blue-strong:#0b7ee8;
    --sz-light:#eef7ff;
    --sz-border:#d7e7f6;
    --sz-text:#102b4d;
    --sz-muted:#60748b;
    --sz-white:#ffffff;

    width:100%;
    max-width:1100px;
    margin:0 auto !important;
    padding:12px 18px 26px !important;
    box-sizing:border-box;

    color:var(--sz-text);
    font-family:inherit;
}


/* =========================================================
   TOPO DA PAGINA
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561::before {
    content:"Agende seu atendimento\A Escolha o serviço e reserve o melhor horário para você.";
    white-space:pre-line;

    display:block;
    width:100%;
    max-width:1080px;

    margin:0 auto 20px;
    padding:84px 20px 18px;

    box-sizing:border-box;

    background:
        url("https://iplaydigital.com.br/wp-content/uploads/2026/09/ChatGPT_Image_7_de_set._de_2026__01_27_49-removebg-preview.png")
        center 5px / 155px auto no-repeat,
        linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);

    border:1px solid #e1ebf5;
    border-radius:20px;

    box-shadow:0 9px 26px rgba(8,47,94,.055);

    color:var(--sz-navy);

    text-align:center;
    font-size:23px;
    line-height:1.35;
    font-weight:700;
}

.elementor-88 .elementor-element.elementor-element-4649561::after {
    content:none !important;
    display:none !important;
}


/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .elementor-shortcode {
    width:100% !important;
    max-width:1080px !important;

    margin:0 auto !important;
    padding:26px 30px !important;

    box-sizing:border-box !important;

    background:#ffffff !important;

    border:1px solid #e0eaf4 !important;
    border-radius:20px !important;

    box-shadow:0 12px 34px rgba(8,47,94,.055) !important;

    overflow:visible !important;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 form {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Primeira tela: respiro extra entre o campo Servico e o botao Proximo */
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-service-wrapper {
    margin-bottom:18px !important;
}


/* =========================================================
   TITULOS / TEXTOS
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 h1,
.elementor-88 .elementor-element.elementor-element-4649561 h2,
.elementor-88 .elementor-element.elementor-element-4649561 h3,
.elementor-88 .elementor-element.elementor-element-4649561 h4 {
    color:var(--sz-navy) !important;
    font-family:inherit !important;
    font-weight:700 !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 p {
    color:var(--sz-muted) !important;
    line-height:1.4 !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 label {
    display:block !important;

    margin:0 0 6px !important;

    color:var(--sz-navy) !important;

    font-size:15px !important;
    font-weight:600 !important;
}


/* =========================================================
   CAMPOS
   NAO ALTERA CAMPOS INTERNOS DO CALENDARIO
   Campo de telefone (input[type="tel"]) e excluido daqui e
   estilizado em sua propria secao mais abaixo, pois precisa
   de padding-left assimetrico para nao ficar atras da bandeira.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 form input:not([type="submit"]):not([type="button"]):not(.numInput):not([type="tel"]),
.elementor-88 .elementor-element.elementor-element-4649561 form select:not(.flatpickr-monthDropdown-months),
.elementor-88 .elementor-element.elementor-element-4649561 form textarea {
    width:100% !important;

    min-height:50px !important;

    padding:11px 14px !important;

    box-sizing:border-box !important;

    background:#fff !important;
    color:var(--sz-text) !important;

    border:1px solid #cfdfed !important;
    border-radius:12px !important;

    box-shadow:none !important;
    outline:none !important;

    font-family:inherit !important;
    font-size:16px !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 form textarea {
    min-height:84px !important;
    resize:vertical !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 form input:focus,
.elementor-88 .elementor-element.elementor-element-4649561 form select:focus,
.elementor-88 .elementor-element.elementor-element-4649561 form textarea:focus {
    border-color:var(--sz-blue) !important;

    box-shadow:
        0 0 0 3px rgba(22,137,245,.10) !important;
}


/* =========================================================
   BOTOES
   .mpa-time-period tambem carrega a classe .button, por isso
   e explicitamente excluido aqui: ele tem estilo proprio
   (selecionado/nao selecionado) na secao HORARIOS.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 button:not(.mpa-time-period),
.elementor-88 .elementor-element.elementor-element-4649561 input[type="submit"],
.elementor-88 .elementor-element.elementor-element-4649561 input[type="button"],
.elementor-88 .elementor-element.elementor-element-4649561 .button:not(.mpa-time-period),
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-button,
.elementor-88 .elementor-element.elementor-element-4649561 a.mpa-button {
    min-height:48px !important;

    padding:11px 24px !important;

    border:0 !important;
    border-radius:13px !important;

    background:
        linear-gradient(
            135deg,
            #1689f5 0%,
            #0b6fcf 48%,
            #082f5e 100%
        ) !important;

    color:#ffffff !important;

    font-family:inherit !important;
    font-size:15px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(8,47,94,.17) !important;

    cursor:pointer !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 button:not(.mpa-time-period):hover,
.elementor-88 .elementor-element.elementor-element-4649561 input[type="submit"]:hover,
.elementor-88 .elementor-element.elementor-element-4649561 input[type="button"]:hover,
.elementor-88 .elementor-element.elementor-element-4649561 .button:not(.mpa-time-period):hover,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-button:hover {
    transform:translateY(-1px) !important;

    box-shadow:
        0 11px 25px rgba(8,47,94,.22) !important;
}


/* =========================================================
   VOLTAR
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-back-button,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-button-secondary {
    background:#ffffff !important;

    color:var(--sz-navy) !important;

    border:1px solid #b9cee2 !important;

    box-shadow:none !important;
}


/* =========================================================
   AREA DOS BOTOES
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-actions,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-step-actions,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-form-actions {
    display:flex !important;

    width:100% !important;

    justify-content:flex-end !important;
    align-items:center !important;

    gap:10px !important;

    margin-top:14px !important;
}


/* =========================================================
   CALENDARIO
   DEIXA A ESTRUTURA NATIVA DO FLATPICKR TRABALHAR
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-calendar {
    box-sizing:border-box !important;

    background:#ffffff !important;

    border:1px solid var(--sz-border) !important;
    border-radius:14px !important;

    box-shadow:
        0 7px 20px rgba(8,47,94,.05) !important;

    overflow:hidden !important;
}


/* CABECALHO */

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-months {
    min-height:44px !important;

    background:var(--sz-navy) !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-month {
    color:#ffffff !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-current-month {
    color:#ffffff !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-current-month input.cur-year,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-monthDropdown-months {
    min-height:0 !important;

    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    color:#ffffff !important;

    font-size:15px !important;
    font-weight:700 !important;
}

/* Largura fixa e compacta para o input do ano.
   width:auto (versao anterior) fazia o input assumir a largura
   padrao do navegador (~180px), estourando a linha e empurrando
   o ano para baixo, onde ficava cortado pelo overflow:hidden do
   calendario. 44px comporta 4 digitos com folga. */
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-current-month .numInputWrapper {
    width:44px !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-current-month .numInputWrapper span {
    display:none !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-prev-month svg,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-next-month svg {
    fill:#ffffff !important;
}


/* DIAS DA SEMANA */

.elementor-88 .elementor-element.elementor-element-4649561 span.flatpickr-weekday {
    color:#5e7186 !important;

    font-size:12px !important;
}


/* DIAS */

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day {
    border-radius:9px !important;

    color:var(--sz-text) !important;

    font-size:13px !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day:hover {
    background:var(--sz-light) !important;

    border-color:var(--sz-light) !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.selected,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.startRange,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.endRange {
    background:var(--sz-blue) !important;

    border-color:var(--sz-blue) !important;

    color:#ffffff !important;
}

/* Dias indisponiveis (passado, fins de semana, fora do mes)
   precisam ficar visivelmente apagados. Sem esta regra eles
   herdavam a mesma cor de texto (--sz-text) dos dias
   disponiveis, ficando indistinguiveis. */
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.flatpickr-disabled,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.flatpickr-disabled:hover,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.prevMonthDay,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.nextMonthDay,
.elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day.notAllowed {
    color:#c3d2e3 !important;
    background:transparent !important;
    border-color:transparent !important;
    cursor:not-allowed !important;
}


/* =========================================================
   HORARIOS
   Classes reais renderizadas pelo MotoPress:
   .mpa-time-period (base) e .mpa-time-period-selected (estado
   selecionado). As classes usadas na versao anterior
   (.mpa-time-slot / .mpa-time-slot-button) nao existem no DOM
   e por isso nunca foram aplicadas — quem realmente controlava
   a aparencia dos horarios era a regra generica de botoes
   (secao BOTOES), que usa background-image em gradiente e por
   isso deixava selecionado e nao selecionado identicos. Por
   isso .mpa-time-period foi excluido da regra generica acima.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-period {
    min-width:0 !important;

    min-height:42px !important;

    padding:8px 14px !important;

    margin:0 !important;

    background:#f7fbff !important;

    color:var(--sz-navy) !important;

    border:1px solid #cee0ef !important;
    border-radius:10px !important;

    box-shadow:none !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-weight:600 !important;

    white-space:nowrap !important;

    cursor:pointer !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-period:hover {
    background:var(--sz-light) !important;

    border-color:var(--sz-blue) !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-period.mpa-time-period-selected {
    background:var(--sz-blue) !important;

    border-color:var(--sz-blue) !important;

    color:#ffffff !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-period.mpa-time-period-selected:hover {
    background:var(--sz-blue-strong) !important;

    border-color:var(--sz-blue-strong) !important;
}


/* =========================================================
   RESERVA / RESUMO
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-reservation,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-order,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-summary,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-reservation-details,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-details {
    width:100% !important;

    box-sizing:border-box !important;

    margin:10px 0 12px !important;
    padding:14px 16px !important;

    background:#f6faff !important;

    border:1px solid #d5e6f4 !important;
    border-radius:13px !important;
}


/* =========================================================
   PRECO ZERO / SOB AVALIACAO
   O MotoPress ja marca programaticamente todo preco igual a
   zero com a classe .mpa-zero-price (confirmado no DOM real:
   servicos pagos nunca recebem essa classe, em nenhum dos 3
   locais onde o preco aparece -- celula "Preco" do resumo,
   linha "Total:" do resumo, e tabela "Seu pedido"). Por isso a
   deteccao aqui e 100% programatica, nao depende do texto
   "Free" nem de nenhuma string de preco, e vale automaticamente
   para qualquer servico atual ou futuro com preco zero.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-zero-price {
    font-size:0 !important;
    line-height:0 !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-zero-price::before {
    content:"Valor após avaliação";

    font-size:15px !important;
    line-height:normal !important;
    font-weight:700 !important;

    color:var(--sz-blue) !important;
}

/* Observacao discreta, exibida somente junto do preco zerado
   no resumo da reserva (mesma condicao acima). */
.elementor-88 .elementor-element.elementor-element-4649561 .cell-price:has(.mpa-zero-price)::after {
    content:"O valor será definido após a avaliação do serviço e das condições do local.";

    display:block;

    margin-top:4px;

    color:var(--sz-muted) !important;

    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
}



/* =========================================================
   TABELAS
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 table {
    width:100% !important;

    border-collapse:collapse !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 table td,
.elementor-88 .elementor-element.elementor-element-4649561 table th {
    padding:8px !important;

    vertical-align:top !important;

    border-color:#e1eaf3 !important;

    color:var(--sz-text) !important;
}


/* =========================================================
   PRECOS
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-price,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-service-price {
    color:var(--sz-blue) !important;

    font-weight:700 !important;
}


/* =========================================================
   TELEFONE
   Regra auto-contida (nao depende mais da regra generica de
   campos, da qual foi excluida acima). A causa raiz do numero
   digitado ficar escondido atras da bandeira/+55 era conflito
   de especificidade: a regra generica de campos e esta regra
   tinham a mesma especificidade e ambas usavam !important; a
   generica vinha depois no arquivo e vencia, aplicando
   padding-left:11px em vez dos 105px/102px definidos aqui.
   Larguras da bandeira (94px/92px) conferidas via
   getBoundingClientRect() e mantidas iguais as anteriores.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .iti,
.elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input {
    display:block !important;
    width:100% !important;

    position:relative !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .iti input[type="tel"],
.elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input input[type="tel"] {
    width:100% !important;

    min-height:50px !important;

    padding:11px 14px 11px 105px !important;

    box-sizing:border-box !important;

    background:#fff !important;
    color:var(--sz-text) !important;

    border:1px solid #cfdfed !important;
    border-radius:12px !important;

    box-shadow:none !important;
    outline:none !important;

    font-family:inherit !important;
    font-size:16px !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .iti input[type="tel"]:focus,
.elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input input[type="tel"]:focus {
    border-color:var(--sz-blue) !important;

    box-shadow:0 0 0 3px rgba(22,137,245,.10) !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .iti__country-container,
.elementor-88 .elementor-element.elementor-element-4649561 .iti__flag-container,
.elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input .flag-container {
    position:absolute !important;

    left:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:94px !important;

    z-index:2 !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .iti__selected-country,
.elementor-88 .elementor-element.elementor-element-4649561 .iti__selected-flag,
.elementor-88 .elementor-element.elementor-element-4649561 .selected-flag {
    width:94px !important;
    height:100% !important;

    padding:0 10px !important;

    display:flex !important;
    align-items:center !important;

    box-sizing:border-box !important;

    background:#f5f7f9 !important;

    border-radius:
        11px
        0
        0
        11px !important;
}

.elementor-88 .elementor-element.elementor-element-4649561 .iti__selected-dial-code {
    margin-left:5px !important;

    color:#53687e !important;

    font-size:14px !important;
}


/* =========================================================
   CONFIRMACAO
   NAO REDESENHAR — tela ja aprovada, mantida identica.
   ========================================================= */

.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-confirmation,
.elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-success {
    width:100% !important;

    padding:15px !important;

    box-sizing:border-box !important;

    background:var(--sz-light) !important;

    border:1px solid #d1e3f2 !important;
    border-radius:13px !important;

    box-shadow:none !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width:768px) {

    .elementor-88 .elementor-element.elementor-element-4649561 .elementor-shortcode {
        padding:24px 30px !important;
    }

    /*
       IMPORTANTE:
       NAO forca grid no calendario/horarios.
       Mantem o layout correto do MotoPress.
    */

    .elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-calendar {
        max-width:100% !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px) {

    .elementor-88 .elementor-element.elementor-element-4649561 {
        margin:0 !important;

        padding:
            6px
            7px
            18px !important;
    }


    /* =====================================================
       TOPO COMPACTO
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561::before {
        margin:0 0 14px !important;

        padding:
            60px
            13px
            14px !important;

        background-size:
            112px auto,
            auto !important;

        background-position:
            center 0,
            center !important;

        border-radius:14px !important;

        font-size:16px !important;
        line-height:1.32 !important;

        box-shadow:
            0 5px 16px rgba(8,47,94,.04) !important;
    }


    /* =====================================================
       CARD PRINCIPAL
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .elementor-shortcode {
        margin:0 !important;

        padding:
            14px
            12px !important;

        border-radius:14px !important;

        box-shadow:
            0 6px 18px rgba(8,47,94,.045) !important;
    }


    /* =====================================================
       PRIMEIRA TELA
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 form {
        width:100% !important;

        margin:0 auto !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 label {
        margin-bottom:5px !important;

        font-size:14px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 form select:not(.flatpickr-monthDropdown-months) {
        min-height:47px !important;

        font-size:16px !important;
    }


    /* =====================================================
       CAMPOS MAIS COMPACTOS
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 form input:not([type="submit"]):not([type="button"]):not(.numInput):not([type="tel"]),
    .elementor-88 .elementor-element.elementor-element-4649561 form select:not(.flatpickr-monthDropdown-months) {
        min-height:46px !important;

        padding:
            9px
            11px !important;

        border-radius:10px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 form textarea {
        min-height:65px !important;

        padding:
            9px
            11px !important;

        border-radius:10px !important;
    }


    /* =====================================================
       TITULOS DO PLUGIN
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 h1,
    .elementor-88 .elementor-element.elementor-element-4649561 h2,
    .elementor-88 .elementor-element.elementor-element-4649561 h3 {
        margin-top:0 !important;

        line-height:1.25 !important;
    }


    /* =====================================================
       CALENDARIO MOBILE
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-calendar {
        width:100% !important;
        max-width:100% !important;

        margin:
            6px
            auto
            10px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-months {
        min-height:40px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day {
        height:34px !important;
        line-height:34px !important;

        font-size:12px !important;
    }

    /* Alinhamento dos numeros com o cabecalho dos dias da semana.
       Causa raiz medida via getBoundingClientRect(): o CSS nativo
       do Flatpickr define .flatpickr-day com max-width:39px fixo,
       enquanto .flatpickr-weekday nao tem limite e ocupa 1/7 real
       da largura do calendario. Isso nao aparece no desktop porque
       la o calendario mantem a largura nativa (~307px, onde 1/7
       fica perto dos 39px). No mobile forcamos
       .flatpickr-calendar a width:100%, entao o cabecalho (sem
       limite) estica mas os numeros continuam presos a 39px; o
       dayContainer (justify-content:space-around, nativo) reparte
       a sobra como respiro extra em cada coluna, deslocando os
       numeros progressivamente para a direita a cada dia da
       semana. Igualar .flatpickr-day a mesma divisao de 1/7 usada
       pelo cabecalho resolve, sem tocar no desktop nem na logica
       do Flatpickr/MotoPress. */
    .elementor-88 .elementor-element.elementor-element-4649561 .dayContainer {
        justify-content:flex-start !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .flatpickr-day {
        flex-basis:14.2857% !important;
        max-width:14.2857% !important;
        width:14.2857% !important;
    }


    /* =====================================================
       HORARIOS MOBILE
       Em telas estreitas o calendario ja ocupa quase toda a
       largura do cartao, entao .mpa-time-wrapper quebra para
       uma linha propria (comportamento nativo do MotoPress,
       flex-wrap:wrap). Nessa linha propria, porem, o MotoPress
       nao define width explicita: o container encolhe para o
       conteudo (flex-basis:auto), e o calculo percentual das
       colunas (.mpa-three-columns etc, calc(33.33% - 10px))
       gera um overflow horizontal de poucos pixels — a causa
       real dos horarios aparecendo cortados/com scroll no
       celular. Dar width:100% aqui resolve, sem alterar
       nenhuma logica de disponibilidade nem o grid de colunas
       do proprio plugin.
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-wrapper,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-times-container,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-times {
        width:100% !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-time-period {
        min-height:40px !important;

        padding:
            7px
            10px !important;

        font-size:13px !important;

        border-radius:9px !important;
    }


    /* =====================================================
       BOTOES
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-actions,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-step-actions,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-form-actions {
        display:grid !important;

        grid-template-columns:
            .85fr
            1.15fr !important;

        width:100% !important;

        gap:7px !important;

        margin-top:10px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 button:not(.mpa-time-period),
    .elementor-88 .elementor-element.elementor-element-4649561 input[type="submit"],
    .elementor-88 .elementor-element.elementor-element-4649561 input[type="button"],
    .elementor-88 .elementor-element.elementor-element-4649561 .button:not(.mpa-time-period),
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-button {
        width:100% !important;

        min-height:43px !important;

        padding:
            8px
            9px !important;

        border-radius:10px !important;

        font-size:14px !important;
    }


    /* QUANDO EXISTE APENAS UM BOTAO */

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-actions button:only-child,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-step-actions button:only-child,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-form-actions button:only-child,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-actions .mpa-button:only-child,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-step-actions .mpa-button:only-child,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-form-actions .mpa-button:only-child {
        grid-column:1 / -1 !important;
    }


    /* =====================================================
       SUA RESERVA
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-reservation,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-order,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-summary,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-reservation-details,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-details {
        margin:
            7px
            0
            9px !important;

        padding:10px !important;

        border-radius:11px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 table td,
    .elementor-88 .elementor-element.elementor-element-4649561 table th {
        padding:
            6px
            4px !important;

        font-size:13px !important;
    }


    /* =====================================================
       TELEFONE MOBILE
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .iti input[type="tel"],
    .elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input input[type="tel"] {
        min-height:46px !important;

        padding:9px 11px 9px 102px !important;

        border-radius:10px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .iti__country-container,
    .elementor-88 .elementor-element.elementor-element-4649561 .iti__flag-container,
    .elementor-88 .elementor-element.elementor-element-4649561 .intl-tel-input .flag-container,
    .elementor-88 .elementor-element.elementor-element-4649561 .iti__selected-country,
    .elementor-88 .elementor-element.elementor-element-4649561 .iti__selected-flag,
    .elementor-88 .elementor-element.elementor-element-4649561 .selected-flag {
        width:92px !important;
    }


    /* =====================================================
       CONFIRMACAO FINAL
       ===================================================== */

    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-confirmation,
    .elementor-88 .elementor-element.elementor-element-4649561 .mpa-booking-success {
        padding:11px !important;

        border-radius:11px !important;
    }

}


/* =========================================================
   CELULARES PEQUENOS
   ========================================================= */

@media (max-width:420px) {

    .elementor-88 .elementor-element.elementor-element-4649561 {
        padding-left:5px !important;
        padding-right:5px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561::before {
        padding:
            53px
            10px
            11px !important;

        background-size:
            105px auto,
            auto !important;

        font-size:15px !important;
    }

    .elementor-88 .elementor-element.elementor-element-4649561 .elementor-shortcode {
        padding:
            12px
            10px !important;
    }

}/* End custom CSS */