.modal-suministro {
    background: #F4FAFF;
    border-radius: 4px;
    width: 360px;
    padding: 32px 28px 32px 28px;
}

.modal-suministro-icon {
    border: none !important;
    margin: 0 auto 20px auto !important;
    width: 58px !important;
    height: 58px !important;
}

    .modal-suministro-icon img {
        width: 58px;
        height: 58px;
    }

.modal-suministro-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
    padding: 0 !important;
    margin-bottom: 18px !important;
}

.modal-suministro-text {
    font-size: 18px !important;
    line-height: 1.35 !important;
    color: #333 !important;
    text-align: center !important;
    margin: 0 0 24px 0 !important;
}

.modal-suministro-2 .modal-suministro-text {
    text-align: center !important;
    font-size: 18px !important;
}

.modal-suministro-1 .modal-suministro-text {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.modal-suministro-button {
    background: #FFEC65 !important;
    color: #1E2A78 !important;
    border: none !important;
    border-radius: 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 48px !important;
    width: 100% !important;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.modal-suministro-button:hover {
    background: #FCC330 !important;
    color: #FFFFFF !important;
}

.modal-suministro-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.modal-dialog-centered {
    justify-content: center;
    display: flex;
    margin: auto; /* Centra horizontal y verticalmente */
}

/*ESTILOS BANNER RECIBO*/

.banner-recibo-completo {
    width: 100%;
    background-color: #FDF7D2;
    margin: 0;
    padding: 0;
}

.banner-recibo-inner {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 42px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    line-height: 18px;
    box-sizing: border-box;
}

.banner-recibo-icono {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
}

.banner-recibo-inner a {
    color: #1E2E8A;
    font-weight: 700;
    text-decoration: underline;
}

.banner-recibo-mensaje {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .banner-recibo-inner {
        max-width: 100%;
        min-height: 90px;
        padding: 18px 20px;
        align-items: flex-start;
        font-size: 20px;
        line-height: 26px;
        gap: 12px;
    }

    .banner-recibo-icono {
        width: 32px;
        height: 32px;
        margin-top: 2px;
    }

    .banner-recibo-inner span {
        display: block;
    }

    .banner-recibo-mensaje {
        display: block;
        font-size: 16px;
    }

    .banner-recibo-mensaje a {
        display: inline;
        margin-left: 0;
    }
}

.btn-modal-principal {
    height: 68px;
    border-radius: 34px;
    border: 0;
    background: #FFEB65;
    color: #13298A;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.btn-modal-principal:hover{
    background: #FFD83D;
    color: #FFFFFF;
}

.btn-modal-secundario {
    height: 68px;
    border-radius: 34px;
    border: 3px solid #1E2E8A;
    background: transparent;
    color: #1E2E8A;
    font-size: 16px;
    font-weight: 700;
}

.btn-modal-secundario:hover {
    background: #1E2E8A;
    color: #FFF;
}