/*colors*/





/*colores que modifican los titulos*/
:root{
    /*black*/
    --black-100:#1b1b1b;
    --black-50:#424040;
    --black-25:#6e6d6d;

    /*white*/
    --white-100:#fafafa;
    --white-75:#e6dddd;
    --white-50: #fafafaa1;
    --white-25: #fafafa49;

    /*gray*/
    --gray-100: #868585;
    --gray-50: #bbb9b9;
    --gray-25: #c6c3c3;

    /*primary*/
    --primary-100:#030356;        
    --primary-50: #008aff;
    --primary-25: #716fc2 ;
    /*secundary*/
    
    --secundary-100:#087ef5 ;        
    --secundary-50: #85b851;
    --secundary-25: #90b66a ;


/*colors*/
--purple: #bb00ffaa;
--purple-princ:#4b2868;
--green: #0a970a; 
--blue: #1639d3;
--blue-50: #3f54b2;
--red:  #a40a19;
--yellow: #d8c709 ;
--cyan: #1ed1da ;
--especial: none ;

/**colors title strongs**/
--color-str-title_2: #270fad;
/*
--color-str-title_3:;
*/
--color-str-title_4:  #270fad;
--color-str-title_5: ;
--color-str-title_6: ;
--color-str-title_7: ;
--color-str-title_8: ;


}



/*tcextos*/







.text_xl{
font-size: 1.9rem !important;
line-height: 28px !important;
}

.text_l{
font-size:1.2rem !important;
line-height: 23px !important;
}

.text_sm{
font-size: 0.9rem !important;
line-height: 20px !important;
}



@media only screen and (min-width: 600px){
.text_xl{
    font-size: 3rem !important;
    line-height: 50px !important;
}

.text_l{
    font-size: 2.3rem !important;
    line-height: 40px !important;
}


.text_sm{
    font-size: 1.5rem !important;
    line-height: 30px !important;
}

}



/*textos negros*/
.text_black-100{
color: var(--black-100) !important;
}
.text_black-50{
color: var(--black-50) !important;
}
.text_black-25{
color: var(--black-25) !important;
}




/*textos blancos*/
.text_white-100{
color: var(--white-100) !important;
}

.text_white-75{
color: var(--white-75) !important;
}
.text_white-50{
color: var(--white-50) !important;
}
.text_white-25{
color: var(--white-25) !important;
}





/*textos grises*/
.text_gray-100{
color: var(--gray-100) !important;
}
.text_gray-50{
color: var(--gray-50) !important;
}
.text_gary-25{
color: var(--gray-25) !important;
}

/*textos principales*/

.text_primary-100{
color: var(--primary-100) !important;
}
.text_primary-50{
color: var(--primary-50) !important;
}
.text_primary-25{
color: var(--primary-50) !important;
}




/*textos secundarios*/

.text_secundary-100{
color: var(--secundary-100) !important;
}
.text_secundary-50{
color: var(--secundary-50) !important;
}
.text_secundary-25{
color: var(--secundary-25) !important;
}













/*footer botom */


.agencyInfo{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 250;
font-size: 20px;
color: var(--black-50);
}

.agencyInfo a {
margin: 0 8px;
display: inline-block;
}

.agencyInfo a:hover{
color: #00c4fa;
}









/*************fuentes ****************/


.centrado{
display: flex !important;
flex-direction: column;
justify-content: center !important;
align-items: center !important;
}

.opacity-0{
opacity: initial !important;
}


.icon_footer{
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
color: #00c4fa;
text-align: center;
border-radius: 5555555px;
padding: 5px;
border: solid 1px #00c4fa;
transition-duration: 0.5s;
}

.icon_footer:hover{
background-color: #00c4fa;
}





.map{
height: 350px;
border-radius: 10% ;
}


.footer-link-list{
overflow-y: scroll;
overflow-x: auto;
list-style-type: none;
width: 100%;
height: 270px;
}


.footer-link-list li {
margin: 13px 0;

}

.footer-link-list li a {
color: white;
font-size: 16px;
transition-duration: 0.4s ;}

.footer-link-list a:hover{
font-size: 17.2px;
font-weight: 600;

}




.title_2{
    font-size: 21px;
}

.title_2 strong{
color: var(--color-str-title_2);


}


.title_3 strong{
color: var(--color-str-title_3);

}


.title_4 strong{
color: var(--color-str-title_4) !important;

}

.title_5 strong{
color: var(--color-str-title_5);
}

.title_6 strong{
color: var(--color-str-title_6);
}

.title_7 strong{
color: var(--color-str-title_7);
font-style: italic;
text-decoration: underline;
}

.title_8 strong{
color: var(--color-str-title_8);
}


.title_2, .title_3, .title_4, .title_5, .title_6, .title_7, .title_8{
font-weight: 600;
}






.doc1_v2{
    width: 30px !important;

}

.doc2_v2{
    width: 120px !important;
}



.agencyInfo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 250;
    color: #ffff;
  }
  
  .agencyInfo a {
    margin: 0 8px;
    color: rgb(255, 255, 255);
    display: inline-block;
  }
  
  .agencyInfo a:hover{
    color: #1b72ff;
  }