html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Open Sans', serif;
    color: #353535;
    margin: 0;
    padding: 0;
}

.navbar-light .navbar-toggler{
    border-color: transparent;
}

.caja-logo-inacap {
    width: 70%;
}
.logo-kv-inacap {
    height: 35px;
}

@media (min-width: 992px){
    .caja-logo-inacap {
        width: 35%;
    }
}
nav a {
    font-family: "Montserrat", serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
}

.color-nav-link{
    color: #133267;
    transition: all 0.3s ease;
}
.nav-link-1:hover {
   color: #cc0000; 
   text-decoration: underline;
   text-underline-offset: 0.23em; 
}
.nav-link-2:hover {
    color: #F9B61C;
    text-decoration: underline;
    text-underline-offset: 0.23em; 
}
.nav-link-3:hover {
    color: #6FB74E;
    text-decoration: underline;
    text-underline-offset: 0.23em; 
}
.nav-link-4:hover {
    color: #00A4B2;
    text-decoration: underline;
   text-underline-offset: 0.23em; 
}

.color-texto-azul {
    color: #133267;
}

.titulo-h2 {
    font-family:  "Montserrat", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.3rem;
}
@media (min-width: 768px){
    .titulo-h2 {
        font-size: 1.5rem;
    }
}
@media (min-width: 992px){
    .titulo-h2 {
        font-size: 1.9rem;
    }
}

.titulo-montserrat {
    font-family:  "Montserrat", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
}
@media (min-width: 992px){
    .titulo-montserrat {
        font-size: 1.9rem;
    }
}

@media (min-width: 768px){
    .logo-kv {
        width: 70%;
    }
}
@media (min-width: 992px){
    .logo-kv {
        width: 60%;
    }
}
@media (min-width: 1200px){
    .logo-kv {
        width: 50%;
    }
}

.p-texto-kv {
    font-size: 1rem;
}

.border-radius-15 {
    border-radius: 15px;
}

.bg-negro {
    background-color: #272833;
    border-radius: 15px;
}

.p-descarga{
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
}
.link-aqui {
    color: #ffffff;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 40px;
    padding: 0.4375rem 0.9375rem;
    border: 2px solid #ffffff;
}
.link-aqui:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    color: #ffffff;
    padding-left: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}
.link-aqui:hover {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 0.23em;
}
.link-aqui:hover:after {
    color: #ffffff;
 }

.bg-azul {
    background-color: #133267;
}

.img-fondo-cel {
    background-image: url("../img/img-fondo-cel.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;  
}

.img-fondo-tablet {
    background-image: url("../img/img-fondo-tablet.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;  
}

.img-fondo-desktop{
    background-image: url("../img/img-fondo-desktop.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;  
}

.estilo-li-orange{
    color: #EE8430;
    font-size: 1.2rem;
    font-weight: 700;
}
.estilo-li-purple{
    color: #8495e5;
    font-size: 1.2rem;
    font-weight: 700;
}
.estilo-li-blue{
    color: #20a9e3;
    font-size: 1.2rem;
    font-weight: 700;
}

.span-li {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
}

.btn{
    color: #fff;
    font-size: 1rem;
    padding: 0.4375rem 0.9375rem;
    border-radius: 40px; 
    font-weight: 400;
}
.btn:hover{
    text-decoration: underline;
    text-underline-offset: 0.23em;
    color: #fff;
}

.btn-orange {
    background-color: #EE8430;
}
.btn-purple {
    background-color: #4e60b1;
}
.btn-blue {
    background-color: #0185BD;
    font-weight: 400;
}
.a-mas-noticias {
    text-decoration: none;
    color: #133267;
    font-size: 1rem;
    padding: 0.4375rem 0.9375rem;
    border-radius: 40px; 
    background-color: #fff;
    font-weight: 500;
    border: none;
}
.a-mas-noticias:hover{
    text-decoration: underline;
    text-underline-offset: 0.23em;
    color: #133267;
}
.a-mas-noticias:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    color: #133267;
    padding-left: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.bg-light-card {
    background-color: #D1E2FF;
    border-radius: 15px;
}

.card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #353535;
    font-family:  "Montserrat", serif;
}
.card-text {
    font-size: 1rem;
    font-weight: 400;
    color: #353535;
}
.img-card {
    border-radius: 15px;
}
.link-card{
    color: #133267;
    font-size: 1rem;
    transition: all 0.3s ease;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
    border: transparent;
}
.link-card:hover{
    color: #cc0000;
    text-decoration: underline;
    text-underline-offset: 0.23em;
}
.link-card:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    color: #133267;
    padding-left: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}
.link-card:hover:after {
    color: #cc0000;
}

.card-fecha {
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
}

.link-volver{
    color: #133267;
    font-size: 1rem;
    transition: all 0.3s ease;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
    border: transparent;
}
.link-volver:hover{
    color: #133267;
    text-decoration: underline;
    text-underline-offset: 0.23em;
}
.link-volver:before {
    font-family: 'Material Icons';
    content: "\e5cb";
    color: #133267;
    padding-right: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.bg-azul-light {
    background-color: #D1E2FF;
}

.img-border-left {
    border-radius: 15px 15px 0 0;
}

@media (min-width: 768px){
    .img-border-left {
        border-radius: 15px 0 0 15px;
    }
}

.a-mas-apoyo{
    text-decoration: none;
    color: #133267;
    font-size: 1rem;
    padding: 0.4375rem 0.9375rem;
    border-radius: 40px; 
    background-color: #D1E2FF;
    font-weight: 500;
    border: none;
}
.a-mas-apoyo:hover{
    text-decoration: underline;
    text-underline-offset: 0.23em;
    color: #133267;
}
.a-mas-apoyo:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    color: #133267;
    padding-left: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.btn-resumen{
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    padding: 0.4375rem 0.9375rem;
    border-radius: 40px; 
    background-color: #133267;
    font-weight: 400;
    border: none;
}

.btn-resumen:hover{
    text-decoration: underline;
    text-underline-offset: 0.23em;
    color: #fff;
}
.btn-resumen:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    color: #fff;
    padding-left: 0px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}