/*fuentes
font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;600;700;800&family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/*general*/
a, a:link, a:hover, a:active, a:focus, a:focus-within, a:visited{
    text-decoration: none;
    white-space: nowrap;
}
a.white-space-none{
    white-space: initial !important;
}
.under-line{
    text-decoration: underline !important;
}
.underline-1{
    text-decoration-thickness: 1px !important;
}
ul{
    list-style: none;
    padding: 0;
}
h1, h2,h3,h4,h5,h6, .h1, .h2,.h3,.h4,.h5,.h6{
    font-family: 'Nunito', sans-serif !important;
}
body,p, a, div, main, footer, header, strong,b, .display-1, .display-2, .display-3, .display-4, lead, .lead, small:not(.fa, .fab, .far, .fas), .small:not(.fa, .fab, .far, .fas){
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;    
}
span:not(.fa, .fab, .far, .fas), i:not(.fa, .fab, .far, .fas){
    font-family: 'Open Sans', sans-serif;
}
button:focus, button:focus-within, input:focus, input:focus-within, video:focus, video:focus-within, textarea:focus, textarea:focus-within{
    outline: none !important;
    border: none !important;
}
img{
    max-width: 100%;
}
.vertical-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: column;
}
.flex-item-center{
    align-items: center;
}
.opacity-5{
    opacity: .5;
}
.p-relative{
    position: relative;
}
.rounded-30{
    border-radius: 30px;
}
.rounded-20{
    border-radius: 20px;
}
.rounded-15{
    border-radius: 15px;
}
.rounded-12{
    border-radius: 12px;
}
.line-height-auto{
    line-height: initial !important;
}
.border-1, .border-1-hover:hover{
    border-width: 1px !important;
}
.border-2, .border-2-hover:hover{
    border-width: 2px !important;
}
.border-3, .border-3-hover:hover{
    border-width: 3px !important;
}
.border-4, .border-4-hover:hover{
    border-width: 4px !important;
}
.border-5, .border-5-hover:hover{
    border-width: 5px !important;
}

.height-100{
    height: 100%;
}
.border-color-1, .border-color-1-hover:hover{
    border-color: #146a9d !important;
}
.border-color-1-light, .border-color-1-light-hover:hover{
    border-color: #41b0f0 !important;
}
.border-color-1-lighter, .border-color-1-lighter-hover:hover{
    border-color: #3efdff !important;
}
.border-color-1-darker, .border-color-1-darker-hover:hover{
    border-color: #030615 !important;
}
.border-color-1-dark, .border-color-1-dark-hover:hover{
    border-color: #1f3c56 !important;
}
.border-color-2, .border-color-2-hover:hover{
    border-color: #e98128 !important;
}
.border-color-2-light, .border-color-2-light-hover:hover{
    border-color: #e9c700 !important;
}
.border-color-7, .border-color-7-hover:hover{
    border-color: #7c6952;
}
.border-color-3, .border-color-3-hover:hover{
    border-color: #8b3ba9 !important;
}
.border-color-4, .border-color-4-hover:hover{
    border-color: #d02e83 !important;
}
.border-color-8, .border-color-8-hover:hover{
    border-color: #f88080 !important;
}
.border-color-5, .border-color-5-hover:hover{
    border-color: #ec6c4f !important;
}
.border-color-9, .border-color-9-hover:hover{
    border-color: #369786 !important;
}
.border-color-light, .border-color-light-hover:hover{
    border-color: #B6BFCD !important;
}

.bg-1, .bg-1-hover:hover{
    background-color: #146a9d !important;
}
.bg-1-light, .bg-1-light-hover:hover{
    background-color: #41b0f0 !important;
}
.bg-1-lighter, .bg-1-lighter-hover:hover{
    background-color: #3efdff !important;
}
.bg-1-dark, .bg-1-dark-hover:hover{
    background-color: #1f3c56 !important;
}
.bg-1-darker, .bg-1-darker-hover:hover{
    background-color: #030615 !important;
}
.bg-2, .bg-2-hover:hover{
    background-color: #e98128 !important;
}
.bg-2-light, .bg-2-light-hover:hover{
    background-color: #e9c700 !important;
}
.bg-3, .bg-3-hover:hover{
    background-color: #8b3ba9 !important;
}
.bg-4, .bg-4-hover:hover{
    background-color: #d02e83 !important;
}
.bg-5, .bg-5-hover:hover{
    background-color: #ec6c4f !important;
}
.bg-7, .bg-7-hover:hover{
    background-color: #7c6952 !important;
}
.bg-8, .bg-8-hover:hover{
    background-color: #f88080 !important;
}
.bg-10, .bg-10-hover:hover{
    background-color: #c54141 !important;
}
.bg-9, .bg-9-hover:hover{
    background-color: #369786 !important;
}
.bg-light, .bg-light-hover:hover{
    background-color: #B6BFCD !important;
}
.bg-transparent{
    background-color: transparent;
}
.bg-6{
    background-color: #1a354d;
}
.border-color-8, .border-color-8-hover:hover{
    border-color: #f88080 !important;
}

.color-1, .color-1-hover:hover, .color-1::placeholder{
    color: #146a9d !important;
}
.color-1-light, .color-1-light-hover:hover, .color-1-light::placeholder{
    color: #41b0f0 !important;
}
.color-1-lighter, .color-1-lighter-hover:hover, .color-1-lighter::placeholder{
    color: #3efdff !important;
}
.color-1-dark, .color-1-dark-hover:hover, .color-1-dark::placeholder{
    color: #1f3c56 !important;
}
.color-1-darker, .color-1-darker-hover:hover, .color-1-darker::placeholder{
    color: #030615 !important;
}
.color-2, .color-2-hover:hover, .color-2::placeholder{
    color: #e98128 !important;
}
.color-2-light, .color-2-light-hover:hover, .color-2-light::placeholder{
    color: #e9c700 !important;
}
.color-3, .color-3-hover:hover, .color-3::placeholder{
    color: #8b3ba9 !important;
}
.color-4, .bg-4-hover:hover{
    color: #d02e83 !important;
}
.color-5, .color-5-hover:hover{
    color: #ec6c4f !important;
}
.color-7, .color-7-hover:hover{
    color: #7c6952;
}
.color-8, .color-8-hover:hover{
    color: #f88080 !important;
}
.color-9, .color-9-hover:hover{
    color: #369786 !important;
}
.color-light, .color-light-hover:hover{
    color: #B6BFCD !important;
}

.bg-cover{
    background-size: cover !important;
}
.bg-center{
    background-position: center;
}
.fuente-100 {
    font-weight: 100!important
}

.square{
    border-radius: 0 ;
}
.fuente-200 {
    font-weight: 200!important
}

.fuente-300 {
    font-weight: 300!important
}

.fuente-400 {
    font-weight: 400!important
}

.fuente-500 {
    font-weight: 500!important
}

.fuente-600 {
    font-weight: 600!important
}

.fuente-700 {
    font-weight: 700!important
}

.fuente-800 {
    font-weight: 800!important
}

.fuente-900 {
    font-weight: 900!important
}

/*color texto*/
.color-negro, .color-negro-hover:hover, .color-negro::placeholder { 
    color: #000000
 }
.color-gris-1, .color-gris-1-hover:hover, .color-gris-1::placeholder {
     color: #191919 
    }
.color-gris-2, .color-gris-2-hover:hover, .color-gris-2::placeholder {
     color: #323232 
    }
.color-gris-3, .color-gris-3-hover:hover, .color-gris-3::placeholder {
     color: #4B4B4B 
    }
.color-gris-4, .color-gris-4-hover:hover, .color-gris-4::placeholder {
     color: #646464 
    }
.color-gris-5, .color-gris-5-hover:hover, .color-gris-5::placeholder {
     color: #7D7D7D 
}
.color-gris-6, .color-gris-6-hover:hover, .color-gris-6::placeholder {
     color: #969696 
    }
.color-gris-7, .color-gris-7-hover:hover, .color-gris-7::placeholder {
     color: #AFAFAF 
    }
.color-gris-8, .color-gris-8-hover:hover, .color-gris-8::placeholder {
     color: #C8C8C8 
    }
.color-gris-9, .color-gris-9-hover:hover, .color-gris-9::placeholder {
     color: #E0E0E0
    }
.color-gris-10, .color-gris-10-hover:hover, .color-gris-10::placeholder {
     color: #F5F6F8 
    }
.color-blanco, .color-blanco-hover:hover, .color-blanco::placeholder {
     color: #FFFFFF 
    }

.color-success{
    color: #47B881;
}
/*color fondo*/
.bg-negro, .bg-negro-hover:hover {
     background-color: #000000; fill: #000000 
    }
.bg-gris-1, .bg-gris-1-hover:hover {
     background-color: #191919; fill: #191919 
    }
.bg-gris-2, .bg-gris-2-hover:hover {
     background-color: #323232; fill: #323232 
    }
.bg-gris-3, .bg-gris-3-hover:hover {
     background-color: #4B4B4B; fill: #4B4B4B 
    }
.bg-gris-4, .bg-gris-4-hover:hover {
     background-color: #646464; fill: #646464 
    }
.bg-gris-5, .bg-gris-5-hover:hover {
     background-color: #7D7D7D; fill: #7D7D7D 
    }
.bg-gris-6, .bg-gris-6-hover:hover {
     background-color: #969696; fill: #969696 
    }
.bg-gris-7, .bg-gris-7-hover:hover {
     background-color: #AFAFAF; fill: #AFAFAF 
    }
.bg-gris-8, .bg-gris-8-hover:hover {
     background-color: #C8C8C8; fill: #C8C8C8 
    }
.bg-gris-9, .bg-gris-9-hover:hover {
     background-color: #E1E1E1; fill: #E1E1E1 
    }
.bg-gris-10, .bg-gris-10-hover:hover {
     background-color: #F5F6F8; fill: #F5F6F8 
    }
.bg-blanco, .bg-blanco-hover:hover {
     background-color: #FFFFFF; fill: #FFFFFF 
    }
    /*color fondo*/
.border-negro, .border-negro-hover:hover {
    background-color: #000000; fill: #000000 
   }
.border-gris-1, .border-gris-1-hover:hover {
    background-color: #191919; fill: #191919 
   }
.border-gris-2, .border-gris-2-hover:hover {
    background-color: #323232; fill: #323232 
   }
.border-gris-3, .border-gris-3-hover:hover {
    background-color: #4B4B4B; fill: #4B4B4B 
   }
.border-gris-4, .border-gris-4-hover:hover {
    background-color: #66788A; fill: #646464 
   }
.border-gris-5, .border-gris-5-hover:hover {
    background-color: #7D7D7D; fill: #7D7D7D 
   }
.border-gris-6, .border-gris-6-hover:hover {
    background-color: #969696; fill: #969696 
   }
.border-gris-7, .border-gris-7-hover:hover {
    background-color: #AFAFAF; fill: #AFAFAF 
   }
.border-gris-8, .border-gris-8-hover:hover {
    background-color: #C8C8C8; fill: #C8C8C8 
   }
.border-gris-9, .border-gris-9-hover:hover {
    background-color: #E1E1E1; fill: #E1E1E1 
   }
.border-gris-10, .border-gris-10-hover:hover {
    background-color: #F5F6F8; fill: #F5F6F8 
   }
.border-blanco, .border-blanco-hover:hover {
    background-color: #FFFFFF; fill: #FFFFFF 
   }
/*navbar
.navbar-brand{
    width: 250px;
}*/
.navbar-brand img{
    width: 100%;
    height: auto;
}
.embed-responsive-9by21{
    padding-bottom: 170%;
}

/*animated scroll*/
.animated-scroll:not(.animated-in){
    opacity:0;
}
.animated-delay-1{
    animation-delay: .2s;
}
.animated-delay-2{
    animation-delay: .4s;
}
.animated-delay-3{
    animation-delay: .6s;
}
.animated-delay-4{
    animation-delay: .8s;
}

.tit-slider{
    font-size: 5rem;
    line-height: 4.8rem;
}
/*xs*/
@media (max-width: 575px){
    .h-initial-xs{
        height: initial !important;
    }
    #slider-inicio .carousel-item{
        height: 250px;
    }
    h1,.h1{
        font-size: 2.2em !important;
    }
    .tit-slider{
        font-size: 3rem;
        line-height: 2.8rem;
    }
    
    
}
/*sm*/
@media (max-width: 767px) and (min-width: 576px){
    .h-initial-sm{
        height: initial !important;
    }
    
    .tit-slider{
        font-size: 3rem;
        line-height: 2.8rem;
    }
    
    
}
/*md*/
@media (max-width: 991px) and (min-width: 768px){
    .h-initial-md{
        height: initial !important;
    }  
    .modal-dialog{
        min-width: 733px !important;
        max-width: initial !important;
        width: 733px !important;
    }   
}
/*lg*/
@media (min-width: 992px){
    .h-initial-lg{
        height: initial !important;
    }
    .text-lg-justify{
        text-align: justify !important;
    }  
}
/*xl*/
@media (min-width: 1200px){
    .h-initial-xl{
        height: initial !important;
    }  
}

#contenidos ul{
    list-style: disc !important;
    padding-left: 25px;
}

#contenidos li{
    font-size: 17px;
}

#contenidos table{
    font-size: 16px;
}

#contenidos td{
    padding: 5px;
}