/*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: #1721b4; 
    --color-str-title_3: #1721b4; 
    --color-str-title_4: ;
    --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;
}

.text_ssm{
    font-size: 0.8rem !important;
    line-height: normal !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;
    }
    
    .text_ssm{
        font-size: 1.3rem !important;
        line-height: normal !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{
    width: 80%;
    height: 350px;
    border-radius: 25px ;
}


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


.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 strong{
    color: var(--color-str-title_2);
    

}


.title_3{
    color: var(--black-100);
}

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

}


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

}

.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;
}





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





  .doc1_v2{
    width: 30px !important;

  }
  .doc2_v2{
    width: 120px !important;

  }



.bg-testimonial{
  background-color:#01316c;
  }