@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/*

Description: Saywhat
Author: Fernando Mercadal
Version: 1.0
License: Creative Commons "Some rights reserved"
License URI: http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es_ES

*/

/* Reset */

html, html a {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-shadow:1px 1px 1px rgba(0,0,0,0.004);}
html, body {margin:0; padding:0; }
body {font-family:'Josefin Sans', sans-serif; font-optical-sizing: auto; font-size:0.875rem; color:#959495; letter-spacing:0;}
ul, ol, li {list-style:none; margin:0; padding:0;}
img, a img {border:none;}
hr{margin:0; padding:0;}
a{opacity:1; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
a:hover{opacity:0.8; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
a:focus, a:hover{color:inherit; text-decoration:none;}

/* Custom styles */
.background-body {background:url('../assets/bg-body.jpg') no-repeat; background-image:-webkit-image-set(url('../assets/bg-body.jpg') 1x, url('../assets/bg-body@2x.jpg') 2x); background-size:100%; background-size: contain; background-position-y: -50px; background-position:bottom;}


.btn-primary {margin: 0 auto; padding: 20px 60px; background-color: #3b6ca5; border-color: #3b6ca5; color: white; font-size:1.125em; font-weight: 700; text-transform: uppercase; border-radius:8px;}
.btn-primary:hover {background-color: #4076b3; border-color: #4076b3;}
.btn-secondary {margin: 0 6px; font-size: 0.9em; font-weight: 500; text-transform: uppercase; border-radius:8px;}
.btn-institucional {background-color: #3b6ca5; border-color: #3b6ca5; border-radius:8px;}
.btn-institucional:hover {background-color: #4076b3; border-color: #4076b3;}
.btn-fundacion {background-color: #d97639; border-color: #d97639; border-radius:8px;}
.btn-fundacion:hover {background-color: #e57d3c; border-color: #e57d3c;}
.btn-experiencias {background-color: #34a4a6; border-color: #34a4a6; border-radius:8px;}
.btn-experiencias:hover {background-color: #37b0b3; border-color: #37b0b3;}
.btn-actualidad {background-color: #65731E; border-color: #65731E; border-radius:8px;}
.btn-actualidad:hover {background-color: #65731E; border-color: #65731E;}
.btn-todas {background-color: #acacac; border-color: #acacac; border-radius:8px;}
.btn-todas:hover {background-color: #b8b8b8; border-color: #b8b8b8;}

.btn-slide{ margin:0; background-color: #37b0b3!important; border-color: #37b0b3!important;}

header.header-home {background:url('../assets/bg-home.jpg') no-repeat; background-image:-webkit-image-set(url('../assets/bg-home.jpg') 1x, url('../assets/bg-home@2x.jpg') 2x); background-size:100%; background-size: cover; background-position-y: -50px; background-position: bottom; max-height:840px; background-repeat:no-repeat;}
header.header-contacto {background: url('../assets/bg-contacto.jpg') no-repeat; background-image:-webkit-image-set(url('../assets/bg-contacto.jpg') 1x, url('../assets/bg-contacto@2x.jpg') 2x); background-size:100%; background-size: cover; background-position: bottom; background-repeat:no-repeat;}
header.header-informacion {background: url('../assets/bg-contacto.jpg') no-repeat; background-image:-webkit-image-set(url('../assets/bg-contacto.jpg') 1x, url('../assets/bg-contacto@2x.jpg') 2x); background-size:100%; background-size: cover; background-position: bottom; background-repeat:no-repeat;}
header.header-experiencias {background: url('../assets/bg-experiencias.png') no-repeat; background-image:-webkit-image-set(url('../assets/bg-experiencias.jpg') 1x, url('../assets/bg-experiencias@2x.jpg') 2x); background-size:100%; background-size: cover; background-position: bottom; background-repeat:no-repeat;}
header.header-fundacion {background: url('../assets/bg-fundacion.png') no-repeat; background-image:-webkit-image-set(url('../assets/bg-fundacion.jpg') 1x, url('../assets/bg-fundacion@2x.jpg') 2x); background-size:100%; background-size: cover; background-position: bottom; background-repeat:no-repeat;}
header.header-servicios {background: url('../assets/bg-servicios.jpg') no-repeat; background-image:-webkit-image-set(url('../assets/bg-servicios.jpg') 1x, url('../assets/bg-servicios@2x.jpg') 2x); background-size:100%; background-size: cover; background-position: bottom; background-repeat:no-repeat;}

.pre-nav {background-color: #3b6ca5; font-size: 0.8rem; padding:0 30px;}
.pre-nav .row {margin-left: 0; margin-right: 0;}
.pre-nav address {flex-flow: row nowrap; padding: 9px 0; margin-bottom: 0; color: white; text-transform: uppercase; line-height: 17px;}
.pre-nav address strong {display: block; font-size: 1.2em; font-weight: 500;}
.pre-nav address svg {float: left; margin: 4px 12px 0 0;}
.pre-nav address.formulario {display: flex; justify-content: flex-end;}
.pre-nav address.formulario a, address.formulario a span {display: inline-block; color: white;}

.luxbar{padding:0 30px;}
.luxbar-item a{font-size: 0.8rem; text-transform: uppercase; padding:15px; margin-top:60px;}
.luxbar-menu-dark, .luxbar-menu-light .luxbar-hamburger span, .luxbar-menu-light .luxbar-hamburger span::after, .luxbar-menu-light .luxbar-hamburger span::before{background:transparent;}
.luxbar-menu, .luxbar-header{height:142px;}
.luxbar-brand{padding-top:0; padding-bottom:0;}
.luxbar-menu-dark .active{background:transparent; font-weight: 700; border-bottom: 5px solid rgba(59, 108, 165, 1); color: white;}
.luxbar-menu-dark .active, .luxbar-menu-dark .luxbar-item:hover{background:transparent; border-bottom: 5px solid rgba(59, 108, 165, 1); color: white;}

.jumbotron {padding: 5rem 0rem; background: none;}
.jumbotron h2 {margin-bottom: 20px; color: white; font-size: 4rem; font-weight: 400; line-height: 60px;}
.jumbotron h2 strong {font-weight: 700;}
.jumbotron a {color: white; font-size: 1.875rem; font-weight: 400;}
.jumbotron .fa-chevron-right{padding-top:5px;}

section {margin-bottom: 90px;}

.carousel {position: relative; border-radius: 8px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.04); clip-path:none;}
.carousel-item {background: white; border-radius: 8px;}
.carousel-item .row {margin: 0;}
.carousel-item .slide-head {padding: 30px;}
.carousel-item .slide-head h3 {margin-bottom: 30px; color: #3b6ca5; font-size:2.3em; font-weight: 700; text-transform: uppercase;}
.carousel-item .slide-head h3 span {display: block; color: #ebebea; font-size: 0.750em; font-weight:700;}
.carousel-item .slide-head p {color: #acacac; font-size: 1.500em; font-weight:400;}
.carousel-item .slide-img {padding: 0; margin: 0;}
.carousel-item .slide-img img {width: 100%; max-width: 100%; height: auto; border-radius: 0px 8px 8px 0px;}
.controles {padding:30px; display: flex; flex-flow: row nowrap; justify-content: flex-star; position: absolute; left: 0; bottom: 0;}
.carousel-control-prev, .carousel-control-next {position: relative; display: flex; width: 30px; height: 30px; margin-left: 8px; background: #ebebea; border-radius: 30px; opacity: 0.6; color: #9c9c9c !important;}
.carousel-indicators {display: flex; justify-content: flex-start; flex: 1 1 auto; align-self: center; position: relative; left: 0; bottom: 0; margin: 0; padding: 0;}
.carousel-indicators li {width: 15px; height: 15px; border-radius: 15px; margin: 0 8px 0 0; padding: 0px; background: #ebebea;}
.carousel-indicators li.active {background: #3b6ca5;}
.carousel-buttons {display: flex; justify-content: flex-end; flex: 1 1 auto;}
.carousel-fade .carousel-inner .carousel-item {-webkit-transition: opacity 3s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: opacity 3s cubic-bezier(0.45, 0.05, 0.55, 0.95);}
.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item {opacity:0; background:white; transition:opacity .75s ease-in-out;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {opacity:1; transition: opacity .75s ease-in-out;}
.carousel-fade .carousel-inner .active.carousel-item-left, .carousel-fade .carousel-inner .active.carousel-item-right, .carousel-fade .carousel-inner .carousel-item-next, .carousel-fade .carousel-inner .carousel-item-prev {left:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.accesos.container {display: flex; flex-flow: row wrap; justify-content: space-between;}
.accesos.container .acceso {width: 32%; padding:32px 24px 28px 24px; background: #3b6ca5; border-radius: 8px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.04); color: white; font-size: 0.875em; font-weight:400; text-transform:uppercase;}
.accesos.container .acceso.info {background: #34a4a6;}
.accesos.container .acceso strong {display: block; font-size: 1.500em; font-weight:700;}
.accesos.container .acceso img {float: left; margin: -4px 20px 0 0;}

.bg-left {position: relative; margin-top:400px; z-index:-2;}
.bg-left .bg-left-img {position: absolute; top: -210px; left: -210px; z-index:2; }

.img-institucional-home img {width: 100%; max-width: 100%; height: auto; border-radius:8px; box-shadow: 0 20px 20px 0 rgba(0,0,0,0.05)}

.section-h {margin-bottom: 20px; color: #3b6ca5; font-size: 2.3em; font-weight: 700; text-align: center;text-transform: uppercase;}
.section-subh {margin-bottom: 60px; color: #acacac; font-size: 1.7em; text-align: center; font-weight:400;}

.bio {display: flex; flex-flow: row nowrap; justify-content: space-between;}
.section-text {padding-top: 0px;}
.fundacion .section-text {padding-left: 0;}
.section-text p {color: #acacac; font-size: 1.1rem;}
.section-text p strong {color: #3b6ca5; font-weight: 500;}
.section-text p em {font-weight:500; font-style: normal;}

.fundacion-logo-bottom {padding: 0;  border-radius: 8px; opacity:1;}
.fundacion-logo-top {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #ffffff; border-radius: 8px; opacity:1;}
.fundacion-logo-top img {box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); border-radius: 8px; width: initial; max-width: 100%; height: auto;}

.donacion {display: flex; flex-flow: row nowrap; align-items: center; margin: 60px 15px 15px 15px; padding: 20px; background: linear-gradient(96deg, #416d9f, #cddce1); border-radius: 8px;  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); color: white;}
.donacion h6 {flex: 1 1 35%; font-size: 1.2rem; font-weight: 700; text-transform: uppercase;}
.donacion p {flex: 1 1 65%; margin: 0; font-size: 1.05rem;}

.especialidades {margin-bottom:40px;}
.especialidades .especialidad {display: flex; flex-flow: row nowrap; align-items: center; padding: 35px 30px; background: white; border-radius: 8px; border: 1px solid #ebebea; color: #3b6ca5; font-size: 1.2em; font-weight: 500; text-transform: uppercase; margin-bottom: 30px;}
.especialidades .especialidad img {margin: 0 15px 0 0;}

.categorias-experiencias {margin-bottom: 20px; text-align: center;}
.articles-container {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 60px; padding: 0 15px;}
.articles-container .col-md-6 {margin-bottom: 30px;}
.articles-container .experiencia-box {height: 100%; background: white; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); border-radius: 8px;}
.articles-container .experiencia-box span {display: inline-block; padding: 15px 15px 0 15px; font-size: 0.6rem; font-weight: 500; text-transform: uppercase;}
.articles-container .experiencia-box img {width: 100%; max-width: 100%; height: auto; border-radius: 8px 8px 0 0; border-bottom: 5px solid #acacac;}
.articles-container .experiencia-box h5 {padding: 10px 15px 5px 15px; font-size: 1.25rem; font-weight: 500; text-transform: uppercase;}
.articles-container .experiencia-box p {margin: 0; padding: 0px 15px; color: #acacac; font-size: 1.05rem;}
.articles-container .experiencia-box a {display: inline-block; padding: 15px; font-weight: 500; color: #666666; text-transform: uppercase;}
.articles-container .experiencia-box a svg {margin-right: 8px;}
.articles-container .experiencia-box.institucional span, .articles-container .experiencia-box.institucional h5, .articles-container .experiencia-box.institucional a {color: #3c6ca6;}
.articles-container .experiencia-box.institucional img {border-bottom: 5px solid #3c6ca6;}
.articles-container .experiencia-box.fundacion span, .articles-container .experiencia-box.fundacion h5, .articles-container .experiencia-box.fundacion a {color: #d97639;}
.articles-container .experiencia-box.fundacion img {border-bottom: 5px solid #d97639;}
.articles-container .experiencia-box.experiencia span, .articles-container .experiencia-box.experiencia h5, .articles-container .experiencia-box.experiencia a {color: #34a4a6;}
.articles-container .experiencia-box.experiencia img {border-bottom: 5px solid #34a4a6;}
.articles-container .experiencia-box.actualidad span, .articles-container .experiencia-box.actualidad h5, .articles-container .experiencia-box.actualidad a {color: #65731E;}
.articles-container .experiencia-box.actualidad img {border-bottom: 5px solid #65731E;}

.pagination {padding-left: 15px;}
.pagination .page-numbers {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin: 0 2px; background: #fbfbfa; border: none; color: #3c6ca6; font-size: 0.8rem; font-weight: 500;}
.pagination .page-numbers.current {background: #3c6ca6; color: #ebebea; font-size: 0.8rem; font-weight: 500; border-radius:8px;}

.pagination .page-numbers{border-radius:8px;}

.experiencia-single {margin-top: 40px;}
.experiencia-single .single-img {width: 100%; max-width: 100%; height: auto;}
.experiencia-single span {display: inline-block; padding: 15px 15px 0 15px; font-size: 0.6rem; font-weight: 500; text-transform: uppercase;}
.experiencia-single img {width: 100%; max-width: 100%; height: auto; border-radius: 8px;}

.experiencia-single h5 {padding: 10px 15px 5px 15px; font-size: 1.25rem; font-weight: 500; text-transform: uppercase;}
.experiencia-single h6 {padding: 10px 15px 5px 15px; font-size: 0.9rem; font-weight: 500; text-transform: uppercase;}
.experiencia-single p {margin: 0 0 20px 0; padding: 0px 15px; color: #acacac; font-size: 1.05rem;}
.experiencia-single a {display: inline-block; padding:15px 0; font-weight: 600;}
.experiencia-single a svg {margin-right: 8px;}
.experiencia-single.institucional span, .experiencia-single.institucional h5, .experiencia-single.institucional h6, .experiencia-single.institucional a {color: #3c6ca6;}
.experiencia-single.institucional img {border-bottom: 5px solid #3c6ca6;}
.experiencia-single.fundacion span, .experiencia-single.fundacion h5, .experiencia-single.fundacion h6, .experiencia-single.fundacion a {color: #d97639;}
.experiencia-single.fundacion img {border-bottom: 5px solid #d97639;}
.experiencia-single.experiencia span, .experiencia-single.experiencia h5, .experiencia-single.experiencia h6, .experiencia-single.experiencia a {color: #34a4a6;}
.experiencia-single.experiencia img {border-bottom: 5px solid #34a4a6;}
.experiencia-single.actualidad span, .experiencia-single.actualidad h5, .experiencia-single.actualidad h6, .experiencia-single.actualidad a {color: #65731E;}
.experiencia-single.actualidad img {border-bottom: 5px solid #65731E;}

.contacto-form .form-control {margin-bottom: 20px; color: #3c6ca6 !important;}
.contacto-form textarea.form-control {height: 120px; margin-bottom: 60px; resize: none;}
.contacto-form .submit {display: inherit; margin: 0 auto;}

.informacion .card {background: none; border: none;}
.informacion .card .card-header {padding: 10px 0px; background: none;}
.informacion .card .card-header .btn-link {margin: 0; padding: 0; width: 100%; background: url('../assets/arrow-inactive.png') no-repeat center right; color: #3c6ca6; font-size: 1.3rem; font-weight: 500; text-align: left;}
.informacion .card .card-header .btn-link, .informacion .card .card-header .btn-link:hover, .informacion .card .card-header .btn-link:active {text-decoration: none;}
.informacion .card .card-header .btn-link.collapsed {background: url('../assets/arrow-active.png') no-repeat center right; font-weight: 500;}
.informacion .card .card-body {padding: 40px 0; font-size: 1.1rem;}
.informacion .card .card-body h6 {color: #3c6ca6; font-size: 1.3rem; margin: 20px 0 10px 0}

.modal-lg{max-width:1110px!important;}

footer.footer {background: url('../assets/bg-footer.gif') no-repeat; background-size: contain; background-position: bottom; border-bottom: 5px solid #3b6ca5;}
.map-container {display: block;}
.mapa #map {position: relative; width: 1140px; height:410px; margin: 0 auto; border: 5px solid white; border-radius: 8px; padding: 0;}
.direcciones address {text-align: center; color: white;}
.direcciones address h6 {font-size: 1.1rem; font-weight: 500; text-transform: uppercase;}
.direcciones address ul {display: inline-block;}
.direcciones address ul li {text-align: left; font-size:1.1rem;}
.credits p {margin: 0; padding: 30px 0 37px 0; border-top: 1px solid rgba(255,255,255,0.3); color: white; font-size: 1rem; text-align: center;}
.credits p .heart {color: #f05858;}
.saywhat {margin-left: 5px;}

.rehabilitacion-img{border-radius: 8px;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,0.05);}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    
    .fundacion-logo-top{align-items: baseline;}
    .bg-left .bg-left-img {left: -200px;}

    .img-institucional-home {display: flex; justify-content: flex-end; overflow: hidden;}
    .img-institucional-home img {width: initial; max-width: none; height: auto;}

    .mapa #map {width: 930px;}
    .navbar-light .navbar-nav .nav-item {padding: 0 10px; font-size: 0.9em;}
}

@media (max-width: 1024px) {
    .fix-desktop-h3{margin-bottom:20px; font-size:2em;}
    .fix-desktop-p {font-size:15px!important;}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .pre-nav {font-size: 0.7rem;}
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {border-bottom: none; border-right: 5px solid rgba(59, 108, 165, 1); color: white; font-weight: 700;}
    .navbar-light .navbar-nav .nav-link:hover {border-bottom: none; border-right: 8px solid rgba(59, 108, 165, 1);}

    .carousel-item .slide-head {padding: 20px;}
    .carousel-item .slide-head h3 {margin-bottom: 10px; font-size: 1.6em;}
    .carousel-item .slide-head h3 span {display: block; color: #ebebea; font-size: 0.5em;}
    .carousel-item .slide-head p {font-size: 1.1em;}

    .jumbotron h2 {font-size: 3rem;}

    .img-institucional-home {display: block; margin-bottom: 20px;}
    .img-institucional-home img {width: 100%; max-width: 100%; height: auto;}
    .section-text {padding-top: 18px;}

    .especialidades .col-md-4 {margin-bottom: 30px;}
    .especialidades .especialidad {font-size: 1.1em;}
    .accesos.container .acceso {text-align: center;}
    .accesos.container .acceso img {float: none; margin: 0 0 15px 0;}

    .mapa #map {width: 690px;}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .pre-nav {font-size: 0.6rem;}
    .luxbar-brand img{max-width:100%; height:auto;}
    .luxbar-item, .luxbar-item a{font-size:1em;}

    .luxbar{background: #3c6ca6; padding:15px;}
    .luxbar-brand img{max-width:100%; height:auto;}
    .luxbar-menu, .luxbar-header{height:100px;}
    .luxbar-item, .luxbar-item a{font-size:1em; padding:10px; margin-top:0; text-align:center;}
    .luxbar-menu-dark .luxbar-item:nth-child(2){border-top: 3px solid white;}
    
    header.header-home {background-repeat:no-repeat; background-position:center; max-height:660px;}
    header.header-fundacion {background-position-x: -850px;}

    .background-body{background-size:auto;}
    .bg-left{margin-top:474px;}
    .bg-left .bg-left-img{left:-260px; width:90%; height:auto;}

    .carousel{height:222px;}
    .carousel-item .slide-head h3{font-size:1.1em;}
    .controles{display:none;}

    .accesos.container {flex-flow: colum wrap !important;}
    .especialidades .especialidad {flex-flow:column; width: 100%; font-size: 13px; justify-content: center; height:200px;}
    .especialidades .especialidad img {margin:0 0 15px 0;}
    .especialidades .especialidad span {text-align:center;}

    .section-text {flex: 1 1 auto; padding-top:0;}
    .fundacion-logo {flex: 1 1 auto; padding: 30px 0}
    .donacion {flex-flow: column nowrap;}
    .donacion h6 {flex: 1 1 auto;}
    .donacion p {flex: 1 1 auto;}

    footer.footer{background-size:unset;}
    .direcciones address {margin-bottom: 30px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .luxbar{background: #3c6ca6; padding:15px;}
    .luxbar-brand img{max-width:100%; height:auto;}
    .luxbar-menu, .luxbar-header{height:100px;}
    .luxbar-item, .luxbar-item a{font-size:1em; padding:10px; margin-top:0; text-align:center;}

    header.header-home {background-position:80%; max-height:600px; background-repeat:no-repeat;}
    header.header-contacto {background-position:80%; max-height:570px; background-repeat:no-repeat;}
    header.header-informacion {background-position:80%; max-height:570px; background-repeat:no-repeat;}
    header.header-servicios {background-position:80%; max-height:510px; background-repeat:no-repeat;}
    header.header-experiencias {background-position:70%; max-height:510px; background-repeat:no-repeat;}
    header.header-fundacion {background-position:80%; max-height:570px; background-repeat:no-repeat;}

    .carousel{height:380px;}
    .carousel-item .slide-img img {border-radius: 0px 0px 8px 8px;}

    .jumbotron{margin-bottom:0; padding-top: 10rem; padding-bottom: 40px;}
    .jumbotron h2{font-size:2.8rem; line-height:40px;}
    .jumbotron a{font-size: 1.5rem;}

    .bg-left{margin-top:780px;}
    .bg-left .bg-left-img {left:-330px; width:100%; height:auto; left: -20px; top:-90px; z-index:-1;}

    .accesos.container {flex-flow: colum wrap;}
    .accesos.container .acceso {width: 100%; margin-bottom: 20px; text-align: left;}
    .accesos.container .acceso img {float: left; margin: -4px 20px 0 0;}

    .especialidades{padding:0; margin:auto 15px;}
    .especialidades .especialidad {flex-flow:column; width: 100%; font-size: 13px; justify-content: center; height:170px;}
    .especialidades .especialidad img {margin:0 0 15px 0;}
    .especialidades .especialidad span {text-align:center;}

    footer.footer{background-size:unset; }

    .informacion-fix, .contacto-fix, .experiencias-fix, .servicios-fix, .fundacion-fix{margin-top:317px;}
    .articles-container{padding:0; margin:auto 15px;}
    .informacion .card .card-header .btn-link{font-size:1rem; white-space: unset; overflow: hidden; text-overflow: ellipsis;}
    .informacion .card .card-header .btn-link, .informacion .card .card-header .btn-link.collapsed{padding: 0 40px 0 0;}


}