@charset "utf-8";
/* comunes */
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; }
@media (max-width:768px) {
img { width: 100%; }
}
/* 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: 13px 0px; box-shadow: 0px -10px 30px 0px #000000; z-index: 3; transition: .3s ease; top: -111px; }
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 15px; }
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: 16px; }
header ul.navbar-nav li.nav-item .vertical a.nav-link:hover { color: #000; }
header.active { top: 0px; }
button.navbar-toggler.collapsed { color: #004a98; }
button.navbar-toggler { color: #022a54; outline: none; }
@media (max-width:768px) {
header a.navbar-brand { max-width: 130px; }
header { padding: 10px 0px; }
.header ul.navbar-nav { padding-left: 0px; }
}
@media (max-width:1280px) {
header ul.navbar-nav li.nav-item .vertical a.nav-link { font-size: 15px; }
header ul.navbar-nav li.nav-item { margin: 0 0.3%; }
header ul.navbar-nav { padding-left: 0px; margin-left: 0 !important; margin-right: auto; }
}
section#banner_sup img { max-width: 100%; height: auto; }
/* 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; }
}
/* BANER HEADER */
/*section#banner_sup .container { margin-bottom: 100px; }*/
section#banner_sup .container .wrapper-banner { display: flex; border: 2px solid #DEE5EF; background-color: #00539b; }
/*section#banner_sup .container .wrapper-banner .left { width: calc(30% + 100px); background-image: url(../img/Foto-Banner_Header-V2.jpg); background-position: bottom; background-size: cover; display: flex; position: relative; }*/
section#banner_sup .container .wrapper-banner .left { width: calc(30% + 100px); background-image: url(../img/Banner-Header-1613x1075.png); background-position: top; background-size: cover; display: flex; position: relative; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont { padding: 40px 30px; position: relative; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont h4 { color: #FFFFFF; font-size: 22px; font-weight: bold; max-width: 410px; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont ul { padding: 0; list-style: none; margin: 0; margin-top: 20px; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont ul li { color: #FFFFFF; font-size: 18px; margin: 4px 0px; padding-left: 20px; position: relative; }
section#banner_sup .container .wrapper-banner .left .solapa { position: absolute; right: 0; top: 0; bottom: 0; }
section#banner_sup .container .wrapper-banner .left .solapa svg { width: 50px; height: 100%; }
section#banner_sup .container .wrapper-banner .right { width: calc(70% - 100px); flex: 1; display: flex; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont { padding: 15px 30px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 45px; text-align: left; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont figure { margin-bottom: 5px; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont figure img { max-width: 100%; height: auto; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont h2 { color: #FFFFFF; font-size: 44px; font-weight: 900; text-align: center; margin-bottom: 15px; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont h3 { color: #FFFFFF; font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 15px; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont p { text-align: center; color: #00489B; font-size: 16px; margin-bottom: 15px; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont a { background-color: #ffa500; display: inline-block; color: #00539b; font-size: 16px; padding: 10px 25px; text-align: center; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont ul li:before { content: ''; display: block; width: 10px; height: 10px; background-color: #92BF24; border-radius: 100%; position: absolute; top: 9px; left: 0; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont a:hover { background-color: #d18100; color: #FFFFFF; }
section#banner_sup .container .wrapper-banner .left .solapa svg.mobile { display: none; }
@media (max-width:991px) {
section#banner_sup .container .wrapper-banner { flex-direction: column; min-height:460px; }
section#banner_sup .container .wrapper-banner .left { width: 100%; min-height:160px; }
section#banner_sup .container .wrapper-banner .right { width: 100%; }
section#banner_sup .container .wrapper-banner .left .solapa { bottom: 0; left: 0; right: 0; top: initial; }
section#banner_sup .container .wrapper-banner .left .wrapper-cont { padding: 30px 15px; padding-bottom: 65px; }
section#banner_sup .container .wrapper-banner .left .solapa svg.mobile { display: block; width: 100%; height: 40px; }
section#banner_sup .container .wrapper-banner .left .solapa svg.desktop { display: none; }
section#banner_sup .container .wrapper-banner .right .wrapper-cont { padding-top: 0; }
}
/* BUSCADOR */
section#buscador .wrapper { background-color: #E7EEF6; }
section#buscador .wrapper .table-w { display: table; width: 100%; max-width: 770px; margin: 0 auto; height: 140px; }
section#buscador .wrapper .table-w .table-c { display: table-cell; vertical-align: middle; }
section#buscador .wrapper .table-w .table-c p { margin: 0; font-family: 'Open Sans'; font-weight: bold; color: #004687; font-size: 18px; }
section#buscador .wrapper .table-w .table-c select { min-width: 300px; border: 0; border-radius: 50px; padding: 6px 18px; font-family: 'Open Sans'; color: #444242; font-size: 16px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(../img/flecha.png); background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); }
@media (max-width:991px) {
section#buscador .wrapper { padding: 0px 15px; }
section#buscador .wrapper .table-w .table-c { padding: 0px 15px; }
}
@media (max-width:768px) {
section#buscador .wrapper .table-w .table-c { padding: 7px 15px; display: block; text-align: center; }
section#buscador .wrapper .table-w { height: auto; padding: 15px 0px; }
section#buscador .wrapper .table-w .table-c p { font-size: 16px; }
section#buscador .wrapper .table-w .table-c select { font-size: 12px; width: 100%; min-width: auto; }
}
/* ICONOS */
section#iconos { }
section#iconos .wrapper { text-align: center; padding: 50px 0px; }
section#iconos .wrapper .item { display: inline-block; vertical-align: top; text-align: center; width: 13%; padding: 0px 0px; }
section#iconos .wrapper .item .imagen { width: 75%; padding-top: 75%; position: relative; background-color: #E7EEF6; border-radius: 100%; margin: 0 auto; margin-bottom: 8px; }
section#iconos .wrapper .item .imagen:hover {transform: translate(0, -5px); transition: all ease-in-out 0.3s;}
section#iconos .wrapper .item p { margin: 0; font-family: 'Open Sans'; font-weight: bold; color: #004687; font-size: 16px; }
section#iconos .wrapper .item .imagen svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; max-width: 75px; max-height: 80px; }
section#iconos .wrapper .item .imagen svg:hover path {fill: #FFFFFF; transition: all ease-in-out 0.3s;}
@media (max-width:1199px) {
section#iconos .wrapper .item .imagen svg { width: 55% !important; }
section#iconos .wrapper .item .imagen { width: 85%; padding-top: 85%; }
section#iconos .wrapper .item p { font-size: 16px; }
section#iconos .wrapper .item { width: 20%; margin-bottom: 20px; }
}
@media (max-width:768px) {
section#iconos .wrapper .item { width: 40%; margin-bottom: 40px; }
section#iconos .wrapper { padding: 30px 0px; }
section#iconos .wrapper .item p { font-size: 12px; }
}
/* BANNER VERDE */
section.banner { margin-bottom: 40px; position: relative; }
section.banner .wrapper { background-color: #94C11F; display: table; width: 100%; padding: 30px 40px; }
section.banner .wrapper .table-w { display: table-cell; vertical-align: middle; }
section.banner .wrapper .table-w .table-c { display: table-cell; vertical-align: middle; }
section.banner .wrapper .table-w .table-c.img { width: 79px; }
section.banner .wrapper .table-w .table-c.img figure { margin: 0; height: auto; width: 100%; }
section.banner .wrapper .table-w .table-c.img figure svg { width: 100%; height: auto; }
section.banner .wrapper .table-w .table-c.tittle { padding: 0px 20px; min-width: 430px; border-right: 1px solid #fff; }
section.banner .wrapper .table-w .table-c.tittle h3 { margin: 0; font-family: 'Open Sans'; color: #fff; font-weight: bold; font-size: 26px; white-space: nowrap; }
section.banner .wrapper .table-w .table-c.descripcion { padding-left: 30px; }
section.banner .wrapper .table-w .table-c.descripcion p { margin: 0; color: #fff; font-family: 'Open Sans'; font-size: 15px; }
@media (max-width:991px) {
section.banner .wrapper .table-w .table-c.descripcion { display: block; padding: 0; margin-top: 15px; border-top: 1px solid #fff; padding-top: 15px; }
section.banner .wrapper .table-w .table-c.tittle { border: 0; min-width: auto; }
section.banner .wrapper .table-w .table-c.tittle h3 { white-space: initial; }
}
@media (max-width:768px) {
section.banner .wrapper .table-w .table-c.img { display: block; margin: 0 auto; margin-bottom: 15px; }
section.banner .wrapper .table-w .table-c.tittle { display: block; padding: 0; }
section.banner .wrapper { padding: 25px 15px; }
section.banner .wrapper .table-w .table-c.tittle h3 { font-size: 20px; }
section.banner .wrapper .table-w .table-c.descripcion p { font-size: 14px; }
}
h2.titular { text-align: center; font-family: 'Open Sans'; font-weight: bold; color: #00489B; font-size: 30px; margin-bottom: 25px; }
h2.titular span { display: inline-block; max-width: 176px; width: 100%; vertical-align: bottom; margin-bottom: 3px; }
@media (max-width:768px) {
h2.titular { font-size: 22px; }
h2.titular span { display: block; margin: 0 auto; margin-top: 10px; }
}
section.piso { margin-bottom: 40px; position: relative; }
/* CALUGAS GRANDES */
.item-calugabig { height: 100%; width: 100%; border: 2px solid #E7EEF6; }
.item-calugabig .wrapper { display: table; width: 100%; height: 100%; }
.item-calugabig .wrapper .table-c { display: table-cell; vertical-align: top; width: 50%; }
.item-calugabig .wrapper .table-c .inner { }
.item-calugabig .wrapper .table-c .inner figure { margin-bottom: 15px; }
.item-calugabig .wrapper .table-c .inner figure img { max-width: 100%; height: auto; width: auto; }
.item-calugabig .wrapper .table-c .inner h2 { font-family: 'Open Sans'; font-weight: bolder; color: #004687; font-size: 36px; margin-bottom: 15px; }
.item-calugabig .wrapper .table-c .inner h3 { font-family: 'Open Sans'; font-weight: bold; color: #004687; font-size: 24px; margin-bottom: 15px; }
.item-calugabig .wrapper .table-c .inner p { font-family: 'Open Sans'; color: #004687; font-weight: 100; font-size: 12px; margin: 0; }
.item-calugabig .wrapper .table-c .inner a { display: block; max-width: 190px; text-align: center; background-color: #1C4B92; color: #fff; margin-top: 10px; font-family: 'Open Sans'; font-weight: 100; font-size: 16px; padding: 7px 15px; }
.item-calugabig .wrapper .table-c .inner a:nth-child(2n) { background-color: #1C4B92; }
.item-calugabig .wrapper .table-c .inner a:hover { background-color: #143971; }
.item-calugabig .wrapper .table-c.bg { background-position: center; background-size: cover; position: relative; }
.item-calugabig .wrapper .table-c.content { padding: 30px 30px; padding-right: 0px; }
.item-calugabig .wrapper .table-c.bg svg { position: absolute; top: 0; bottom: 0; left: 0px; height: 100%; width: auto; }
.atencion-medica .item { margin-bottom: 20px; }
@media (max-width:1199px) {
.item-calugabig .wrapper .table-c.content { padding: 15px 20px; }
}
@media (max-width:500px) {
.item-calugabig .wrapper { display: block; }
.item-calugabig .wrapper .table-c { display: block; width: 100%; }
.item-calugabig .wrapper .table-c .inner h3 { font-size: 20px; }
.item-calugabig .wrapper .table-c .inner p { font-size: 16px; }
}
/*CALUGAS PEQUEÑAS */
.item-calugasm { height: 100%; width: 100%; }
.item-calugasm .wrapper { display: table; width: 100%; height: 100%; border: 2px solid #e7eef6; }
.item-calugasm .wrapper .table-c { display: table-cell; vertical-align: middle; width: 60%; }
.item-calugasm .wrapper .table-c.image { width: 43%; background-position: center; background-size: cover; }
.item-calugasm .wrapper .table-c.content { }
.item-calugasm .wrapper .table-c.content .wrapper-content { padding: 15px 30px; text-align: center; }
.item-calugasm .wrapper .table-c.content .wrapper-content h3 { font-family: 'Open Sans'; font-weight: bold; color: #1c4b92; font-size: 25px; margin-bottom: 0; }
.item-calugasm .wrapper .table-c.content .wrapper-content p { font-family: 'Open Sans'; font-weight: bold; color: #1c4b92; font-size: 16px; margin-bottom: 0; }
.item-calugasm .wrapper .table-c.content .wrapper-content h4 { font-family: 'Open Sans'; color: #1c4b92; font-weight: bold; font-size: 26px; }
.item-calugasm .wrapper .table-c.content .wrapper-content a { display: block; max-width: 190px; text-align: center; background-color: #1c4b92; color: #fff; margin-top: 10px; font-family: 'Open Sans'; font-weight: 100; font-size: 16px; padding: 7px 15px; margin: 0 auto; }
.item-calugasm .wrapper .table-c.content .wrapper-content a:hover { background-color: #143971; }
.item-calugasm .wrapper .table-c.content .wrapper-content a.pens { background-color: #F9BC00; }
.item-calugasm .wrapper .table-c.content .wrapper-content a.pens:hover { background-color: #bd9005; }
@media (max-width:991px) {
.reembolsos .item { margin-bottom: 15px; }
}
@media (max-width:500px) {
.item-calugasm .wrapper { display: block; }
.item-calugasm .wrapper .table-c.image { width: 100%; display: block; padding-top: 55%; }
.item-calugasm .wrapper .table-c { display: block; width: 100%; }
}
/* ODONTOLOGIA */
.odontologia { }
.odontologia .item-solologo { }
.odontologia .item-solologo .wrapper { display: table; width: 100%; height: 100%; border: 2px solid #e7eef6; }
.odontologia .item-solologo .wrapper .img-logo { display: table-cell; vertical-align: middle; width: 43%; padding: 15px; padding-right: 0; }
.odontologia .item-solologo .wrapper .img-logo img { }
.odontologia .item-solologo .wrapper .bg-uno { background-position-x: left; background-position-y: center; background-size: cover; height: 100%; }
.odontologia .item-solologo .wrapper .bg-uno svg { height: 100%; width: auto; }
.odontologia .item-icono { }
.odontologia .item-icono .wrapper { width: 100%; height: 100%; border: 2px solid #e7eef6; padding: 0px 15px; }
.odontologia .item-icono .wrapper .img-icon { margin: 0 auto; max-width: 160px; padding-top: 20px; margin-bottom: 10px; }
.odontologia .item-icono .wrapper img { width: 100%; height: auto; }
.odontologia .item-icono .wrapper .textos { }
.odontologia .item-icono .wrapper .textos h3 { font-family: 'Open Sans'; text-align: center; font-weight: bold; color: #00489b; min-height: 66px; font-size: 22px; }
.odontologia .item-icono .wrapper .textos p { text-align: center; font-family: 'Open Sans'; color: #00489b; font-weight: 100; margin-bottom: 10px; }
.odontologia .item-icono .wrapper .textos p strong { font-weight: bold; font-size: 15px; min-height: 65px; display: block; }
.odontologia .item-icono .wrapper .textos a { display: block; max-width: 190px; text-align: center; background-color: #4299F8; color: #fff; font-family: 'Open Sans'; font-weight: 100; font-size: 16px; padding: 7px 15px; margin: 0 auto; margin-bottom: 39px; }
.odontologia .item-icono .wrapper .textos span { text-align: center; display: block; font-family: 'Open Sans'; font-size: 12px; color: #00489b; font-style: italic; }
.odontologia .item-icono .wrapper .textos a:hover { background-color: #1c4b92; }
@media (max-width:991px) {
.odontologia .item-icono { margin-top: 20px; }
.odontologia .item-icono .wrapper { padding-bottom: 10px; }
}
/* CARRUSEL GENERICO */
.carrusel-generico { position: relative; padding: 0px 45px; }
.carrusel-generico .owl-stage-outer { }
.carrusel-generico .owl-stage-outer .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.item { }
.carrusel-generico .item { border: 2px solid #e7eef6; display: flex; flex-direction: column; height: 100%; }
.carrusel-generico .item .wrapper { height: 100%; display: flex; flex-direction: column; }
.carrusel-generico .item .wrapper figure { /* padding: 15px; */
margin: 0; height: 100px; display: flex; align-items: center; justify-content: center; }
.carrusel-generico .item .wrapper figure img { max-width: 135px; max-height: 62px; margin: 0 auto; display: flex; width: auto; }
.carrusel-generico .item .wrapper .wrapper-textos { text-align: center; display: flex; flex-direction: column; height: auto; flex: 1; }
.carrusel-generico .item .wrapper .wrapper-textos h3 { font-family: 'Open Sans'; font-weight: bold; color: #1c4b92; font-size: 18px; margin-bottom: 10px; }
.carrusel-generico .item .wrapper .wrapper-textos p.ciudad { font-family: 'Open Sans'; font-weight: 100; color: #00489a; font-size: 16px; margin: 0px; min-height: 55px; }
.carrusel-generico .item .wrapper .wrapper-textos p.texto-oferta { font-family: 'Open Sans'; font-weight: 100; color: #1c4b92; margin-bottom: 10px; font-size: 14px; }
.carrusel-generico .item .wrapper .wrapper-textos h4 { font-weight: bold; color: #00489b; font-size: 20px; }
.carrusel-generico .item .wrapper .boton { padding: 15px 20px; align-self: flex-end; width: 100%; }
.carrusel-generico .item .wrapper .boton a { width: 100%; background-color: #1c4b92; display: block; text-align: center; color: #fff; padding: 7px 15px; }
.carrusel-generico .item .wrapper .boton a:hover { background-color: #143971; }
.carrusel-generico .owl-nav button { outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 26px; transition: .3s ease; }
.carrusel-generico .owl-nav button svg { width: 100%; height: auto; }
.carrusel-generico .owl-nav button.owl-prev { left: 0; }
.carrusel-generico .owl-nav button.owl-next { right: 0px; }
.carrusel-generico .owl-nav button:hover { opacity: 0.6; }
/* MEDICAMENTOS PISO */
.medicamentos .item-calugabig .wrapper .table-c .inner figure img { max-width: 200px; max-height: 75px; }
.medicamentos .item-calugabig .wrapper .table-c .inner figure { height: 70px; }
.medicamentos .item-calugabig .wrapper .table-c .inner a { margin-top: 30px; }
.medicamentos .item { margin-bottom: 20px; }
.carrusel-generico.solo-texto .item .wrapper { display: table; width: 100%; height: 100%; min-height: 180px; }
.carrusel-generico.solo-texto .item .wrapper .wrapper-textos { display: table-cell; vertical-align: top; padding-top: 50px; padding-left: 15px; padding-right: 15px; }
.carrusel-generico.solo-texto .item .wrapper .wrapper-textos h3 { margin-bottom: 25px; }
.carrusel-generico.solo-texto .item .wrapper .wrapper-textos p { margin-bottom: 40px; font-family: 'Open Sans'; color: #1c4b92; font-size: 13px; }
.carrusel-generico.solo-texto .item .wrapper .wrapper-textos h4 { font-size: 14px; }
.carrusel-generico.solo-texto .item .wrapper .wrapper-textos h4 strong { display: block; font-size: 30px; }
/* REEMBOLSOS MÉDICOS */
.carrusel-generico.sin-imagen .item .wrapper .wrapper-textos h3 { display: block; padding: 15px; min-height: 110px; }
.carrusel-generico.sin-imagen .item .wrapper .wrapper-textos p { margin: 0; color: #1c4b92; display: block; }
.carrusel-generico.sin-imagen .item .wrapper .wrapper-textos p:last-child { min-height: 60px; }
@media (max-width:991px) {
.carrusel-generico.sin-imagen .item .wrapper .wrapper-textos h3 { font-size: 20px; }
}
/* ACTIVIDAD FISICA */
section.banners-tres-calugas { }
section.banners-tres-calugas .item { }
section.banners-tres-calugas .item .wrapper-image { height: 100%; background-size: cover; background-position: left; border: 2px solid #f1f1ef; }
section.banners-tres-calugas .item .wrapper-banner-texto { border: 2px solid #f1f1ef; padding: 20px 15px; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w { display: table; width: 100%; height: 100%; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c { display: table-cell; vertical-align: middle; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c h3 { text-align: center; font-family: 'Open Sans'; color: #1c4b92; font-weight: bold; font-size: 25px; margin-bottom: 8px; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c figure { max-width: 175px; margin: 0 auto; margin-bottom: 15px; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c figure img { max-width: 100%; height: auto; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c p { font-family: 'Open Sans'; text-align: center; font-weight: bold; color: #1c4b92; margin: 0px; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c p strong { }
section.banners-tres-calugas .item .texto { border: 2px solid #FF7163; height: 100%; width: 100%; padding: 25px; text-align: center; background-color: #FF7163; }
section.banners-tres-calugas .item .texto .table-w { display: table; width: 100%; height: 100%; }
section.banners-tres-calugas .item .texto .table-w .table-c { display: table-cell; vertical-align: middle; }
section.banners-tres-calugas .item .texto .table-w .table-c p { color: #fff; font-family: 'Open Sans'; font-size: 18px; }
@media (max-width:991px) {
section.banners-tres-calugas .item .wrapper-image { padding-top: 85%; background-position: center; }
section.banners-tres-calugas .item .wrapper-banner-texto { margin: 20px 0px; }
}
.carrusel-pequeno { padding: 0px 100px; margin-top: 40px; position: relative; }
.carrusel-pequeno .item { border: 2px solid #f1f1ef; text-align: center; padding: 30px 15px; }
.carrusel-pequeno .item .wrapper { }
.carrusel-pequeno .item .wrapper .wrapper-textos { min-height: 160px; }
.carrusel-pequeno .item .wrapper .wrapper-textos h3 { font-family: 'Open Sans'; font-weight: bold; color: #1c4b92; font-size: 22px; display: block; min-height: 76px; }
.carrusel-pequeno .item .wrapper .wrapper-textos h4 { font-family: 'Open Sans'; color: #ff7163; font-weight: bold; font-size: 31px; margin: 0; }
.carrusel-pequeno .item .wrapper .wrapper-textos h5 { margin: 0; font-family: 'Open Sans'; font-size: 14px; color: #1c4b92; }
.carrusel-pequeno .item .wrapper .wrapper-textos p { font-size: 14px; color: #19ADC1; margin: 0px; }
.carrusel-pequeno .item .wrapper .boton { margin-top: 15px; }
.carrusel-pequeno .item .wrapper .boton a { background-color: #1c4b92; display: inline-block; text-align: center; color: #fff; padding: 7px 15px; }
.carrusel-pequeno button { position: absolute; top: 50%; transform: translateY(-50%); width: 26px; transition: .3s ease; outline: none; }
.carrusel-pequeno button.owl-prev { }
.carrusel-pequeno button.owl-next { right: 0; }
.carrusel-pequeno button.owl-prev { left: 0; }
.carrusel-pequeno button.owl-prev svg { width: 100%; height: auto; }
.carrusel-pequeno button:hover { opacity: 0.6; }
.carrusel-pequeno button.disabled { opacity: 0; cursor: not-allowed !important; }
@media (max-width:500px) {
.carrusel-pequeno { padding: 0px 45px; }
}
.ancla { position: absolute; top: -100px; }
.sticky { position: fixed; right: -295px; top: 50%; transform: translateY(-50%); border-radius: 40px 0px 0px 40px; background-color: #1c4b92; z-index: 2; transition: 0.3s; opacity: 0; }
.sticky .wrapper { display: table; width: 100%; }
.sticky .wrapper .table-c { display: table-cell; vertical-align: middle; padding: 10px; }
.sticky .wrapper .table-c p { font-family: 'Open Sans'; font-weight: bold; color: #1c4b92; margin: 0; color: #fff; font-size: 14px; line-height: 14px; cursor: pointer; }
.sticky .wrapper .table-c.icono { cursor: pointer; }
.sticky .wrapper .table-c.icono i { color: #fff; font-size: 25px; margin-right: -10px; }
.sticky .wrapper .table-c select { min-width: 235px; border: 0; border-radius: 50px; padding: 6px 18px; font-family: 'Open Sans'; color: #444242; font-size: 16px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url(../img/flecha.png); background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 15px); padding-right: 45px; }
.sticky.active { right: 0; }
.sticky.opacity { opacity: 1; }
@media (max-width:767px) {
.sticky .wrapper .table-c p { font-size: 11px; }
.sticky .wrapper .table-c.icono i { font-size: 20px; }
.sticky .wrapper .table-c { padding: 2px 8px; }
.sticky .wrapper .table-c select { font-size: 11px; min-width: auto; width: 145px; }
.sticky { right: -160px; transform: translateY(0); top: auto; bottom: 40px; }
}
.tags-direcciones { padding: 15px 30px; }
.tags-direcciones .nav-tabs { border: 0px; }
.tags-direcciones .nav-tabs li.nav-item { margin: 0; }
.tags-direcciones .nav-tabs li.nav-item a.nav-link { font-family: 'Open Sans'; background-color: #ffffff; border: 0; color: #00489b; border-radius: 10px; font-size: 13px; padding: 4px 10px; margin: 2px; border: 1px solid #00489b; }
.tags-direcciones .nav-tabs li.nav-item a.nav-link:hover { background-color: #00489b; color: #fff; }
.tags-direcciones .nav-tabs li.nav-item a.nav-link.active { border: 0; color: #fff; background-color: #022c5c; border: 1px solid #00489b; }
.tags-direcciones .tab-content { }
.tags-direcciones .tab-content .tab-pane { }
.tags-direcciones .tab-content .tab-pane .wrapper-content { text-align: center; background-color: #00489b; padding: 15px; margin-top: 15px; }
.tags-direcciones .tab-content .tab-pane .wrapper-content p { color: #fff; font-family: 'Open Sans'; font-size: 16px; margin: 10px; }
.carrusel-generico .item .wrapper .wrapper-textos h2 { color: #fff; display: block; background-color: #1c4b92; font-family: 'Open Sans'; font-size: 14px; padding: 10px; }
.carrusel-generico .item.pensionados .wrapper .wrapper-textos h2 { background-color: #e0d333; }
.carrusel-generico .item.trabajadores { border: 2px solid #1c4b92; }
.carrusel-generico .item.pensionados { border: 2px solid #e0d333; }
.carrusel-generico .item.pensionados .wrapper .boton a { background-color: #e0d333; }
.carrusel-generico .item.pensionados .wrapper .boton a:hover { background-color: #bbb028; }
.carrusel-pequeno .item .wrapper .collapse-boton { margin-top: 25px; margin-bottom: 25px; }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye { display: block; background-color: #f86e60; color: #fff; font-family: 'Open Sans'; font-size: 16px; vertical-align: middle; padding: 7px; }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye.collapsed .mas { display: inline-block; }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye.collapsed .menos { display: none; }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye span { }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye .mas { display: none; }
.carrusel-pequeno .item .wrapper .collapse-boton a.boton-incluye .menos { display: inline-block; }
.carrusel-pequeno .item .wrapper .collapse-boton .collapse { }
.carrusel-pequeno .item .wrapper .collapse-boton .card { word-wrap: initial !important; border: 0; background-color: transparent; }
.carrusel-pequeno .item .wrapper .collapse-boton .card ul { list-style: none; text-align: center; padding: 0; }
.carrusel-pequeno .item .wrapper .collapse-boton .card ul li { border-bottom: 2px solid #f1f1ef; padding: 15px; color: #1c4b92; }
.carrusel-pequeno .item .wrapper .collapse-boton .card ul li p { margin: 0; font-family: 'Open Sans'; font-size: 14px; }
.carrusel-pequeno .item .wrapper .collapse-boton .card ul li h5 { margin: 0px; font-weight: bold; font-size: 16px; }
section.banners-tres-calugas .texto-bottom { text-align: center; padding: 65px 0px 45px; }
section.banners-tres-calugas .texto-bottom h3 { font-family: 'Open Sans'; color: #1c4b92; font-weight: bold; font-size: 30px; margin: 0; }
@media (max-width:768px) {
section.banners-tres-calugas .texto-bottom h3 { font-size: 20px; }
}
section.banners-tres-calugas .texto-top h3 { font-family: 'Open Sans'; color: #1c4b92; font-weight: bold; font-size: 30px; margin: 0; text-align: center; margin-bottom: 30px; }
section.banners-tres-calugas .item .wrapper-banner-texto .table-w .table-c span { text-align: center; display: block; font-family: 'Open Sans'; color: #1c4b92; font-size: 14px; margin-top: -9px; margin-bottom: 15px; }
section.banners-tres-calugas .item .texto .table-w .table-c .img-app { max-width: 115px; margin: 0 auto; }
section.banners-tres-calugas .item .texto .table-w .table-c .img-app img { max-width: 100%; height: auto; }
.banner-azul { }
.banner-azul .wrapper { background: rgb(0, 83, 155); background: -moz-linear-gradient(56deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); background: -webkit-linear-gradient(56deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); background: linear-gradient(56deg, rgba(0, 83, 155, 1) 0%, rgba(0, 122, 193, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00539b", endColorstr="#007ac1", GradientType=1); padding: 40px 30px; margin-bottom: 95px; }
.banner-azul .wrapper p { color: #FFFFFF; text-align: center; font-size: 28px; max-width: 1090px; margin: 0 auto; line-height: 1.3; }
@media (max-width:991px) {
.banner-azul .wrapper p {font-size: 20px;}
}
.piso.telemedicina { margin-bottom: 100px; }
.piso.telemedicina .wrapper-banner { display: flex; border: 2px solid #DEE5EF; }
.piso.telemedicina .wrapper-banner .left { width: calc(50% + 100px); background-image: url(../img/shutterstock_1704104956-Web.jpg); background-position: center; background-size: cover; display: flex; position: relative; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont { padding: 40px 30px; position: relative; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont h4 { color: #FFFFFF; font-size: 22px; font-weight: bold; max-width: 410px; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont ul { padding: 0; list-style: none; margin: 0; margin-top: 20px; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont ul li { color: #FFFFFF; font-size: 18px; margin: 4px 0px; padding-left: 20px; position: relative; }
.piso.telemedicina .wrapper-banner .left .solapa { position: absolute; right: 0; top: 0; bottom: 0; }
.piso.telemedicina .wrapper-banner .left .solapa svg { width: 50px; height: 100%; }
.piso.telemedicina .wrapper-banner .right { width: calc(50% - 100px); flex: 1; display: flex; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont { padding: 15px 30px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 45px; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont figure { margin-bottom: 5px; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont figure img { max-width: 100%; height: auto; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont h3 { color: #004687; font-size: 43px; font-weight: bold; text-align: center; margin-bottom: 15px; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont p { text-align: center; color: #00489B; font-size: 16px; margin-bottom: 15px; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont a { background-color: #1C4B92; display: inline-block; color: #fff; font-size: 16px; padding: 10px 25px; text-align: center; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont ul li:before { content: ''; display: block; width: 10px; height: 10px; background-color: #92BF24; border-radius: 100%; position: absolute; top: 9px; left: 0; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont a:hover { background-color: #102b53; }
.piso.telemedicina .wrapper-banner .left .solapa svg.mobile { display: none; }
@media (max-width:991px) {
.piso.telemedicina .wrapper-banner { flex-direction: column; }
.piso.telemedicina .wrapper-banner .left { width: 100%; }
.piso.telemedicina .wrapper-banner .right { width: 100%; }
.piso.telemedicina .wrapper-banner .left .solapa { bottom: 0; left: 0; right: 0; top: initial; }
.piso.telemedicina .wrapper-banner .left .wrapper-cont { padding: 30px 15px; padding-bottom: 65px; }
.piso.telemedicina .wrapper-banner .left .solapa svg.mobile { display: block; width: 100%; height: 40px; }
.piso.telemedicina .wrapper-banner .left .solapa svg.desktop { display: none; }
.piso.telemedicina .wrapper-banner .right .wrapper-cont { padding-top: 0; }
}
.item-calugabig .wrapper .table-c .inner h4 { color: #00489B; font-size: 14px; margin-bottom: 20px; }
.piso.telemedicina .wrapper-banner .left:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(5, 5, 5); background: -moz-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#050505", endColorstr="#000000", GradientType=1); z-index: 0; opacity: 0.6; }
.piso.examenes { margin-bottom: 100px; }
.piso.examenes .wrapper-banner { display: flex; border: 2px solid #DEE5EF; }
.piso.examenes .wrapper-banner .left { width: calc(50% + 100px); /*background-image: url(../img/shutterstock_1704104956-Web.jpg); background-position: center; background-size: cover;*/background-color: #FFFFFF; display: flex; position: relative; }
.piso.examenes .wrapper-banner .left .wrapper-cont { padding: 40px 30px; position: relative; }
.piso.examenes .wrapper-banner .left .wrapper-cont h4 { color: #FFFFFF; font-size: 22px; font-weight: bold; max-width: 410px; }
.piso.examenes .wrapper-banner .left .wrapper-cont ul { padding: 0; list-style: none; margin: 0; margin-top: 20px; }
.piso.examenes .wrapper-banner .left .wrapper-cont ul li { color: #FFFFFF; font-size: 18px; margin: 4px 0px; padding-left: 20px; position: relative; }
.piso.examenes .wrapper-banner .left .wrapper-cont img {width: 70%; height: auto;}
.piso.examenes .wrapper-banner .left .solapa { position: absolute; right: 0; top: 0; bottom: 0; }
.piso.examenes .wrapper-banner .left .solapa svg { width: 50px; height: 100%; }
.piso.examenes .wrapper-banner .right { width: calc(50% - 100px); flex: 1; display: flex; }
.piso.examenes .wrapper-banner .right .wrapper-cont { padding: 15px 30px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 45px; }
.piso.examenes .wrapper-banner .right .wrapper-cont figure { margin-bottom: 5px; }
.piso.examenes .wrapper-banner .right .wrapper-cont figure img { max-width: 100%; height: auto; }
.piso.examenes .wrapper-banner .right .wrapper-cont h3 { color: #004687; font-size: 43px; font-weight: bold; text-align: center; margin: 15px 0; }
.piso.examenes .wrapper-banner .right .wrapper-cont p { text-align: center; color: #00489B; font-size: 16px; margin-bottom: 15px; }
.piso.examenes .wrapper-banner .right .wrapper-cont a { background-color: #1C4B92; display: inline-block; color: #fff; font-size: 16px; padding: 10px 25px; text-align: center; }
.piso.examenes .wrapper-banner .left .wrapper-cont ul li:before { content: ''; display: block; width: 10px; height: 10px; background-color: #92BF24; border-radius: 100%; position: absolute; top: 9px; left: 0; }
.piso.examenes .wrapper-banner .right .wrapper-cont a:hover { background-color: #102b53; }
.piso.examenes .wrapper-banner .left .solapa svg.mobile { display: none; }
@media (max-width:991px) {
.piso.examenes .wrapper-banner { flex-direction: column; }
.piso.examenes .wrapper-banner .left { width: 100%; }
.piso.examenes .wrapper-banner .right { width: 100%; }
.piso.examenes .wrapper-banner .left .solapa { bottom: 0; left: 0; right: 0; top: initial; }
.piso.examenes .wrapper-banner .left .wrapper-cont { padding: 30px 15px; padding-bottom: 35px; }
.piso.examenes .wrapper-banner .left .solapa svg.mobile { display: block; width: 100%; height: 40px; }
.piso.examenes .wrapper-banner .left .solapa svg.desktop { display: none; }
.piso.examenes .wrapper-banner .left .wrapper-cont img {width: 100%; max-width: 320px; height: auto;}
.piso.examenes .wrapper-banner .right .wrapper-cont { padding-top: 0; }
}
/*.piso.examenes .wrapper-banner .left:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(5, 5, 5); background: -moz-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#050505", endColorstr="#000000", GradientType=1); z-index: 0; opacity: 0.6; }
*/
.piso.acompañamiento { margin-bottom: 100px; }
.piso.acompañamiento .wrapper-banner { display: flex; border: 2px solid #DEE5EF; }
.piso.acompañamiento .wrapper-banner .left { width: calc(20% + 100px); background-image: url(../img/Pensionado-2.jpg); background-position-x: -100px; background-size: cover;background-color: #FFFFFF; display: flex; position: relative; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont { padding: 40px 30px; position: relative; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont h4 { color: #FFFFFF; font-size: 22px; font-weight: bold; max-width: 410px; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont ul { padding: 0; list-style: none; margin: 0; margin-top: 20px; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont ul li { color: #FFFFFF; font-size: 18px; margin: 4px 0px; padding-left: 20px; position: relative; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont img {width: 70%; height: auto;}
.piso.acompañamiento .wrapper-banner .left .solapa { position: absolute; right: 0; top: 0; bottom: 0; }
.piso.acompañamiento .wrapper-banner .left .solapa svg { width: 50px; height: 100%; }
.piso.acompañamiento .wrapper-banner .right { width: calc(80% - 100px); flex: 1; display: flex; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont { padding: 15px 30px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 45px; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont figure { margin-bottom: 5px; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont figure img { max-width: 100%; height: auto; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont h3 { color: #004687; font-size: 43px; font-weight: bold; text-align: center; margin: 15px 0; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont p { text-align: center; color: #00489B; font-size: 16px; margin-bottom: 15px; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont a { background-color: #1C4B92; display: inline-block; color: #fff; font-size: 16px; padding: 10px 25px; text-align: center; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont ul li:before { content: ''; display: block; width: 10px; height: 10px; background-color: #92BF24; border-radius: 100%; position: absolute; top: 9px; left: 0; }
.piso.acompañamiento .wrapper-banner .right .wrapper-cont a:hover { background-color: #102b53; }
.piso.acompañamiento .wrapper-banner .left .solapa svg.mobile { display: none; }
@media (max-width:991px) {
.piso.acompañamiento .wrapper-banner { flex-direction: column; }
.piso.acompañamiento .wrapper-banner .left { width: 100%; background-position-x: -60px; height: 280px; }
.piso.acompañamiento .wrapper-banner .right { width: 100%; }
.piso.acompañamiento .wrapper-banner .left .solapa { bottom: 0; left: 0; right: 0; top: initial; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont { padding: 30px 15px; padding-bottom: 35px; }
.piso.acompañamiento .wrapper-banner .left .solapa svg.mobile { display: block; width: 100%; height: 40px; }
.piso.acompañamiento .wrapper-banner .left .solapa svg.desktop { display: none; }
.piso.acompañamiento .wrapper-banner .left .wrapper-cont img {width: 100%; max-width: 320px; height: auto;}
.piso.acompañamiento .wrapper-banner .right .wrapper-cont { padding-top: 0; }
}
/*.piso.examenes .wrapper-banner .left:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(5, 5, 5); background: -moz-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(90deg, rgba(5, 5, 5, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#050505", endColorstr="#000000", GradientType=1); z-index: 0; opacity: 0.6; }
*/