@charset "UTF-8";

@import url("https://use.typekit.net/ipx5dlh.css");

:root{
    /*BIRSSA COLORES*/
    --birssa-ruby-tech : #F66666;
    --birssa-red-label : #EA2340;
    --birssa-golden-coin : #FFCC33;
    --birssa-sunrise-vase : #F67F00;
    --birssa-bleu-purse : #97B7C7;
    --birssa-ocean-cirlce: #026E99;
    --birssa-white: #FFFFFF;
    --birssa-dark-shade : #303030;
}

body{
    font-family: "cresta",sans-serif;
}


/*COLORES*/
.color-ruby-tech{
    color:var(--birssa-ruby-tech) !important;
}

.color-red-label{
    color: var(--birssa-red-label) !important;
}

.color-golden-coin{
    color: var(--birssa-golden-coin) !important;
}

.color-sunrise-vase{
    color: var(--birssa-sunrise-vase) !important;
}

.color-bleu-purse{
    color: var(--birssa-bleu-purse) !important;
}

.color-ocean-circle{
    color: var(--birssa-ocean-cirlce) !important;
}

.color-white{
    color: var(--birssa-white) !important;
}

/*FONDOS*/
.background-ruby-tech{
    background-color:var(--birssa-ruby-tech) !important;
}

.background-red-label{
    background-color:var(--birssa-red-label) !important;
}

.background-golden-coin{
    background-color:var(--birssa-golden-coin) !important;
}

.background-sunrise-vase{
    background-color:var(--birssa-sunrise-vase) !important;
}

.background-bleu-purse{
    background-color:var(--birssa-bleu-purse) !important;
}

.background-ocean-circle{
    background-color:var(--birssa-ocean-cirlce) !important;
}

.background-white{
    background-color:var(--birssa-white) !important;
}

/*Oculta el icono del navbar*/
.navbar-status{
    display: none;
}






/*Titulo de las secciones*/
.birssa-title{
    font: normal normal bold 2rem Cresta;
    letter-spacing: 0px;
    opacity: 1;
}

/*Subtitulos de las secciones*/
.birssa-subtitle-2{
    font-size: 1.75rem;
    letter-spacing: 0px;
    opacity: 1;
}

/*imagen principal a pantalla completa*/
#wrapper{
    background: url('../images/back_header_2.png');
    /* background-attachment: fixed; */
    /* background-position: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 150vh;
}

#wrapper-complement{
   background: url('../images/complement_header.png');
   /* background-attachment: fixed; */
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   /* width: 100%; */
}

/* #features{
    background: url('../images/complement_footer.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
} */

#footer-wrapper{
    background: url('../images/back_footer_2.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#overlay-1
{
    background-color: rgba(40, 40, 40, 0.6);
    position: relative;
}

/*items del menu principal*/
.item-header{    
    border-radius: 10px !important;
    /* color: orange !important; */
    font-weight: bolder !important;
    padding: 10px 20px 10px 20px !important;
    margin-right: 30px !important;
    box-shadow: 0px 3px 4px #30303040;    
}


/*posición de la imagen del header*/
.position-main-image{
    /* text-align: left; */
    margin-top: 0px;
}

/*Números grandes dentro del texto*/
.number-lg{
    font-size: 2.6rem;
    font-weight: bolder;
}

.number-medium{
    font-size: 1.7rem;
    font-weight: bolder;
}

.font-0-75{
    font-size: 0.75rem;
}

.font-1-25{
    font-size: 1.25rem;
}

.font-1-2{
    font-size: 1.2rem;
}

.font-1-3{
    font-size: 1.3rem;
}



/*inputs del formulario*/
.tag-chip{
    background-color: white;
    border-radius: 30px;
    border: 0px solid;
    padding: 15px 0 15px 30px;
}

.birssa-btn-primary{
    background-color: var(--birssa-ocean-cirlce);
    color: var(--birssa-white);
    padding: 15px;
    box-shadow: 3px 3px;
}

.birssa-btn-primary:hover{
    color: var(--birssa-white);
}


.birssa-link{
    text-decoration: none;
}

.birssa-link:hover{
    color: var(--birssa-white);
}
/* @media (min-width: 599){
    .position-image-agreements{
        margin-top: 110px;
    }
} */

.logo_birssa_horizontal{
    background-color: var(--birssa-white);
    border-radius: 10px;
    box-shadow: 0px 3px 4px #30303040;
}


/*Estilos para escritorio */
@media (min-width: 600px) {
    
    .position-navbar-desktop{
        margin-top: -10px;
    }

    .position-text-main-title{
        margin-top:200px;
    }

    /*Titulo del header*/
    .birssa-title-nav{
        font-size: 4rem;
        color: white;
        font-weight: bolder;
    }

    .position-birssa-desktop{
        margin-top: -200px;
    }

    .position-main-image{            
        margin-top: 100px;
    }

    .item-birssa-caracteristic{
        margin-top: 100px;  
    }

    #footer-wrapper{
        margin-top:-140px;
    }

    .bius_agreement-position{
        margin-top: -100px;
    }

    .position-contact-desktop{
        padding-top: 450px;
    }

    #loginContainer{
        max-width:70% !important
    }
}

@media (max-width: 599px){

    /*Color de fondo del navbar.*/
    .background-nav-active{
        /* background-color: rgba(255,102,102,.7); */
        background-color: var(--birssa-ocean-cirlce);
    }

    .position-text-main-title{
        margin-top:50px;
    }

    /*Titulo del header*/
    .birssa-title-nav{
        font-size: 35px;
        color: white;
        font-weight: bolder;
    }

    .margin-top-only-movil-footer{
        margin-top: 20px;
    }

    .size-feature-movil{
        height: 250px;
    }

    #loginContainer{
        max-width:100% !important
    }

    
}

.mouseHover{
    transform: translate3d(0px, 0px, 0px) rotate(0.0001deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: relative;
    pointer-events: none;
}

/*redondeo de imagenes*/
.img-rounded{
    border-radius: 50%;
}

.feature img{
    background-color: #E2EBF0;
}