/* ==========================================================
   BRIEL TRAVEL
   RESPONSIVE.CSS
   VERSIÓN 1.0
==========================================================*/


/*==========================================================
  01 - BASE RESPONSIVE
==========================================================*/

html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

html,
body{
    overflow-x:hidden;
}

*,
*:before,
*:after{
    box-sizing:border-box;
}

img,
video,
iframe{
    max-width:100%;
    height:auto;
}


/*==========================================================
  02 - ADAPTACIÓN GENERAL MÓVILES
==========================================================*/

@media (max-width:768px){

    body{
        overflow-x:hidden;
    }

    .ast-container,
    .site-content,
    .content-area{

        width:100%;
        max-width:100%;
    }

    img{
        height:auto;
        max-width:100%;
    }

}

@media (max-width:480px){

    h1{font-size:30px;}
    h2{font-size:24px;}
    h3{font-size:20px;}

    p,
    li{
        font-size:15px;
        line-height:1.5;
    }

}


/*==========================================================
  03 - BOTONES WOOCOMMERCE
==========================================================*/

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce .button.alt,
#place_order,
.checkout-button,
.woocommerce-form-login .button,
.woocommerce-form-register .button{

    border-radius:12px!important;

    padding:13px 22px!important;

    font-size:15px!important;

    font-weight:600;

    background:#007aa3!important;

    color:#fff!important;

    border:none!important;

    transition:.25s;

}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
#place_order:hover,
.checkout-button:hover{

    background:#0099d1!important;

}


/*==========================================================
  04 - BOTONES NEXT / PREVIOUS
==========================================================*/

.page-numbers{

    min-width:38px!important;

    height:38px!important;

    padding:0 14px!important;

    border-radius:10px!important;

    font-size:14px!important;

}


/*==========================================================
  05 - BOTÓN VER CONTRASEÑA
==========================================================*/

.password-input{

    position:relative;

}

button.show-password-input{

    position:absolute!important;

    right:14px!important;

    top:50%!important;

    transform:translateY(-50%)!important;

    width:32px!important;

    height:32px!important;

    padding:0!important;

    margin:0!important;

    background:transparent!important;

    border:none!important;

    box-shadow:none!important;

    color:#555!important;

    font-size:0!important;

    cursor:pointer;

}

/* Sustituye el cuadrado por un icono */

button.show-password-input::before{

    content:"👁";

    font-size:18px;

    line-height:32px;

}


/*==========================================================
  06 - REMESAS (MÓVIL)
==========================================================*/

@media (max-width:480px){

    .bt-remesas button,
    .bt-remesas .button,
    .remesas button,
    .remesas .button{

        width:100%!important;

        min-height:46px!important;

        padding:10px 18px!important;

        font-size:14px!important;

        border-radius:10px!important;

    }

}


/*==========================================================
  07 - AÑADIR AL CARRITO
==========================================================*/

.single_add_to_cart_button{

    min-height:46px!important;

    padding:12px 18px!important;

    border-radius:12px!important;

}


/*==========================================================
  08 - CHECKOUT
==========================================================*/

.checkout-button,
#place_order{

    width:100%!important;

    min-height:52px!important;

    font-size:16px!important;

}


/*==========================================================
  09 - RESPONSIVE TELÉFONOS
==========================================================*/

@media (max-width:390px){

    .woocommerce button.button,
    .woocommerce a.button,
    .woocommerce input.button,
    .woocommerce .button.alt{

        font-size:14px!important;

        padding:11px 18px!important;

    }

}

@media (max-width:360px){

    .woocommerce button.button,
    .woocommerce a.button,
    .woocommerce input.button,
    .woocommerce .button.alt{

        font-size:13px!important;

        padding:10px 16px!important;

    }

}