@charset "UTF-8";

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-SemiBold.eot');
    src: url('fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('fonts/Gilroy-SemiBold.woff') format('woff'),
        url('fonts/Gilroy-SemiBold.ttf') format('truetype'),
        url('fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Medium.eot');
    src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Medium.woff2') format('woff2'),
        url('fonts/Gilroy-Medium.woff') format('woff'),
        url('fonts/Gilroy-Medium.ttf') format('truetype'),
        url('fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Regular.eot');
    src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Regular.woff2') format('woff2'),
        url('fonts/Gilroy-Regular.woff') format('woff'),
        url('fonts/Gilroy-Regular.ttf') format('truetype'),
        url('fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Light.woff2') format('woff2'),
        url('fonts/Gilroy-Light.woff') format('woff'),
        url('fonts/Gilroy-Light.ttf') format('truetype'),
        url('fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-ThinItalic.eot');
    src: url('fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('fonts/Gilroy-ThinItalic.ttf') format('truetype'),
        url('fonts/Gilroy-ThinItalic.svg#Gilroy-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype'),
        url('fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype'),
        url('fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: 400;
    font-display: swap;
}


@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype'),
        url('fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-weight: 300;
    font-display: swap;
}


/* EMPRESA CSS Document */
header {
    padding: 1rem 0;
    transition: all ease .5s;
    background-color: #fff;
}

figure.logo {
	max-width: 130px;
    transition: all ease .5s;
}

header.scrolling {
    box-shadow: 0px 5px 7px 0px rgb(35 33 34 / 20%);
    padding: .5rem 0;
}

header.scrolling figure.logo {
    max-width: 100px;
}

header .nav-item {
	height: 100%;
	position: relative;
}

header .nav-link {
	display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color: var(--bs-primary);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

header .nav-link.dropdown-toggle::after,
header .list_traumatologia span::after,
#menu-mobile .servicios-mobile::after,
#menu-mobile .servicios-mobile-ortopedia::after,
#menu-mobile .clinica-mobile::after,
.filtro-faq::after  {
	flex-shrink: 0;
    width: 0.45em;
    height: 0.45em;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%23002E3C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .2s ease-in-out;
    border: none;
    margin-left: 10px;
    display: inline-block;
}

.filtro-faq::after {
    position: relative;
    z-index: 2;
    margin-left: -2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%231ECAD3'/%3E%3C/svg%3E");
}

header .icono-clinica figure {
	max-width: 22px;
	margin-right: 4px;
}


header .dropdown-menu {
    border-radius: 10px;
	color: #fff;
	background-color: var(--bs-secondary);
	padding: 0;
	transform: translateX(-50%) !important;
	top: 2rem !important;
	left: 50% !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.16) 5px 4px 25px;
}
header .dropdown-menu li:first-child {
    padding-top: 0.5rem;
}
  
header .dropdown-menu li:last-child {
    padding-bottom: 0.5rem;
}
header.scrolling .dropdown-menu {
    top: 1.94rem !important;
}

header .unidades_traumatologia {
    display: none;
    background-color: var(--bs-primary);
}

header .dropdown-menu .unidades_traumatologia .dropdown-item:hover a {
    color: rgba(255,255,255,.8) !important;
}

header .list_traumatologia {
	cursor: pointer;
}

header .unidades_traumatologia figure {
    max-width: 20px;
}

header .list_traumatologia span {
    display: inline-block;
    width: fit-content;
    position: relative;
}

header .dropdown-menu .dropdown-item {
	color: var(--bs-primary);
    padding: 0.5rem 1rem 0.5rem;
}

header .dropdown-menu .dropdown-item:hover {
	background-color: var(--bs-primary);
	color: #fff;
}

header .dropdown-menu .dropdown-item.list_traumatologia:hover span::after  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%23fff'/%3E%3C/svg%3E");
}

header .menu-button {
    max-width: 30px;
    cursor: pointer;
}

header .menu-button svg * {
    transition: all ease .5s;
}

header .menu-button.active .lineas rect:nth-child(1) {
    width: 0;
}

header .menu-button.active .lineas rect:nth-child(2) {
    transform-origin: 50% 50%;
    transform: rotate(45deg) translateY(40%);
}

header .menu-button.active .lineas rect:nth-child(3) {
    transform-origin: 50% 50%;
    transform: rotate(-45deg) translateY(-40%);
}

header.scrolling #menu-mobile {
    top: 66px;
    height: calc(100vh - 66px);
} 

#menu-mobile {
    position: fixed;
    top: 103px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 103px);
    background-color: #fff;
    transition: all ease .4s;
    z-index: 1049;
}

#menu-mobile > div .nav-link {
    padding-left: .90rem;
    padding-bottom: 10px;
    justify-content: left;
}

#menu-mobile.active {
    left: 0;
}

#menu-mobile .list_servicios_mobile,
#menu-mobile .list_clinica_mobile{
    background-color: var(--bs-secondary);
    display: none;
}

#menu-mobile .list_servicios_mobile > div,
#menu-mobile .list_servicios_mobile > a,
#menu-mobile .list_clinica_mobile > div,
#menu-mobile .list_clinica_mobile > a{
    padding: .90rem;
    padding-bottom: 5px;
}


#menu-mobile .list_taumatologia_mobile {
    background-color: var(--bs-primary);
    display: none;
}

#menu-mobile .list_taumatologia_mobile > div {
    max-width: fit-content;
    margin: 0 auto;
}

#menu-mobile .nav-link {
    color: var(--bs-primary);
}

#menu-mobile .list_servicios_mobile .nav-link,
#menu-mobile .list_servicios_mobile .nav-link{
    color: var(--bs-primary);
}

#menu-mobile .movil-h{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

footer h5:not(.no-hover) a::before, 
footer h4 a::before,
.grid-doctores > div p.info::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    background-color: var(--bs-primary);
    width: 0;
    transition: all ease .4s;
}
footer .social{
    max-width: 15px;
}
header .nav-item > .nav-link::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    background-color: var(--bs-secondary) ;
    width: 0;
    transition: all ease .4s;
}

footer h4 a::before,
footer h5:not(.no-hover) a::before {
    background-color: var(--bs-secondary);
}

header .nav-item:hover .nav-link::before,
footer h4:hover a::before,
footer h5:not(.no-hover):hover a::before,
.grid-doctores > div:hover p.info::before {
    width: 100%;
}

.main_carrusel {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(30,202,211,1) 40%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(30,202,211,1) 40%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(30,202,211,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1ecad3",GradientType=1);
}

.slick-portada::after {
    content: "";
    position: absolute;
    bottom: -1.25rem;
    left: 0;
    transition: all ease .75s;
    width: 25%;
    height: 2rem;
    background-color: #fff;
    z-index: 1;
}

.slick-portada.first::after { left: 0; transform: translateX(0); }
.slick-portada.second::after { left: calc(12.5% * 1); transform: translateX(0); background-color: var(--bs-primary); }
.slick-portada.third::after { left: calc(12.5% * 2); transform: translateX(0); }
.slick-portada.cuarto::after { left: calc(12.5% * 3); transform: translateX(0); background-color: var(--bs-primary); }
.slick-portada.quinto::after { left: calc(12.5% * 4); transform: translateX(0); }
.slick-portada.sexto::after { left: calc(12.5% * 5); transform: translateX(0); background-color: var(--bs-primary); }
.slick-portada.septimo::after { left: calc(12.5% * 6); transform: translateX(0); }




.slick-portada .slick-portada-content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    z-index: 2;
}

.slick-portada .slick-slide > picture {
    min-height: 75vh;
    height: 75vh;
    display: block;
    position: relative;
}

.slick-portada .slick-slide > picture img {
    object-fit: cover;
    height: 100%;
}


.slick-portada .slick-portada-content picture {
    max-width: 350px;
}

.slick-portada .slick-portada-content h1,
.slick-portada .slick-portada-content h2, 
.slick-portada .slick-portada-content p {
    max-width: 51%;
}

.slick-portada .slick-slide > picture::after,
.wrapper picture::after,
.slider-clinica picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,46,60);
    background: -moz-linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002e3c",endColorstr="#ffffff",GradientType=1);
    z-index: 1;
}

.slider-clinica picture::after {
    background-color: rgba(0, 46, 60, .45);
}

.isologo {
    max-width: 70px;
}

.isologo path:not(.sonrisa),
.at-360 path:not(.sonrisa) {
    transition: all ease .4s;
}

.isologo path:not(.sonrisa),
.isologo .sonrisa{
    opacity: 0;
}

.isologo .sonrisa,
.at-360 .sonrisa {
    transition: opacity ease .3s, transform ease .4s .4s;
    transform: rotate(223deg);
    transform-origin: 50% 50%;
}

.animated.isologo .sonrisa {
    opacity: 1;
    transform: none;
}

.animated.isologo path:not(.sonrisa) {
    opacity: 1;
    transition-delay: .5s;
}

.grid picture:not(.fifa-blue) {
    height: 100%;
    display: block;
}

.grid picture:not(.fifa-blue) img {
    height: 100%;
    object-fit: cover;
}

.content_grid {
    height: 100%;
    padding: 4rem 2rem 2rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

.atencion-360 picture {
    max-width: 400px;
    margin-right: 0;
}

.at-360 {
    max-width: 340px;
    margin-left: 0;
} 

.testimonio {
    padding: 2rem 5rem 2rem 2rem;
}

.atencion-360-svg {
    max-width: 650px;
}


.atencion-360-svg g g:nth-child(1),
.atencion-360-svg g g:nth-child(2),
.atencion-360-svg g g:nth-child(3) {
    font-family: 'Gilroy';
    font-weight: 400;
    color: rgba(0,0,0,.6);
    fill: rgba(0,0,0,.6);
    font-size: 48px;
    cursor: pointer;
    transition: color ease .5s;
}

.atencion-360-svg .elem *,
.atencion-360-svg .elem{
    transition: all ease .5s;
}

.atencion-360-svg .elem.active {
    font-family: 'Gilroy';
    font-weight: 600;
    fill: var(--bs-secondary);
    color: var(--bs-secondary);
}

.atencion-360-svg g.text-360 {
    font-size: 20px;
}

.atencion-360-svg .rotate {
    transform-origin: 50%;
    transition: all ease .5s;
    transform: rotate(0deg);
}

.atencion-360-svg .rotate.solucion {transform: rotate(0deg);}
.atencion-360-svg .rotate.rehab    {transform: rotate(224deg)}
.atencion-360-svg .rotate.prev     {transform: rotate(105deg)}

.atencion-360-svg svg {
    z-index: 2;
}

.atencion-360-svg picture {
    position: absolute;
    top: calc(50% - -3.3rem);
    z-index: -1;
    left: 55%;
    transform: translate(-50%, -50%) ;
}

.ser-feliz-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.ser-feliz-content .btn-outline-white {
    max-width: fit-content;
}

.btn-outline-white:hover svg path {
    transition: all ease .4s;
}

.ser-feliz-content .btn-outline-white:hover svg path{
    fill: var(--bs-primary) !important;
}

.ser-feliz-content figure {
    margin-left: 20px;
    max-width: 18px;
}

.ser-feliz .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ser-feliz .play video {
    object-fit: cover;
    display: none;
    width: 100%;
    height: 100%;
}

.ser-feliz picture::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,46,60);
    background: -moz-linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 60%);
    background: -webkit-linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 60%);
    background: linear-gradient(90deg, rgba(0,46,60,0.66) 0%, rgba(255,255,255,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002e3c",endColorstr="#ffffff",GradientType=1);
    z-index: 1;        
}
.blog-post figure {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.blog-post figure::before {
	content: '';
    padding-top: 69%;
    display: block;
}

.blog-post figure img {
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) .6s;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

figure.effect-apollo img {
    transition: opacity 0.35s, transform 0.35s;
    transform: scale3d(1.05,1.05,1);
}

.blog-post:hover figure.effect-apollo .color {
	opacity: .4;
}

.blog-post:hover figure.effect-apollo img {
	transform: scale3d(1,1,1);
}

.contenido-blog a:not(.btn) {
	color: var(--bs-secondary);
}

figure.effect-apollo .color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity cubic-bezier(0.455, 0.03, 0.515, 0.955) .3s;
}

figure.effect-apollo figcaption {
	color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    font-size: .9rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}

figure.effect-apollo figcaption::before {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 46, 60,.1);
    content: '';
    transition: transform 0.5s;
    transform: scale3d(3,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.blog-post .stretched-link::after {
	z-index: 3;
}

.blog-post:hover figure.effect-apollo figcaption::before {
	transform: scale3d(2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,90%,0);
}

.blog-post h5 {
	margin-top: 0;
    line-height: 1.1;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.1em * 2);
}

.blog-post p {
	margin-top: 0;
    line-height: 1.4;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height: calc(1.4em * 4);
}

.SliderNews .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
}
.overflow-h{
    overflow: hidden;
}
.seguimiento {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 22%, var(--bs-primary) 22%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 22%, var(--bs-primary) 22%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 22%, var(--bs-primary) 22%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1ecad3",GradientType=1);
}

.accordion .accordion-item {
    border: none;
    background-color: transparent;
}

.accordion .accordion-item h4 {
    position: relative;
    transition: all ease .4s;
    margin-bottom: 1rem;
    max-width: calc(100% - 1rem);
}

.accordion#acordeon-servicios .accordion-item h4:hover {
    color: rgba(30, 202, 211, .75) !important;
    width: 100%;
}

.accordion#acordeon-faqs .accordion-item h4:hover {
    color: rgba(0, 46, 60,.75) !important;
    width: 100%;
}

#acordeon-servicios > div:nth-child(1),
#acordeon-faqs > div:nth-child(1) {transition-delay: .1s;}
#acordeon-servicios > div:nth-child(2),
#acordeon-faqs > div:nth-child(2) {transition-delay: .2s;}
#acordeon-servicios > div:nth-child(3),
#acordeon-faqs > div:nth-child(3) {transition-delay: .3s;}
#acordeon-servicios > div:nth-child(4),
#acordeon-faqs > div:nth-child(4) {transition-delay: .4s;}
#acordeon-servicios > div:nth-child(5),
#acordeon-faqs > div:nth-child(5) {transition-delay: .5s;}
#acordeon-servicios > div:nth-child(6),
#acordeon-faqs > div:nth-child(6) {transition-delay: .6s;}
#acordeon-servicios > div:nth-child(7),
#acordeon-faqs > div:nth-child(7) {transition-delay: .7s;}
#acordeon-servicios > div:nth-child(8),
#acordeon-faqs > div:nth-child(8) {transition-delay: .8s;}
#acordeon-servicios > div:nth-child(9),
#acordeon-faqs > div:nth-child(9) {transition-delay: .9s;}
#acordeon-servicios > div:nth-child(10),
#acordeon-faqs > div:nth-child(10) {transition-delay: 1s;}
#acordeon-servicios > div:nth-child(11),
#acordeon-faqs > div:nth-child(11) {transition-delay: 1.1s;}
#acordeon-servicios > div:nth-child(12),
#acordeon-faqs > div:nth-child(12) {transition-delay: 1.2s;}
#acordeon-servicios > div:nth-child(13),
#acordeon-faqs > div:nth-child(13) {transition-delay: 1.3s;}
#acordeon-servicios > div:nth-child(14),
#acordeon-faqs > div:nth-child(14) {transition-delay: 1.4s;}
#acordeon-servicios > div:nth-child(15),
#acordeon-faqs > div:nth-child(15) {transition-delay: 1.5s;}
#acordeon-servicios > div:nth-child(16),
#acordeon-faqs > div:nth-child(16) {transition-delay: 1.6s;}
#acordeon-servicios > div:nth-child(17),
#acordeon-faqs > div:nth-child(17) {transition-delay: 1.7s;}

.accordion .accordion-item h4::after {
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%) rotate(0);
    flex-shrink: 0;
    width: 0.45em;
    height: 0.45em;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.616' height='3.211' viewBox='0 0 5.616 3.211'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M9 13.49l2.124-2.125a.4.4 0 0 1 .567 0 .4.4 0 0 1 0 .569L9.281 14.341a.4.4 0 0 1-.553.012L6.3 11.935a.4.4 0 0 1 .567-.569Z' transform='translate(-6.188 -11.246)' fill='%23002E3C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .2s ease-in-out;
    border: none;
    margin-left: 10px;
    display: inline-block;
}

.accordion .accordion-item h4[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(180deg);
}

.accordion .accordion-item:not(:last-child) {
    position:relative;
    margin-bottom: 4rem;
}

.accordion .accordion-item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bs-primary);
}

#form_suscripcion input[type="email"] {
    background-color: transparent;
    color: #fff;
    font-family: 'Gilroy';
    font-size: 0.73rem;
    border: none;
    border-bottom: 1px solid #fff;
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 0;
    height: 3rem;
}

#form_suscripcion input[type="email"]:focus {
    box-shadow: none;
}

footer .logo.white svg > path:nth-child(1),
footer .logo.white svg > path:nth-child(2),
footer .logo.white svg > path:nth-child(3),
footer .logo.white svg > path:nth-child(4),
footer .logo.white svg > path:nth-child(5) {
    fill: #fff !important;
}


footer, .bg-line {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1279.222' height='1279.374' viewBox='0 0 1279.222 1279.374'%3E%3Cpath id='Trazado_22' data-name='Trazado 22' d='M563.972,613.844a1437.782,1437.782,0,0,1,631.514-369.632C784.757,102.029,336.532,319.729,194.35,730.458a787,787,0,0,0,0,514.889,1437.778,1437.778,0,0,1,369.635-631.5' transform='matrix(-0.966, -0.259, 0.259, -0.966, 1102.807, 1512.328)' fill='%23fff' opacity='0.35'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.content-360 {
    text-align: center;
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.content-360 h2 {
    max-width: 500px;
}

.content-360 figure::after {
    content: "";
    background-color: var(--bs-secondary);
    position: absolute;
    bottom: -5rem;
    height: 4rem;
    width: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.circle-360 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.content-prevencion {
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%);
    max-width: 355px;
}

.content-prevencion .btn {
    max-width: fit-content;
}

.prevencion-cita picture {
    height: 350px;
}

.prevencion-cita.with-gradient {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,1) calc(50% + 2.25rem));
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,1) calc(50% + 2.25rem));
    background: linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,1) calc(50% + 2.25rem));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1ecad3",GradientType=1);
}

.prevencion-cita.with-gradient.primary {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,0.12) calc(50% + 2.25rem));
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,0.12) calc(50% + 2.25rem));
    background: linear-gradient(180deg, rgba(255,255,255,1) calc(50% + 2.25rem), rgba(30,202,211,0.12) calc(50% + 2.25rem));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1ecad3",GradientType=1);
}

.wrapper .main-content {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    width: calc(100% - 2.5rem);
    z-index: 2;
}

ul.ul-custom {
    list-style-type: none;
    padding-left: 0;
}

ul.ul-custom li {
    padding-left: 2rem;
    position: relative;
}

ul.ul-custom li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.65 31.32'%3E%3Cpath d='M4.11,15.66a30.46,30.46,0,0,1-3.92,15A16.68,16.68,0,0,0,7.9,8.37,16.63,16.63,0,0,0,.19.65a30.46,30.46,0,0,1,3.92,15' style='fill:%231ec8d1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 100%;
    width: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.grid-doctores .doctor-radius {
    max-width: 300px;
}

.main-doctor .grid-doctores .doctor-radius {
    max-width: 400px;
    margin: 2rem auto 0;
}

.grid-doctores picture img {
    border-radius: 50%;
}

.sonrisa-doctor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 1;
    transform: scale(1.15) rotate(0);
}

.grid-doctores > div:hover .sonrisa-doctor {
    transform: rotate(-136deg) scale(1.15);
}

.modo-color picture::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(30,202,211,.29);
    mix-blend-mode: color;
}

.modo-color figure {
    position: absolute;
    bottom: 1%;
    left: 5%;
    width: 95%;
    height: 90%;
}

.modo-color figure .localizacion-elipse g.elipse {
    opacity: 0;
    transition: all ease .4s;
}

.modo-color.animated figure .localizacion-elipse g.elipse:nth-child(1) {opacity: .34; transition-delay: .2s;}
.modo-color.animated figure .localizacion-elipse g.elipse:nth-child(2) {opacity: .5; transition-delay: .4s;}
.modo-color.animated figure .localizacion-elipse g.elipse:nth-child(3) {opacity: .7; transition-delay: .6s;}
.modo-color.animated figure .localizacion-elipse g.elipse:nth-child(4) {opacity: 1; transition-delay: .8s;}

.slider-clinica .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 450px;
    z-index: 2;
}

#buscar {
    border: 2px solid var(--bs-secondary);
    border-radius: 36px;
    color: var(--bs-secondary);
}

#buscar::placeholder {
    color: var(--bs-secondary);
}

.wrapper.main-blog,
.wrapper.main-blog picture {
    height: 50vh;
}

.container-blog {
    border-radius: 26px;
}

.content-blog {
    padding: 2rem 0;
}

.content-blog img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.content-blog p {
    font-size: 18px;
}
.content-blog ul {
    font-size: 18px;
}

.content-blog h2 {
    font-size: 28px;
}

#form_contacto input,
#form_contacto textarea {
    border-radius: 36px;
    border: 2px solid rgb(0, 46, 60, .25);
    padding-left: 1.25rem;
}
#mapa {
    height: 600px;
}

.filtro-faq select {
    position: relative;
    color: var(--bs-secondary);
    border: 2px solid var(--bs-secondary);
    border-radius: 36px;
    padding: .75rem;
}

.servicios-grid .content_grid.with-bg-img {
    background: url("../img/servicios-medicina-rehab.png") right / cover no-repeat;
}

.main-doctor {
    margin-bottom: 4.5rem;
}

.main-doctor a {
    transform: translateY(50%);
}

.sonrisa-doctor.primary path {
    fill: #002E3C !important;
}

.grid-index > div,
.grid-index > div .text-secondary,
.grid-index > div .text-primary {
    transition: all ease .4s;
}

.grid-index > div.bg-primary:hover {
    background-color: #002E3C36 !important;
}

.grid-index > div.bg-primary:hover .text-secondary {
    color: var(--bs-primary) !important;
}

.grid-index > div.bg-secondary-darker:hover {
    background-color: var(--bs-primary) !important;
}

.grid-index > div.bg-secondary-darker:hover .text-primary {
    color: var(--bs-secondary) !important;
}

.grid-index > div.bg-white:hover {
    background-color: var(--bs-secondary) !important;
}

.grid-index > div.bg-white:hover .text-secondary {
    color: #fff !important;
}

.mosca_wa {
    position: fixed;
    z-index: 999;
    bottom: 2rem;
    right: 2rem;
    background-color: var(--bs-primary);
    padding: .75rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all ease .4s;
}

.mosca_wa:hover {
    transform: scale(1.05);
}

.mosca_wa svg {
    width: 24px;
    height: 24px;
}

.equipo-medico-index{
    /* height: 550px !important; */
}

@media (min-width:768px) {
    footer h5.no-hover {line-height: 1.1; -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;min-height: calc(1.1em * 2);}
}

@media (min-width:992px) {
    .atencion-360 {background: rgb(255,255,255);background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 79.5%, rgba(30,202,211,0.12) 79.5%);background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 79.5%, rgba(30,202,211,0.12) 79.5%);background: linear-gradient(180deg, rgba(255,255,255,1) 79.5%, rgba(30,202,211,0.12) 79.5%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#1ecad3",GradientType=1);}
    .grid-section {height: 60vh;}
    footer, .bg-line {background-position: 300px;}
    .wrapper.main-blog .main-content {max-width: 75%;}
    .content-blog {max-width: 75%;margin: 0 auto;}
    .main-doctor .grid-doctores .doctor-radius {transform: translateY(25%);}
    .grid-index > div:nth-child(2) {animation-delay: .2s;}
    .grid-index > div:nth-child(3) {animation-delay: .4s;}
    .grid-index > div:nth-child(4) {animation-delay: .2s;}
    .grid-index > div:nth-child(5) {animation-delay: .4s;}
    .grid-index > div:nth-child(6) {animation-delay: .6s;}
    .servicios-grid .content_grid {height: 400px;}
}

@media (min-width:1200px) {
	header .enlaces-header .row {--bs-gutter-x: .75rem;}
    .ser-feliz picture img { max-height: 80vh; object-position: top;}
    .grid-section {height: 55vh;}
}

@media (min-width:1400px) {
    header .enlaces-header .row{--bs-gutter-x: 1.5rem;}
    footer h5.no-hover {-webkit-line-clamp: unset;min-height: unset;}
}

@media (max-width: 1400px) {
    header .nav-item a{font-size: 0.63rem;}
}


@media (max-width: 1200px) {
    .content-360 {top: 1rem;}
    .atencion-360-svg {max-width: 500px;}
    .atencion-360-svg picture {top: calc(50% - -2.5rem);}
}

@media (max-width: 992px) {
    footer,.bg-line {background-position: 100px 200px;}
    .slick-portada .slick-portada-content h1,.slick-portada .slick-portada-content h2, .slick-portada .slick-portada-content p {max-width: 100%;}
    .main-360 div > picture {height: 100vh;}
    .main-360 div > picture img {object-fit: cover; height: 100%;}
    .content-360 figure::after {bottom: -3rem;height: 2rem;}
    .wrapper .main-content {text-align: center;left: 0;width: 100%;}
    .wrapper.main-blog .main-content {width: 90%; left: 50%; transform: translate(-50%, -50%);}
    .half-degradado-secondary {height: 65vh;}
    .equipo-medico-index{height: auto !important;}
}

@media (max-width: 768px) {
    .xl {font-size: 1rem;}
    h3 {font-size: 1.4rem;}
    header .nav-link {justify-content: center;}
    .slick-portada {margin-right: calc(-.5 * 1.5rem);margin-left: calc(-.5 * 1.5rem);}
    .slick-portada h1, .slick-portada h2 {font-size: 2rem;}
    .slick-portada .slick-slide > picture img {object-position: right}
    .slick-portada .slick-portada-content {top: 40%; padding: 1rem;}
    .content_grid {padding: 2rem 1rem;}
    .doctora-traumatologa {max-width: 450px;}
    .grid-doctores .doctor-radius { margin: 0 auto;}
    .slider-clinica picture {height: 75vh;}
    .slider-clinica picture img {height: 100%; object-fit: cover;}
}

@media (max-width: 576px) {
    body, html {font: var(--bs-body-font-weight) 20px / var(--bs-body-line-height) var(--bs-body-font-family);}
    header .logo {max-width: 100px;}
    header .menu-button {max-width: 22px;}
    header .enlaces-header {--bs-gutter-x: .5rem;}
    main section.main_carrusel {padding-top: 0;}
    footer {background-position: -100px 200px;}
    #menu-mobile {height: calc(100vh - 85px); top: 85px; overflow: auto;}
    .atencion-360 picture {width: 100%;}
    .testimonio {padding: 2rem 1rem;}
    .content_grid {min-height: 200px;}
    .atencion-360-svg picture {top: calc(50% - -2.69rem)}
    .ser-feliz picture img { max-height: 75vh; object-position: top;}
    .content-360 {width: 100%;}
    .prevencion-cita picture img {object-position: right;}
    .slider-clinica .content {max-width: 80%;}
    .content-prevencion {left: 1rem; max-width: calc(100% - 2rem);}
    .wrapper.main-blog .main-content h1{font-size: 2rem;}
    main#blog-main section:nth-child(1) {padding-bottom: 0;}
    main#blog-main section:nth-child(2) {padding-top: 0; background-color: transparent !important; top: -1.5rem; z-index: 2; position: relative;}
    .content-blog {padding-bottom: 0;}
    .slick-portada .main-img-bici.slick-slide > picture img { object-position: center;}
    .servicioH1{
        font-size: 2.5rem;
    }
}
@media (max-width: 400px) {
   
}