@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.mnccjmrpdk.bundle.scp.css';

/* _content/SkyGestorCheckout/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-y5jinxpfbf] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-y5jinxpfbf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SkyGestorCheckout/Components/Pages/Home.razor.rz.scp.css */
:root[b-9g36dvcqrt] {
    --c-primary: #2f87c6;
    --c-primary-soft: #e7f4fc;
    --c-primary-bg: #f8fbff;
    --c-dark: #1e3148;
    --c-text: #1e3148;
    --c-muted: #6b7280;
    --c-light: #9ca3af;
    --c-border-soft: #e7f4fc;
    --c-error: #f87171;
    --c-success: #22c55e;
    --c-disabled: #d1d5db;
    --c-white: #ffffff;
    --radius-sm: 14px;
    --radius-md: 18px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-pill: 49px;
    --shadow-card: 0 4px 40px rgba(30, 49, 72, 0.1);
    --font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ---------- 2. Reset / base ---------- */
*[b-9g36dvcqrt],
*[b-9g36dvcqrt]::before,
*[b-9g36dvcqrt]::after {
    box-sizing: border-box !important;
}

html[b-9g36dvcqrt],
body[b-9g36dvcqrt] {
    margin: 0 !important;
    padding: 0 !important;
}

body[b-9g36dvcqrt] {
    font-family: var(--font) !important;
    color: var(--c-text) !important;
    background-color: var(--c-white) !important;
    line-height: 1.4 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

button[b-9g36dvcqrt] {
    font-family: inherit !important;
    cursor: pointer !important;
    border: none !important;
    background: none !important;
}

a[b-9g36dvcqrt] {
    color: inherit !important;
    text-decoration: none !important;
}

img[b-9g36dvcqrt] {
    max-width: 100% !important;
    display: block !important;
}

input[b-9g36dvcqrt],
select[b-9g36dvcqrt],
textarea[b-9g36dvcqrt] {
    font-family: inherit !important;
}

/* ---------- 3. Layout ---------- */
.wizard[b-9g36dvcqrt] {
    min-height: 100vh !important;
    background-color: var(--c-white) !important;
    padding: 40px 16px 64px !important;
}

.wizard__container[b-9g36dvcqrt] {
    max-width: 672px !important;
    margin: 0 auto !important;
}

.wizard__card[b-9g36dvcqrt] {
    background-color: var(--c-white) !important;
    border-radius: var(--radius-xl) !important;
    padding: 24px !important;
    box-shadow: var(--shadow-card) !important;
}

@media (min-width: 768px) {
    .wizard__card[b-9g36dvcqrt] {
        padding: 40px !important;
    }
}

/* ---------- 4. Step indicator ---------- */
.step-indicator[b-9g36dvcqrt] {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin-bottom: 32px !important;
    padding: 0 8px !important;
}

.step-indicator__item[b-9g36dvcqrt] {
    display: flex !important;
    align-items: center !important;
}

.step-indicator__node[b-9g36dvcqrt] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
}

.step-indicator__circle[b-9g36dvcqrt] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background-color: var(--c-primary-soft) !important;
    color: var(--c-text) !important;
    transition: all 0.2s ease !important;
}

.step-indicator__circle--active[b-9g36dvcqrt] {
    background-color: var(--c-primary) !important;
    color: var(--c-white) !important;
}

.step-indicator__circle--done[b-9g36dvcqrt] {
    background-color: var(--c-dark) !important;
    color: var(--c-white) !important;
}

.step-indicator__circle svg[b-9g36dvcqrt] {
    width: 16px !important;
    height: 16px !important;
}

.step-indicator__label[b-9g36dvcqrt] {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--c-text) !important;
    white-space: nowrap !important;
}

.step-indicator__label--active[b-9g36dvcqrt] {
    color: var(--c-primary) !important;
}

.step-indicator__connector[b-9g36dvcqrt] {
    width: 40px !important;
    height: 2px !important;
    margin: 0 4px 20px !important;
    background-color: var(--c-primary-soft) !important;
    transition: background-color 0.2s ease !important;
}

.step-indicator__connector--done[b-9g36dvcqrt] {
    background-color: var(--c-dark) !important;
}

@media (min-width: 768px) {
    .step-indicator__connector[b-9g36dvcqrt] {
        width: 64px !important;
    }
}

/* ---------- 5. Step ---------- */
.step__title[b-9g36dvcqrt] {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
    margin: 0 0 4px !important;
}

.step__subtitle[b-9g36dvcqrt] {
    font-size: 14px !important;
    color: var(--c-light) !important;
    margin: 0 0 24px !important;
}

@media (min-width: 768px) {
    .step__title[b-9g36dvcqrt] {
        font-size: 24px !important;
    }
}

/* ---------- 6. Grid helpers ---------- */
.grid[b-9g36dvcqrt] {
    display: grid !important;
    gap: 16px !important;
}

.grid--2[b-9g36dvcqrt] {
    grid-template-columns: 1fr !important;
    margin-bottom: 16px !important;
}

.grid--3[b-9g36dvcqrt] {
    grid-template-columns: 1fr !important;
}

.grid--gap-md[b-9g36dvcqrt] {
    gap: 16px !important;
}

@media (min-width: 768px) {
    .grid--2[b-9g36dvcqrt] {
        grid-template-columns: 1fr 1fr !important;
    }

    .grid--3[b-9g36dvcqrt] {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .field--span-2[b-9g36dvcqrt] {
        grid-column: span 2 !important;
    }
}

/* ---------- 7. Field ---------- */
/*.field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.field__label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--c-text) !important;
}

.field__required {
    color: var(--c-error) !important;
    margin-left: 2px !important;
}

.field__input {
    padding: 12px 16px !important;
    border-radius: var(--radius-sm) !important;
    border: 2px solid var(--c-dark) !important;
    color: var(--c-text) !important;
    font-size: 14px !important;
    background-color: var(--c-white) !important;
    transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
    width: 100% !important;
}

    .field__input::placeholder {
        color: var(--c-light) !important;
    }

    .field__input:focus {
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(47, 135, 198, 0.25) !important;
    }

    .field__input:read-only {
        background-color: var(--c-primary-bg) !important;
    }

.field__input--select {
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231e3148' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

    .field__input:disabled,
    .field__input--select:disabled {
        background-color: var(--c-primary-bg) !important;
        color: var(--c-light) !important;
        cursor: not-allowed !important;
    }

.field__wrap {
    position: relative !important;
}

.field__hint {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    color: var(--c-light) !important;
}*/

/* ---------- 8. Panel ---------- */
.panel[b-9g36dvcqrt] {
    background-color: var(--c-primary-bg) !important;
    border-radius: var(--radius-md) !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
}

.panel__title[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
    margin: 0 0 16px !important;
}

/* ---------- 9. Terms ---------- */
.terms[b-9g36dvcqrt] {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
    cursor: pointer !important;
}

.terms__check[b-9g36dvcqrt] {
    margin-top: 2px !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--c-primary) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

.terms__text[b-9g36dvcqrt] {
    font-size: 14px !important;
    color: var(--c-text) !important;
}

.terms__link[b-9g36dvcqrt] {
    color: var(--c-primary) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* ---------- 10. Block / labels ---------- */
.block[b-9g36dvcqrt] {
    margin-bottom: 20px !important;
}

.block__label[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--c-text) !important;
    margin: 0 0 12px !important;
}

/* ---------- 11. Pill (sexo) ---------- */
.pill-group[b-9g36dvcqrt] {
    display: flex !important;
    gap: 12px !important;
}

.pill[b-9g36dvcqrt] {
    flex: 1 !important;
    padding: 12px !important;
    border-radius: var(--radius-pill) !important;
    border: 2px solid var(--c-dark) !important;
    background-color: var(--c-white) !important;
    color: var(--c-dark) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.15s ease !important;
}

    .pill:hover[b-9g36dvcqrt] {
        opacity: 0.85 !important;
    }

.pill--active[b-9g36dvcqrt] {
    background-color: var(--c-dark) !important;
    color: var(--c-white) !important;
}

/* ---------- 12. Card select (tipo pet) ---------- */
.card-select[b-9g36dvcqrt] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 24px 16px !important;
    border-radius: var(--radius-lg) !important;
    border: 2px solid var(--c-border-soft) !important;
    background-color: var(--c-white) !important;
    transition: all 0.15s ease !important;
}

    .card-select:hover[b-9g36dvcqrt] {
        border-color: var(--c-primary) !important;
    }

.card-select--active[b-9g36dvcqrt] {
    border-color: var(--c-primary) !important;
    background-color: var(--c-primary-soft) !important;
}

.card-select__img[b-9g36dvcqrt] {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
}

.card-select__label[b-9g36dvcqrt] {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: var(--c-text) !important;
}

/* ---------- 13. Card pill (porte / pagamento) ---------- */
.card-row[b-9g36dvcqrt] {
    display: flex !important;
    gap: 12px !important;
}

.card-row--3[b-9g36dvcqrt] {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 12px !important;
}

.card-pill[b-9g36dvcqrt] {
    flex: 1 !important;
    padding: 14px 8px !important;
    border-radius: var(--radius-lg) !important;
    border: 2px solid var(--c-border-soft) !important;
    background-color: var(--c-white) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    transition: all 0.15s ease !important;
}

    .card-pill:hover[b-9g36dvcqrt] {
        border-color: var(--c-primary) !important;
    }

.card-pill--active[b-9g36dvcqrt] {
    border-color: var(--c-primary) !important;
    background-color: var(--c-primary-soft) !important;
}

.card-pill__title[b-9g36dvcqrt] {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: var(--c-text) !important;
}

.card-pill__sub[b-9g36dvcqrt] {
    font-size: 11px !important;
    color: var(--c-light) !important;
}

/* ---------- 14. Plan cards ---------- */
.plans[b-9g36dvcqrt] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

@media (min-width: 1024px) {
    .plans[b-9g36dvcqrt] {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

.plan-card[b-9g36dvcqrt] {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 8px !important;
    border-radius: var(--radius-lg) !important;
    border: 2px solid var(--c-border-soft) !important;
    background-color: var(--c-white) !important;
    transition: all 0.15s ease !important;
}

    .plan-card:hover[b-9g36dvcqrt] {
        border-color: var(--c-primary) !important;
    }

.plan-card--highlighted[b-9g36dvcqrt] {
    border-color: var(--c-dark) !important;
    background-color: var(--c-dark) !important;
}

    .plan-card--highlighted .plan-card__name[b-9g36dvcqrt],
    .plan-card--highlighted .plan-card__price[b-9g36dvcqrt] {
        color: var(--c-white) !important;
    }

    .plan-card--highlighted .plan-card__currency[b-9g36dvcqrt],
    .plan-card--highlighted .plan-card__per[b-9g36dvcqrt] {
        color: var(--c-primary-soft) !important;
    }

.plan-card--active[b-9g36dvcqrt],
.plan-card--active.plan-card--highlighted[b-9g36dvcqrt] {
    border-color: var(--c-primary) !important;
    background-color: var(--c-primary-soft) !important;
}

    .plan-card--active .plan-card__name[b-9g36dvcqrt],
    .plan-card--active .plan-card__price[b-9g36dvcqrt] {
        color: var(--c-text) !important;
    }

    .plan-card--active .plan-card__currency[b-9g36dvcqrt],
    .plan-card--active .plan-card__per[b-9g36dvcqrt] {
        color: var(--c-muted) !important;
    }

.plan-card__badge[b-9g36dvcqrt] {
    position: absolute !important;
    top: -10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 10px !important;
    border-radius: 9999px !important;
    background-color: var(--c-primary) !important;
    color: var(--c-white) !important;
    white-space: nowrap !important;
}

.plan-card__name[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
    margin-bottom: 4px !important;
}

.plan-card__currency[b-9g36dvcqrt] {
    font-size: 11px !important;
    color: var(--c-muted) !important;
}

.plan-card__price[b-9g36dvcqrt] {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--c-text) !important;
}

.plan-card__per[b-9g36dvcqrt] {
    font-size: 11px !important;
    margin-top: 2px !important;
    color: var(--c-light) !important;
}

/* ---------- 15. Coverage list ---------- */
.coverage-grid[b-9g36dvcqrt] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

@media (min-width: 768px) {
    .coverage-grid[b-9g36dvcqrt] {
        grid-template-columns: 1fr 1fr !important;
    }
}

.coverage[b-9g36dvcqrt] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.coverage__icon[b-9g36dvcqrt] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.coverage__icon--yes[b-9g36dvcqrt] {
    background-color: var(--c-primary) !important;
}

.coverage__icon--no[b-9g36dvcqrt] {
    background-color: #e5e7eb !important;
}

.coverage__icon svg[b-9g36dvcqrt] {
    width: 12px !important;
    height: 12px !important;
}

.coverage__icon--yes svg[b-9g36dvcqrt] {
    stroke: var(--c-white) !important;
}

.coverage__icon--no svg[b-9g36dvcqrt] {
    stroke: var(--c-light) !important;
}

.coverage__text[b-9g36dvcqrt] {
    font-size: 12px !important;
    color: var(--c-text) !important;
}

.coverage__text--muted[b-9g36dvcqrt] {
    color: var(--c-light) !important;
}

/* ---------- 16. Buttons ---------- */
.btn[b-9g36dvcqrt] {
    padding: 16px 24px !important;
    border-radius: var(--radius-pill) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    transition: opacity 0.15s ease, background-color 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.btn--block[b-9g36dvcqrt] {
    width: 100% !important;
}

.btn--primary[b-9g36dvcqrt] {
    background-color: var(--c-primary) !important;
    color: var(--c-white) !important;
}

    .btn--primary:hover:not(:disabled)[b-9g36dvcqrt] {
        opacity: 0.9 !important;
    }

    .btn--primary:disabled[b-9g36dvcqrt] {
        background-color: var(--c-disabled) !important;
        cursor: not-allowed !important;
    }

.btn--ghost[b-9g36dvcqrt] {
    background-color: var(--c-white) !important;
    border: 2px solid var(--c-dark) !important;
    color: var(--c-dark) !important;
    font-size: 14px !important;
    padding: 14px 24px !important;
}

    .btn--ghost:hover[b-9g36dvcqrt] {
        opacity: 0.8 !important;
    }

.btn--outline[b-9g36dvcqrt] {
    background-color: var(--c-white) !important;
    border: 2px solid var(--c-dark) !important;
    color: var(--c-dark) !important;
    padding: 12px !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
}

    .btn--outline:hover:not(:disabled)[b-9g36dvcqrt] {
        opacity: 0.8 !important;
    }

    .btn--outline:disabled[b-9g36dvcqrt] {
        border-color: var(--c-disabled) !important;
        color: var(--c-light) !important;
        cursor: not-allowed !important;
    }

.btn__arrow[b-9g36dvcqrt] {
    line-height: 1 !important;
}

.btn__plus[b-9g36dvcqrt] {
    font-size: 18px !important;
    line-height: 1 !important;
}

.actions[b-9g36dvcqrt] {
    display: flex !important;
    gap: 12px !important;
}

    .actions .btn[b-9g36dvcqrt] {
        flex: 1 !important;
    }

/* ---------- 17. Summary (step 4) ---------- */
.summary__tutor[b-9g36dvcqrt] {
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(30, 49, 72, 0.08) !important;
}

.summary__tutor-label[b-9g36dvcqrt] {
    font-size: 12px !important;
    color: var(--c-light) !important;
    margin: 0 0 2px !important;
}

.summary__tutor-name[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--c-text) !important;
    margin: 0 !important;
}

.summary__tutor-contact[b-9g36dvcqrt] {
    font-size: 12px !important;
    color: var(--c-light) !important;
    margin: 0 !important;
}

.summary__pet[b-9g36dvcqrt] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(30, 49, 72, 0.06) !important;
}

    .summary__pet:last-child[b-9g36dvcqrt] {
        border-bottom: none !important;
    }

.summary__pet-left[b-9g36dvcqrt] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.summary__pet-img[b-9g36dvcqrt] {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
}

.summary__pet-name[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--c-text) !important;
    margin: 0 !important;
}

.summary__pet-plan[b-9g36dvcqrt] {
    font-size: 12px !important;
    color: var(--c-light) !important;
    margin: 0 !important;
}

.summary__pet-price[b-9g36dvcqrt] {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
}

/* ---------- 18. Total (step 4) ---------- */
.total[b-9g36dvcqrt] {
    background-color: var(--c-dark) !important;
    border-radius: var(--radius-md) !important;
    padding: 20px !important;
    margin-bottom: 32px !important;
}

.total__row[b-9g36dvcqrt] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

    .total__row:last-child[b-9g36dvcqrt] {
        margin-bottom: 0 !important;
    }

.total__row--discount[b-9g36dvcqrt] {
    color: #4ade80 !important;
}

    .total__row--discount span[b-9g36dvcqrt] {
        font-size: 14px !important;
        color: #4ade80 !important;
    }

.total__row--final[b-9g36dvcqrt] {
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.total__label[b-9g36dvcqrt] {
    font-size: 14px !important;
    color: var(--c-light) !important;
}

.total__label--strong[b-9g36dvcqrt] {
    font-size: 16px !important;
    color: var(--c-white) !important;
    font-weight: 700 !important;
}

.total__value[b-9g36dvcqrt] {
    font-size: 14px !important;
    color: var(--c-light) !important;
}

.total__value--big[b-9g36dvcqrt] {
    font-size: 24px !important;
    color: var(--c-white) !important;
    font-weight: 700 !important;
}

/* ---------- 19. Success ---------- */
.step--success[b-9g36dvcqrt] {
    text-align: center !important;
    padding: 32px 0 !important;
}

.success__icon[b-9g36dvcqrt] {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-color: var(--c-primary-soft) !important;
    color: var(--c-primary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 24px !important;
}

    .success__icon svg[b-9g36dvcqrt] {
        width: 40px !important;
        height: 40px !important;
    }

.success__title[b-9g36dvcqrt] {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
    margin: 0 0 8px !important;
}

.success__text[b-9g36dvcqrt] {
    font-size: 14px !important;
    color: var(--c-muted) !important;
    max-width: 384px !important;
    margin: 0 auto !important;
}

/* ---------- 20. Hidden helper ---------- */
[hidden][b-9g36dvcqrt] {
    display: none !important;
}
/* Fim Checkout */