/*
 * @author Rebeca Cintas Benet - rebeca@activexsoft.es
 */

html *{
    text-rendering: optimizeLegibility
}
/*#contenedorFormularios {*/
/*    background-color: var(--main-color);*/
/*    border: 1px solid var(--main-color);*/
/*    border-radius: 5px;*/
/*}*/
/*#contenedorFormularios label{*/
/*    color: white;*/
/*}*/
@media (max-width: 900px) {
    .divSocio {
        margin-top: -20px;
    }

    .divCondiciones {
        margin-top: 10px;
    }

    .divBtnBuscar {
        margin-top: 40px;
        margin-bottom: 15px;
    }
}

@media (min-width: 900px) {
    .divSocio {
        margin-top: -30px;
    }

    .divCondiciones {
        margin-top: -30px;
    }

    .divBtnBuscar {
        margin-top: -15px;
    }
}


.caja-con-linea{
    color: #AAAAAA;
    position: relative;
    text-align: center;
}

.caja-con-linea::before {
    content: '';
    display: block;
    height: 2px;
    background-color: #AAAAAA;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
}
.tipoFerry{
    padding: 10px;
}
.cajaBordeGrisRedondeado{
    border: 1px solid lightgray;
    border-radius: 5px;
}

.mejorPrecioViaje:hover,.acomodacion:hover{
    transform: scale(1.1,1.1);
}
.cajaConSombra{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.7);
    padding: 12px 8px;
}

.panelBarco{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.7);
}

.panelBarco .panel-heading{
    background-color: var(--main-color);
}

.panelBarco .panel-heading h4{
    color: white;
    margin:5px;
}

.panelBarco .panel-heading button{
    margin: 5px;
}
.btnHab{
    transition: transform 0.1s ease-in-out;
}
.btnHab:hover{
    transform: scale(1.1);
}

.panelBarco .control-label{
    color: #5e6773;
}

.panelBarco .select2-container--default .select2-selection{

    border-radius: 5px;
}

.panelBarco input{
    border-radius: 5px;
}

    input[type=number], input[type=date], input[type=tel]{
        text-align: right;
    }
    input[type=text], input[type=email], select{
        text-align: left;
    }
    .panelDatosPasajero{
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 3px 8px rgba(0,0,0,0.7);
    }

    .panelDatosPasajero .panel-heading{
        background-color: var(--main-color);
    }

    .panelDatosPasajero .panel-heading .panel-title{
        color: white;
        margin:5px;
    }

    .panelDatosPasajero .control-label{
        color: #5e6773;
    }
    
     .panelDatosPasajero input, .panelDatosPasajero select, .panelDatosPasajero .select2-container {
        border-radius: 5px;
    }
    

@media (max-width: 1130px) {
    .sirviNav {
        display: none;
    }
}