
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet">

<style>
.invalid-feedback{margin-top:-0.5rem !important;margin-bottom:1.5rem}
canvas{background-color:#ffffff}
.btn-form{background-color:#72C02C}

.touch-action{
    touch-action:none;
    border: 1px solid #566946;
    border-radius: 5px;
}

@media (max-width: 600px){
    body{overflow-x:hidden}
    .container{width:100%}
    .contact-form{padding:50px 0}
    .contact-form-style{padding:0;margin:0}
    .contact-form-style .row div[class^="col-"]{padding:0}
}

#submit:disabled{
    background-color: #566946;
}

select,
input{
    border-radius: 5px;
}

select{
    border: 1px solid #566946;
    height: 40px;
}

/* Select2 Bootstrap */
.select2-container--bootstrap-5 .select2-selection{
    border: 1px solid #566946;
    border-radius: 5px;
    min-height: 38px;
}

.select2-container--bootstrap-5 .select2-dropdown{
    border-color: #566946;
    border-radius: 5px;
}

.select2-container--bootstrap-5 .select2-search .select2-search__field{
    border-radius: 5px;
}
/* --- TEXTOS INFORMATIVOS --- */
.bank-note {
    margin-top: 10px;
    line-height: 1.7;
    color: #333;
}

/* --- CHECK FIADOR --- */
.guarantor-check-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 8px;
}

.guarantor-check-row .form-check-input {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.guarantor-check-row label {
    line-height: 1.4;
    cursor: pointer;
}

/* --- ESPACIADO FORMULARIO FIADOR --- */
#add_guarantor_div .row {
    row-gap: 16px;
}

/* --- ARREGLO GENERAL DE ROWS (MUY IMPORTANTE) --- */
#direct_debit_data > .row {
    margin-left: 0;
    margin-right: 0;
}
</style>