/* Containers */
.custom-forms-amate-travel{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
}
.container-suscribe-form-section{
    background-color: #003c5b;
    width: 100%;
    padding: 20px;
    margin: 0px;
    border-top: 1px solid #ccc;

}
.custom-forms-amate-travel-alternative{
    padding: 20px;
    background-color: #003c5b;
    margin: 0px;
    display: block ;
}
/* Row */
.custom-forms-amate-travel > .row-cform{
    width: 100%;
    display: flex;
    margin: 0px;
}
/* Col */
.custom-forms-amate-travel > .row-cform > .col-cform{
    /* 50% */
    width: 48%;
    margin: 0px;
    padding: 0px 10px;
    display: block;

}
.container-suscribe-form-section > .custom-forms-amate-travel-alternative input[type=email],
.container-suscribe-form-section > .custom-forms-amate-travel-alternative input[type=tel]
{
    width:100% !important;
    margin-bottom: 10px !important;
    padding: 5px 5px !important;
    border-radius: 5px !important;
    border: 1px solid #ccc !important;
}

/* Suscribe */
.container-suscribe-form-section >h3, .container-suscribe-form-section > p{
    color: white;
    text-align: center;
}
.container-suscribe-form-section >h3{
    margin: 0px;
}
.custom-forms-amate-travel-alternative  input[type=submit]
{
    background-color: #e79907 !important;
    max-width: 120px !important;
    max-width: 250px;
    margin: 0 auto !important;
}
/* End */
/* Inputs */
.custom-forms-amate-travel input[type=text],
.custom-forms-amate-travel input[type=email],
.custom-forms-amate-travel input[type=tel],
.custom-forms-amate-travel textarea {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 10px 5px !important;
    padding-left: 10px !important;
    border-radius: 25px !important;
    border: 1px solid #ccc !important;
}
.custom-forms-amate-travel textarea {
    resize: none;
}

.custom-forms-amate-travel input[type=submit] {
    background-color: #003c5b;
    color: white !important;
    padding: 10px 20px !important;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    margin: 10px 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 250px;
}
button.btn.btn-secondary.bootstrap-touchspin-down {
    background: #6b6b6b;
    color: #fff;
    padding: 10px 13px;
    /* border-top-left-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    border-radius: 50%;
    margin-top: -10px;
    margin-right: 1px;
}
button.btn.btn-secondary.bootstrap-touchspin-up {
    background: #6b6b6b;
    color: #fff;
    padding: 10px 13px;
    /* border-top-right-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    border-radius: 50%;
    margin-top: -10px;
    margin-left: 1px;
}
div#custom-open-tours-form {
    padding: 5px;
}
input#adults {
    padding: 19px 6px;
    border-radius: 0px;
    margin-bottom: -10px;
}
input#children {
    padding: 19px 6px;
    border-radius: 0px;
    margin-bottom: -10px;
}

/* States */
.custom-forms-amate-travel input[type=submit]:hover {
    background-color: #45a049 !important;
}

.custom-forms-amate-travel input[type=checkbox] {
    width: 20px; 
    height: 20px;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.custom-forms-amate-travel-alternative label{
    display: block !important;
    color: white !important;
}
form#formulario-suscribete-amate-travel {
    max-width: 900px;
    margin: 0 auto;
}
.custom-forms-amate-travel label {
    display: inline !important;
    font-size: 0.9em !important;
    color: #003c5b ;
    font-weight: 700 !important;
}
.custom-forms-amate-travel label.error {
    font-size: 10px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    color: #3b3b3b;
}
/* Progress */
.custom-forms-amate-travel-progress {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px; /* Ajusta la altura según tus necesidades */
    animation: fadeIn 0s;
    width: 100%;
    margin: 0 auto;
    text-align:center;
}
.custom-forms-amate-travel-progress > img{
    width: 100%;
    margin: 0 auto;
    max-width:120px !important;
    text-align:center;
}

/* Success */
.custom-forms-amate-travel-success{
    animation: fadeIn 2s;
    text-align:center;
}
.custom-forms-amate-travel-success{
    width: 100%;
    margin: 0 auto;
}
.custom-forms-amate-travel-success-icon-form{
    margin: 0 auto;
    animation: fadeIn 2s;
}
/* Error */
.custom-forms-amate-travel-error > h5{
    color: red;
    text-align:center;

}


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}