.form-checkout {
    color: #fff;
    text-align: center;
    background-color: transparent;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid #fff;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.form-checkout::placeholder {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.form-checkout:read-only {
    color: #fff;
    text-align: center;
    background-color: transparent;
    font-size: 16px;
    border: none;
    border-bottom: 3px solid #c9c9c9;
    width: 100%;
}

.form-checkout:read-only::placeholder {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #c9c9c9;
}

.form-checkout.invalid {
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid red;
    width: 100%;
}

.form-checkout.invalid::placeholder {
    padding-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: red;
}

.form-checkout.success {
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: none;
    border-bottom: transparent;
    width: 100%;
}

.form-checkout:focus {
    border: 0 0 3px 0 solid #ffdb00 !important;
}

.bg-maria-amarelo {
    background-color: #ffdb00 !important;
}

.bg-maria-azul {
    background-color: #1c558a !important;
}

.bg-maria-verde {
    background-color: #007136 !important;
}

.text-maria-azul {
    color: #1c558a;
}

.text-maria-verde {
    color: #007136;
}

.text-maria-amarelo {
    color: #ffdb00;
}

.border-maria-azul {
    border: 3px #1c558a solid;
}

.border-maria-verde {
    border: 3px #007136 solid;
}

.border-maria-amarelo {
    border: 3px #ffdb00 solid;
}

.card {
    border: 3px #108454 solid;
    cursor: pointer;
    border-radius: 10px;
}

.card.card-recomended {
    border: 3px #ffdb00 solid !important;
    background-color: #108454 !important;
    color: white !important;
}

.card-recomended.card-title {
    color: #ffdb00 !important;
    font-weight: bold !important;
}

.btn-maria-amarelo {
    font-weight: bold;
    border: 2px solid #ffdb00;
    background: #ffdb00;
    color: #1c558a !important;
}

.btn-maria-amarelo:hover {
    font-weight: bold;
    border: 2px solid #ffdb00;
    background: transparent;
    color: #ffdb00 !important;
}

.btn-maria-amarelo-outline {
    font-weight: bold;
    border: 2px solid #ffdb00;
    background: transparent;
    color: #ffdb00 !important;
}

.btn-maria-amarelo-outline:hover {
    font-weight: bold;
    border: 2px solid #ffdb00;
    background: #ffdb00;
    color: #1c558a !important;
}

.btn-maria-verde {
    font-weight: bold;
    border: 2px solid #007136;
    background: #007136;
    color: #ffdb00 !important;
}

.btn-maria-verde:hover {
    font-weight: bold;
    border: 2px solid #007136;
    background: transparent;
    color: #007136 !important;
}

.btn-maria-verde-outline {
    font-weight: bold;
    border: 2px solid #007136;
    background: transparent;
    color: #007136 !important;
}

.btn-maria-verde-outline:hover {
    font-weight: bold;
    border: 2px solid #007136;
    background: #007136;
    color: #ffdb00 !important;
}

.btn-maria-verde-outline.active {
    font-weight: bold;
    border: 2px solid #007136;
    background: #007136;
    color: #ffdb00 !important;
}

.btn-maria-azul {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: #1c558a;
    color: #ffdb00 !important;
}

.btn-maria-azul:hover {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: transparent;
    color: #1c558a !important;
}

.btn-maria-azul-outline {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: transparent;
    color: #1c558a !important;
}

.btn-maria-azul.active {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: #1c558a;
    color: #ffdb00 !important;
}

.btn-maria-azul-outline:hover {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: #1c558a;
    color: #ffdb00 !important;
}

.btn-maria-azul-outline.active {
    font-weight: bold;
    border: 2px solid #1c558a;
    background: #1c558a;
    color: #ffdb00 !important;
}

.invalid-feedback {
    font-size: 12px !important;
    margin: 0 !important;
}

.whatsapp-fab {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;

    background-color: #25D366;
    color: #FFF;
    /* Define a cor do ícone como branca */

    border-radius: 50%;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    z-index: 1000;

    /* Centraliza o ícone (Font Awesome) */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Tamanho do ícone */
    font-size: 34px;

    /* Remove o sublinhado padrão do link */
    text-decoration: none;

    /* Animação suave */
    transition: transform 0.2s ease-in-out, background-color 0.2s ease;
}

/* Efeito ao passar o mouse (hover) */
.whatsapp-fab:hover {
    transform: scale(1.1);
    background-color: #128C7E;
    /* Verde mais escuro */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}