@font-face {
    font-family: "Montserrat";
    src: url("Resource/Fonts/Montserrat-Regular.ttf");
}

@font-face{
    font-family: "Montserrat-Light";
    src: url("Resource/Fonts/Montserrat-Light.ttf");
}

@font-face{
    font-family: "Montserrat-Medium";
    src: url("Resource/Fonts/Montserrat-Medium.ttf");
}

@font-face{
    font-family: "Myriad-Pro-Light";
    src: url("Resource/Fonts/Myriad-Pro-Light.otf");
}
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.input-modal{
    margin-top: 5%;
    border-radius: 20px;
    font-family: "Scandia";
    border-color: #6091BA;
    background-color: #DFE8EF;

}

.input-modal::placeholder 
{ 
    color: #6091BA; 
    padding-left: 5%;
    font-family: "Montserrat";
}

.debug, .debug *{
    box-shadow: 0px 0px 35px 30px rgba(187,187,188,0.75);
-webkit-box-shadow: 0px 0px 35px 30px rgba(187,187,188,0.75);
-moz-box-shadow: 0px 0px 35px 30px rgba(187,187,188,0.75);
}


.size-in-device-small{
    font-size:x-large;
}


@media (max-width: 1200px) {
    .size-in-device-small{
        font-size:larger;
    }
    .alineamiento-2{
    margin-left:7%;
    }
}

.modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
    
    .alineamiento{
    margin-left:25%;
    }

.montserrat {
    font-family: "Montserrat";
}
.montserrat-light{
    font-family: "Montserrat-Light";
}
.montserrat-medium{
    font-family: "Montserrat-Medium";
}
.myriad-pro-light{
    font-family: "Myriad-Pro-Light";
}
.montserrat-small{
    font-size:x-small;
}
.degradado_sect1 {
    background: rgb(0, 139, 193);
    background: linear-gradient(270deg, rgba(0, 139, 193, 1) 0%, rgba(0, 76, 134, 1) 0%, rgba(44, 170, 226, 1) 100%);
}
.degradado_sect1_2 {
    background: rgb(249, 175, 65);
    background: linear-gradient(to bottom, rgba(249, 175, 65, 1) 0%, rgba(237, 111, 39, 1) 39%, rgba(234, 80, 65, 1) 64%, rgba(187, 25, 30, 1) 100%);
}
.degradado_sect3 {
    background: rgb(44, 170, 226);
    background: linear-gradient(270deg, rgba(44, 170, 226, 1) 0%, rgba(0, 104, 161, 1) 5%, rgba(0, 76, 134, 1) 10%, rgba(0, 139, 193, 1) 74%, rgba(0, 103, 160, 1) 99%);
}
.fondo_sect4 {
    background-image: url('Resource/Section_4/fondo_beneficios_azulRecurso 19@4x.png');
}
.fondo_sect1 {
    background-color: #78B3CE;
}
.fondo_cabecera_sect2 {
    background-color: #78B3CE;
}

.logo_nav {
    width: 150px;
    height: 40px;
}

.text_sect2 {
    padding: 0% 0px 10% 10%;
}

.p-top {
    padding: 6% 0 0 0;
}

.color_azul_sect5 {
    color: #0A456D;
}

.margin-top-sy {
    margin-top: 10%;
}

.modal-formulario{
    background-color:#DFE8EF ;
}




.text_sect2_Akos {
    font-family: "Montserrat";
    color: #ffffff;
}

.text_sect2_neg {
    font-family: Montserrat semibold 14 pts;
    color: #0A456D;
}

.text_sect2_normal {
    font-family: Montserrat Regular 14 pts;
    color: #0A456D;
}

.cuadros_grises {
    background-image: url('Resource/Section_2/recuadrogris_akosRecurso\ 7@4x.png');
}

.puntos_verticales {
    width: 23px;
    height: 250px;
    background-image: url('Resource/Section_2/puntos_verticalesRecurso\ 10@2x.png');
}

.text-azul {
    color: #505051;
}

.text-azul-oscuro{
    color: #0A456D;
}

.text-oscuro-form{
    color:#2C3D4C;
}



.superpuesta-mujer {
    position: absolute;
    z-index: 2;
    top:20%;
    left:70%;
    width: 25%; 
    height: auto;
}

.elevada{
    position: absolute;
    z-index: 1; 
}

.superpuesta-puntos {
    position: absolute;
    top: 5%;
    left: -5%;
    z-index: 1;
}




.superpuesta {
    position: absolute;
    top: 20%;
    left: 8%;
    z-index: 1;
}

.imagen-desbordada {
    width: 100%;
    top: 0%;
}

.imagen-desbordada-5 {
    width: 100%;
    top: 0%;
}