@charset "utf-8";

/* *****************************************************************
Theme Name: Theme sin nombre
Theme URI: http://www.xxx.xx/
Description: Theme para el sitio web de...
Author: 4sale
Author URI: http://www.4sale.cl
Version: xx/xx/xxxx
****************************************************************** */

/* comunes */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
html { scroll-behavior: smooth; }
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { display: flex; min-height: 100vh; flex-direction: column; position: relative; font-family: 'Open Sans'; margin-top: 97px; }
section#contenido { flex: 1; margin: 0; overflow: hidden; }
a.btn { border-radius: 0px; border: none; }
.ancla-cont { position: absolute; width: 15px; height: 115px; z-index: 90; margin-top: -115px; }
section.piso { margin-bottom: 90px; position: relative; }
section.banner-top { background-color: #008ace; }
section.banner-top img { margin: 0 auto; max-width: 100%; width: auto; height: auto; }
@media (max-width:768px) {
	img { width: 100%; }
}
.container.container-small { max-width: 1068px; }

/* header */
@media (min-width:1200px) {
	.container { max-width: 1280px; }
}
.header-logo { padding: 20px 0px; box-shadow: 0px -10px 30px 0px #000000; z-index: 2; position: relative; display: none; }
.header-logo img { max-width: 200px; }
header { position: fixed; width: 100%; top: 0; background-color: #fff; padding: 16px 0px; box-shadow: 0px -10px 30px 0px #000000; z-index: 3; transition: .3s ease; }
header a.navbar-brand { max-width: 200px; width: 100%; height: auto; }
header nav.navbar { padding: 0px; }
header ul.navbar-nav { position: relative; padding-left: 40px; }
header ul.navbar-nav li.nav-item { display: table; text-align: center; height: 65px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0px 10px; }
header ul.navbar-nav li.nav-item .vertical { display: table-cell; vertical-align: middle; height: 100%; }
header ul.navbar-nav li.nav-item .vertical a.nav-link { color: #004a98; line-height: 18px; font-size: 14px; }
header ul.navbar-nav li.nav-item .vertical a.nav-link:hover { color: #000; }
section#banner_sup { background-color: #f4f4f4; margin-bottom: 90px; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-telemedicina { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-planmedicamentos { color: #ff4131; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-urgenciasdentales { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-cajadealimentos { color: #005193; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-gasco { color: #00A6DA; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-entel { color: #005193; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-urgenciasambulatorias { color: #7AB51D; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-despachomedicamentos { color: #ff4131; }
header ul.navbar-nav li.nav-item .vertical.active a.nav-link.btn-menu-spotify { color: #76ac49; }
header.active { top: 0px; }
button.navbar-toggler.collapsed { color: #004a98; }
button.navbar-toggler { color: #FFAF1B; outline: none; }
@media (max-width:768px) {
	header a.navbar-brand { max-width: 130px; }
	header { padding: 10px 0px; }
	.header ul.navbar-nav { padding-left: 0px; }
	body { margin-top: 65px; }
}

/* footer */
/*footer { background-color: #EAF1F6; padding: 30px 0px; }
footer .wrapper-footer { display: flex; justify-content: space-between; align-items: center; }
footer .wrapper-footer .logo { }
footer .wrapper-footer .logo figure { margin: 0; }
footer .wrapper-footer .logo figure img { max-width: 176px; height: auto; width: 100%; }
footer .wrapper-footer .legales { }
footer ul { font-family: 'Open Sans'; font-size: 13px; color: rgb(0, 82, 148) !important; padding: 0px; padding-left: 20px; margin-bottom: 0px; }
footer .wrapper-footer .legales p { margin: 0; color: #666666; font-size: 14px; text-align: right; }
footer .wrapper-footer .legales p a { color: #00489B; text-decoration: none; }
@media (max-width:991px) {
	footer .wrapper-footer { flex-direction: column; }
	footer .wrapper-footer .logo { margin-bottom: 25px; }
	footer .wrapper-footer .legales p { text-align: left; }
	footer { padding: 45px 0px; }
}*/
/* footer */
footer { background-color: #e5edf4; padding: 45px 0px; }
footer .footer-top { margin-bottom: 30px; }
footer .footer-top a { color: #005291; font-family: 'Open Sans'; }
footer .footer-top .center { text-align: center; }
footer .footer-top .right { text-align: right; }
footer .footer-top .center .footer-social-icon {display: inline-block; width: 20px; height: 20px;}
footer .legales { }
footer ul { font-family: 'Open Sans'; font-size: 13px; color: rgb(0, 82, 148) !important; padding: 0px; padding-left: 20px; margin-bottom: 0px; }
footer div#accordion { }
footer div#accordion .card { background-color: transparent; border: 0px; }
footer div#accordion .card .card-header { background-color: transparent; border: 0px; padding: 0px; font-family: 'Open Sans'; }
footer div#accordion .card .card-header button { width: 100%; text-align: left; text-decoration: none; color: rgb(0, 82, 148) !important; padding: 0px; margin-left: -1px; }
footer div#accordion .card .card-header button h5 { font-size: 13px; }
footer div#accordion .card-body { font-family: 'Open Sans'; font-size: 13px; color: rgb(0, 82, 148) !important; }
@media (max-width:768px) {
	footer .footer-top .left { text-align: center; margin-bottom: 10px; }
	footer .footer-top .center { margin-bottom: 10px; }
	footer .footer-top .right { text-align: center; }
}
.banner-principal img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.banner-principal img.desktop { display: block; }
.banner-principal img.mobile { width: 100%; display: none; }
@media (max-width:768px) {
	.banner-principal img.desktop { display: none; }
	.banner-principal img.mobile { display: block; }
}
@media (max-width:991px) {
	header nav.navbar .navbar-collapse { position: absolute; left: 0; right: 0; top: 94px; border-radius: 0px 0px 15px 0px; background-color: #FFA500; }
	header nav.navbar { position: inherit; }
	header ul.navbar-nav { padding-left: 0; display: flex; padding-right: 35px; text-align: right; padding-top: 65px; padding-bottom: 85px; }
	header ul.navbar-nav li.nav-item { text-align: right; display: flex; align-items: center; justify-content: end; height: auto; margin-left: 0; }
	header ul.navbar-nav li.nav-item .vertical { height: auto; display: flex; }
	header ul.navbar-nav li.nav-item .vertical a.nav-link { color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: bold; padding: 15px 0px; }
	header ul.navbar-nav li.nav-item:before { content: ''; display: block; height: 1px; width: auto; background-color: #fff; flex: 1; margin-right: 15px; }
	header ul.navbar-nav li.nav-item .vertical a.nav-link:hover { color: #0A539B; }
}
@media (max-width:768px) {
	header nav.navbar .navbar-collapse { top: 65px; }
}
.ancla-margin { position: relative; top: -135px; }
@media (max-width:768px) {
	.ancla-margin { top: -100px; }
}
.banner-principal .desktop { display: block; }
.banner-principal img { max-width: 100%; height: auto; }
.banner-principal .mobile { display: none; }
@media (max-width:768px) {
	.banner-principal .desktop { display: none; }
	.banner-principal .mobile { display: block; }
}
.sub-titulo {display: block; margin: -60px auto 60px auto; padding: 20px; max-width: 1000px; background-color: #00539b; border-radius: 15px}
.sub-titulo h2 { color:#FFFFFF; font-size: 28px; text-align: center; }
.piso-fondomutuo {background: rgb(0, 83, 155);background: -moz-linear-gradient(90deg, rgba(0, 83, 155, 1) 0%, rgba(213, 64, 40, 1) 100%);background: -webkit-linear-gradient(90deg, rgba(0, 83, 155, 1) 0%, rgba(213, 64, 40, 1) 100%);background: linear-gradient(90deg, rgba(0, 83, 155, 1) 0%, rgba(213, 64, 40, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00539b", endColorstr="#d54028", GradientType=1);position: relative;/* height: 237px; */display: flex;align-items: center;justify-content: center;margin-bottom: 170px;}
.piso-fondomutuo h3 { color: #FFFFFF; font-family: Open sans, sans-serif; font-size: 40px; text-align: center; margin-bottom: 40px; }
.piso-fondomutuo .logos { display: flex; align-items: center; justify-content: center; gap: 30px; position: absolute; left: 0; right: 0; bottom: -50px; }
.piso-fondomutuo .logos .item { max-width: 340px; width: 100%; min-height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background-color: #fff; box-shadow: 0px 3px 7px #00000033; }
.piso-fondomutuo .logos .item figure { margin: 0; }
.piso-fondomutuo .logos .item figure img { display: block; max-width: 100%; height: auto; }
@media (max-width:768px) {
	.sub-titulo {display: block; margin: -30px 0 30px 0; }
	.sub-titulo h2 {font-size: 18px;}
	.piso-fondomutuo h3 strong { display: block; }
	.piso-fondomutuo .logos { padding: 0px 15px; gap: 0; margin-left: -7px; margin-right: -7px; align-items: normal; margin-bottom: 20px; }
	.piso-fondomutuo .logos .item { flex: 1; min-height: initial; padding: 10px 25px; margin: 0px 7px; }
	.piso-fondomutuo h3 { font-size: 30px; }
	.piso-fondomutuo {/* height: 192px; */margin-bottom: 90px;}
}
.piso-quedebesaber { margin-bottom: 110px; }
.titular-sec { margin-bottom: 45px; }
.titular-sec h3 { color: #0A539B; font-size: 26px; text-align: center; margin: 0; margin-bottom: 15px; }
@media (max-width:768px) {
	.titular-sec h3 { font-size: 24px; }
	.titular-sec h3 strong { display: block; }
	.titular-sec { margin-bottom: 25px; }
}
.piso-quedebesaber .wrapper-items { display: flex; gap: 30px; }
.piso-quedebesaber .wrapper-items .item { flex: 1; display: flex; }
.piso-quedebesaber .wrapper-items .item .wrapper-item { flex: 1; border: 1px solid rgb(10 83 155 / 15%); padding: 20px 30px; border-radius: 16px; position: relative; overflow: hidden; }
.piso-quedebesaber .wrapper-items .item .wrapper-item p { color: #546E7A; font-size: 16px; margin: 0; }
.piso-quedebesaber .wrapper-items .item .wrapper-item:before { content: ''; width: 165px; height: 165px; display: block; border-radius: 100%; background: rgb(255, 211, 129); background: -moz-linear-gradient(52deg, rgba(255, 211, 129, 1) 0%, rgba(255, 165, 0, 1) 100%); background: -webkit-linear-gradient(52deg, rgba(255, 211, 129, 1) 0%, rgba(255, 165, 0, 1) 100%); background: linear-gradient(52deg, rgba(255, 211, 129, 1) 0%, rgba(255, 165, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd381", endColorstr="#ffa500", GradientType=1); position: absolute; bottom: -110px; right: -110px; }
@media (max-width:991px) {
	.piso-quedebesaber .wrapper-items { gap: 0; flex-direction: column; }
	.piso-quedebesaber .wrapper-items .item { margin-bottom: 15px; }
}
.piso-porque { margin-bottom: 35px; }
.piso-porque .wrapper { border: 1px solid rgb(10 83 155 / 15%); border-radius: 16px; padding: 0px 30px; }
.piso-porque .wrapper .titular-sec { margin: 0; display: flex; align-items: center; justify-content: center; }
.piso-porque .wrapper .titular-sec h3 { margin: 0; background-color: #fff; margin-top: -16px; padding: 0px 15px; }
.piso-porque .wrapper .wrapper-checks { margin-top: 40px; display: flex; margin-bottom: 40px; gap: 40px; }
.piso-porque .wrapper .wrapper-checks .item { flex: 1; display: flex; }
.piso-porque .wrapper .wrapper-checks .item .check img { display: block; }
.piso-porque .wrapper .wrapper-checks .item .cont { padding-left: 15px; padding-top: 6px; }
.piso-porque .wrapper .wrapper-checks .item .cont p { color: #546E7A; font-size: 16px; }
@media (max-width:991px) {
	.piso-porque .wrapper .wrapper-checks { gap: 0; flex-direction: column; }
	.piso-porque .wrapper .wrapper-checks .item { margin-bottom: 20px; }
	.piso-porque .wrapper .wrapper-checks .item:last-child { margin-bottom: 0; }
}
@media (max-width:768px) {
	.piso-porque .wrapper .wrapper-checks .item .check img { width: 27px; }
	.piso-porque .wrapper .wrapper-checks .item .cont { padding-top: 1px; }
	.piso-porque .wrapper .wrapper-checks .item { margin-bottom: 10px; }
}
.piso-caracteristas { margin-bottom: 80px; }
.piso-caracteristas .wrapper-back { background-image: url(../img/bg-caract.jpg); height: 274px; position: relative; border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; background-size: cover; background-position-y: -71px; }
.piso-caracteristas .wrapper-back h3 { position: relative; z-index: 1; margin: 0; color: #F8F8F8; font-size: 28px; }
.piso-caracteristas .carrusel-caract { padding: 0px 35px; margin-top: -60px; }
.piso-caracteristas .carrusel-caract .item { height: auto; min-height: auto; display: flex; padding: 0px 5px; }
.piso-caracteristas .carrusel-caract .item figure { margin: 0; width: 120px; height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.piso-caracteristas .carrusel-caract .item figure img { max-width: 100%; height: auto; }
.piso-caracteristas .carrusel-caract .item p { margin: 0; color: #546E7A; font-weight: bold; font-size: 16px; }
.piso-caracteristas .wrapper-back::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(45, 49, 52); background: -moz-linear-gradient(0deg, rgba(45, 49, 52, 0.6979166666666667) 0%, rgba(45, 49, 52, 0.20211834733893552) 100%); background: -webkit-linear-gradient(0deg, rgba(45, 49, 52, 0.6979166666666667) 0%, rgba(45, 49, 52, 0.20211834733893552) 100%); background: linear-gradient(0deg, rgba(45, 49, 52, 0.6979166666666667) 0%, rgba(45, 49, 52, 0.20211834733893552) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d3134", endColorstr="#2d3134", GradientType=1); }
.piso-caracteristas .carrusel-caract .slick-track { display: flex; }
.piso-caracteristas .carrusel-caract .item .wrapper-item { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid #0a539b2b; background-color: #fff; border-radius: 10px; padding-top: 20px; padding-bottom: 30px; }
@media (max-width:991px) {
	.piso-caracteristas .carrusel-caract .item { width: 23vw; }
	.piso-caracteristas .wrapper-back { background-position: center; }
}
@media (max-width:768px) {
	.piso-caracteristas .wrapper-back { margin-left: -15px; margin-right: -15px; border-radius: 0; display: flex; align-items: center; justify-content: center; text-align: center; height: 220px; }
	.piso-caracteristas .wrapper-back h3 { max-width: 310px; font-size: 22px; }
	.piso-caracteristas .carrusel-caract { margin-left: -15px; margin-right: -15px; padding: 0; }
	.piso-caracteristas .carrusel-caract .item:first-child { }
	.piso-caracteristas .carrusel-caract .item {    /* padding: 0px 15px; */ }
	.piso-caracteristas .carrusel-caract .slick-track { }
}
@media (max-width:768px) {
	.piso-caracteristas .carrusel-caract .item { width: 46vw; padding: 0px 10px; }
	.piso-caracteristas .carrusel-caract .item figure img { max-width: 100%; max-height: 100%; }
}
.piso-acerca { margin-bottom: 90px; }
.piso-acerca .wrapper { display: flex; align-items: center; gap: 70px; }
.piso-acerca .wrapper .left { width: 45%; }
.piso-acerca .wrapper .left h3 { color: #0A539B; font-weight: bold; font-size: 26px; margin-bottom: 30px; }
.piso-acerca .wrapper .left p { color: #546E7A; font-size: 16px; }
.piso-acerca .wrapper .right { width: 55%; }
.piso-acerca .wrapper .right .wrapper-grafico { }
.piso-acerca .wrapper .right .wrapper-grafico figure { }
.piso-acerca .wrapper .right .wrapper-grafico figure img { max-width: 100%; height: auto; width: 100%; display: block; }
.piso-acerca .container .bajada-grafico { padding: 20px 0; }
.piso-acerca .container .bajada-grafico #descripcion-contratacion{ font-size: 20px; color: #0A539B; text-align: center; font-weight: bold;}
.boton { text-align: center; }
.boton a { background: rgb(0, 83, 155); background: -moz-linear-gradient(180deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); background: linear-gradient(180deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00539b", endColorstr="#007ac1", GradientType=1); color: #fff; font-weight: bold; padding: 13px 15px; display: inline-block; min-width: 200px; border-radius: 5px; transition: .3s ease; }
.piso-acerca .wrapper .left h3:after { content: ''; display: block; width: 30px; height: 4px; background-color: #FFA500; border-radius: 30px; margin-top: 10px; }
.piso-acerca .boton { margin-top: 0px; }
.boton a:hover { filter: brightness(1.2); }
@media (max-width:1199px) {
	.piso-acerca .wrapper { gap: 0; flex-direction: column; }
	.piso-acerca .wrapper .left { width: 100%; }
	.piso-acerca .wrapper .right { width: 100%; }
}
@media (max-width:768px) {
	.piso-acerca .wrapper .right .wrapper-grafico { margin-left: -15px; margin-right: -15px; overflow-x: scroll; margin-bottom: 30px; margin-top: 30px; padding: 0px 15px; }
	.piso-acerca .wrapper .right .wrapper-grafico figure { max-width: 780px; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar { height: 5px; width: 5px; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-track { border-radius: 5px; background-color: #F8F8F8; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-track:hover { background-color: #F8F8F8; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-track:active { background-color: #F8F8F8; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #C6CED2; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-thumb:hover { background-color: #C6CED2; }
	.piso-acerca .wrapper .right .wrapper-grafico::-webkit-scrollbar-thumb:active { background-color: #B9C1C4; }
}
.titular-sec p { text-align: center; color: #546E7A; font-size: 16px; }
.seguros-carrusel .slick-track { display: flex; }
.piso-seguros { margin-bottom: 80px; }
.seguros-carrusel { margin-bottom: 35px; margin-left: -8px; margin-right: -8px; }
.seguros-carrusel .item { min-height: auto; height: auto; display: flex; padding: 0px 8px; }
.seguros-carrusel .item a { display: flex; flex: 1; }
.seguros-carrusel .item .wrapper-item { display: flex; flex: 1; flex-direction: column; border: 1px solid #dbe5f0; border-radius: 16px; overflow: hidden; }
.seguros-carrusel .item .wrapper-item .imagen { padding-top: 58%; display: flex; width: 100%; background-position: center; background-size: cover; }
.seguros-carrusel .item .wrapper-item .bottom { width: 100%; display: flex; flex: 1; justify-content: center; padding-top: 15px; padding-bottom: 20px; }
.seguros-carrusel .item .wrapper-item .bottom h3 { margin: 0; text-align: center; color: #0A539B; font-size: 16px; }
@media (max-width:991px) {
	.seguros-carrusel .item { width: 285px; }
}
@media (max-width:768px) {
	.seguros-carrusel { margin-left: -15px; margin-right: -15px; }
}
.piso-educacion { margin-bottom: 80px; }
.piso-educacion .wrapper { display: flex; border: 1px solid #dbe5f0; border-radius: 16px; overflow: hidden; }
.piso-educacion .wrapper .left { width: 50%; position: relative; min-height: 233px; }
.piso-educacion .wrapper .left figure { margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; }
.piso-educacion .wrapper .right { width: 50%; display: flex; align-items: center; }
.piso-educacion .wrapper .right .content { padding: 30px 30px; }
.piso-educacion .wrapper .right .content h3 { color: #0A539B; font-size: 24px; font-weight: bold; margin-bottom: 15px; }
.piso-educacion .wrapper .right .content p { color: #546E7A; font-size: 16px; }
.piso-educacion .wrapper .right .content a { display: inline-block; color: #007AC1; font-weight: bold; font-size: 16px; border: 1px solid #007AC1; border-radius: 5px; padding: 12px 35px; margin-top: 5px; }
.piso-educacion .wrapper .right .content h3:after { content: ''; display: block; width: 30px; height: 4px; background-color: #FFA500; border-radius: 30px; margin-top: 10px; }
.piso-educacion .wrapper .right .content a:hover { background-color: #007AC1; color: #fff; }
@media (max-width:991px) {
	.piso-educacion .wrapper { flex-direction: column; }
	.piso-educacion .wrapper .left { width: 100%; min-height: auto; padding-top: 42%; }
	.piso-educacion .wrapper .right { width: 100%; }
	.piso-educacion .wrapper .right .content { text-align: center; }
	.piso-educacion .wrapper .right .content h3 { text-align: left; }
	.piso-educacion .wrapper .right .content p { text-align: left; }
}
