@font-face {
    font-family: 'AtlasGrotesk_Black';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-Black.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Black_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-BlackItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Bold_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-BoldItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Light';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Light_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-LightItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Medium';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-Medium.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Medium_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-MediumItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Ultralight_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-LightItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Regular';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtlasGrotesk_Ultralight_Italic';
    src: url('../fonts/atlasGrotesk/AtlasGrotesk-RegularItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html,body{
    font-family: 'AtlasGrotesk_Regular';
}

h1,h2,h3,h4,h5,h6{
    font-family: 'AtlasGrotesk_Medium';
    letter-spacing: 0.2px;
}

p{
    font-size: 16px;
    letter-spacing: 0.15px;  
}

label{
    font-family: 'AtlasGrotesk_Medium';
    color: #002640;
    font-size: 14px;
    letter-spacing: 0.25px;
    font-weight: 500;
}

#msg_err {
    font-size: 12px;
    color: red;
    font-weight: bold;
}

.subtitulo{
    font-family: 'AtlasGrotesk_Regular';
    font-size: 18px;
    letter-spacing: 0.15px;
}

.link_password{
    color: #002640;
    font-size: 16px;
    letter-spacing: 0.3px;
    font-weight: 450;
}

.btn{
    font-family: 'AtlasGrotesk_Medium';
    border-radius: 64px;
    color: #002640;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.btn.btn-warning{
    background: #FFAB4D;
}

.btn.btn-light{
    background: #FFFFFF;;
}

.btn{
    min-width: 130px;
}

.form-control{
    border-style: solid !important;
    border-color: #7D98B1 !important;
}

.form-control::placeholder{
    color: #7D98B1;  
}

.terminosCondiciones{
    font-size: 16px;  
}

.link_terminos{
    font-family: 'AtlasGrotesk_Medium'; 
    font-size: 14px;  
}

.info{
    font-size: 20px; 
}

.flex {
    display: flex;
}

.flex > * {
    order: 0;
}

.errorData{
    color: #C93532;
    font-size: 12px;
    letter-spacing: 0.4px;
    font-weight: 400;
    padding-top: 6px;
}

@media (max-width: 575px) { 
    .btnUno{
        order: 2;
    }
    .btnDos{
        order: 1;
    }

    .captchaStyle{
      transform: scale(0.94);
      transform-origin: 0 0;  
    } 

    #colContent{
      border:none;  
      box-shadow: none;
      border:0px;
    }

    #imgLogo{
      height: 23px;
    }

    #logo_covalto{
      top: 3%;  
    }

    #contenidoForms{
      top: 22%;
    }

    .headerInfoMobil{
      display: block;
    }

    .headerInfo{
       display: none; 
    }
}