@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;
    height: 130px;
}

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,
.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;
}


.btnContacto {
    width: 203px;
    height: 49px;
    justify-content: center;
    font-size: 14px;
}

.btnContactoWp {
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.imgPrincipal img {
    height: 560px;
    object-fit: cover;
    object-position: center bottom;
}

.imgPrincipal::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: transparent linear-gradient(180deg, #002E3C 0%, #54737C00 100%) 0% 0% no-repeat padding-box;
    content: "";
}

.sectionPrincipal {
    padding-top: 0 !important;
}

.sectionPrincipal {
    width: 100%;
}

.hero {
    width: 100vw;
    min-height: 660px;
    position: relative;
    background:
        url("../img/masajes-principal.jpg") lightgray 0px -70.187px / 100% 160.555% no-repeat;
}


.hero-content {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 2;
}

.img-wrapper {
    position: relative;
}

.img-figure {
    position: relative;
    margin-top: -216px;
    border-radius: 24px;
    overflow: hidden;
    z-index: 2;
}

.img-principal {
    width: 65%;
    display: block;
    object-fit: cover;
}

.img-deco {
    position: absolute;
    bottom: 25px;
    right: 165px;
    z-index: 3;
}

.img-deco svg {
    width: 180px;
    height: auto;
}

.bloque-info .img-wrapper {
    position: relative;
    min-height: 300px;
}

.solicitarInfoMovil {
    display: none;
}


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

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

.content_grid h3 {
    min-height: 72px;
    margin-bottom: 16px;
}

h3.con-sombrero,
h2.con-sombrero {
    position: relative;
    padding: .35rem 0;
}

h3.con-sombrero::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 60.469 60.47'%3E%3Cpath id='Trazado_15' data-name='Trazado 15' d='M311.249,23.9A83.253,83.253,0,0,1,347.814,2.5a45.568,45.568,0,0,0-57.968,57.968,83.249,83.249,0,0,1,21.4-36.565' transform='translate(-287.345)' fill='%231ec0ca'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

h2.con-sombrero::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 60.469 60.47'%3E%3Cpath id='Trazado_15' data-name='Trazado 15' d='M311.249,23.9A83.253,83.253,0,0,1,347.814,2.5a45.568,45.568,0,0,0-57.968,57.968,83.249,83.249,0,0,1,21.4-36.565' transform='translate(-287.345)' fill='%231ec0ca'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/*BLOQUE EQUIPO*/
.bloque-equipo .img-wrapper {
    position: relative;
}

.bloque-equipo .img-figure {
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    max-width: 520px;
}

.bloque-equipo .img-principal {
    width: 85%;
    height: auto;
    display: block;
    border-radius: 15px;
}


.bloque-equipo .img-deco {
    position: absolute;
    right: 135px;
    bottom: -25px;
    width: 180px;
    z-index: 2;
    pointer-events: none;
}

.bloque-equipo .img-deco svg {
    width: 100%;
    height: auto;
    display: block;
}


.enclave {
    background: linear-gradient(0deg,
            #e5eaec 82%,
            rgba(0, 0, 0, 0) 70%);

}
.cita{
   width: 225px;
   height: 55px;
}
.mapa-wrapper {
    width: 100%;
    max-width: 450px;
    height: 605px;
    margin-left: auto;

    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
}

#mapa {
    width: 100%;
    height: 100%;
}

.btn-mapa {
    padding: 0.75rem 3em;
}

.btn-contacto {
    padding: 0.75rem 5em;
}


.solicitarInfoMovilH {
    height: 60px;
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sectionContacto,
.form-control {
    background-color: #e5eaec;
}

.form-control {
    border: solid 2px;
    opacity: 0.25;
}

#mensaje {
    border-radius: 15px;
}

#form_contacto input[type="checkbox"]+label svg {
    height: 14px !important;
    width: 14px !important;
}

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;
}


input[type="checkbox"]+label:not(.btn) {
    padding-left: 1rem !important;
}

input[type="checkbox"]+label svg {
    top: 2px !important;
}

#mapa {
    height: 600px;
}

footer {
    height: 275px;
    overflow: hidden;
}

.rowFooter {
    padding-top: 0rem;
}

footer p a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

footer p a:hover {
    text-decoration: underline;
}

.semiFooter {
    position: absolute;
    right: 0%;
    height: 600px;
    width: 600px;
    top: -35%;
    z-index: 1;
    transform: scale(1.5);
    pointer-events: none;
}

.con-sombreroServicio {
    width: min-content;
}

.imgEnclaveUnico figure img {
    object-fit: cover;
}

input[type="checkbox"]:checked+label svg {
    background-color: transparent !important;
}

.sticky-top.scrolling {
    height: 110px;
}

.form-floating>label {
    left: 15px !important;
}

.form-floating:not(.checkbox):not(.radio)>label:not(.error) {
    opacity: 0.25;
}

.form-control {
    color: #002E3C;
    opacity: 1;
    border: 1px solid #003B4D;
    ;
    border-radius: 15px !important;
}

input:focus,
select:focus,
option:focus,
textarea:focus,
.form-control:focus {
    border: 1px solid #003B4D !important;
    background-color: #e5eaec !important;
}

.form-floating>.form-control:focus~label {
    display: none;

}

.form-floating>.form-control:focus {
    padding-top: 0.625rem !important;
}

.form-floating>.form-control {
    padding: 1.625rem 0 1rem 1.4rem !important;
}

.grid-index>div .content_grid h3 {
    transition: all ease .4s;
}

.grid-index>div .content_grid:hover h3 {
    transform: scale(1.05);
}

.servicios-slider {
    overflow: hidden;
}

.servicios-slider .img-slide {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
}

.servicios-slider .img-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Dots */
.servicios-slider .swiper-pagination-bullet {
    background: var(--bs-primary);
    opacity: .4;
}

.servicios-slider .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 164px) !important;
    top: var(--swiper-pagination-top, auto);
    left: -10px !important;
    width: 100%;
}

.swiper-pagination {
    z-index: -1 !important;
}

/* ===== ANIMACIONES ===== */

.anim {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .8s ease, transform .8s ease;
    will-change: opacity, transform;
}

.anim.show {
    opacity: 1;
    transform: translateY(0);
}

.anim-delay-1 {
    transition-delay: .15s;
}

.anim-delay-2 {
    transition-delay: .3s;
}

.anim-delay-3 {
    transition-delay: .45s;
}

.img-figure img,
.img-slide img {
    transition: transform 1.2s ease;
}

.img-figure:hover img,
.img-slide:hover img {
    transform: scale(1.04);
}

.btn {
    transition: transform .25s ease, box-shadow .25s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.mapa-wrapper {
    opacity: 0;
    transform: scale(.96);
    transition: opacity .9s ease, transform .9s ease;
}

.mapa-wrapper.show {
    opacity: 1;
    transform: scale(1);
}


#form_contacto .form-control {
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

#form_contacto .form-control:focus {
    box-shadow: 0 6px 18px rgba(0, 46, 60, 0.12);
    transform: translateY(-1px);
}


#form_contacto textarea {
    border-radius: 18px;
}


#form_contacto .checkbox label {
    cursor: pointer;
    transition: opacity .2s ease;
}

#form_contacto .checkbox label:hover {
    opacity: .8;
}


#form_contacto button.btn {
    transition: transform .25s ease, box-shadow .25s ease;
}

#form_contacto button.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}

footer a {
    transition: opacity .2s ease, transform .2s ease;
}

footer a:hover {
    opacity: .7;
}

footer .social {
    transition: transform .25s ease, opacity .25s ease;
}

footer .social:hover {
    transform: translateY(-3px);
    opacity: .8;
}


@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);
    }

    h3.con-sombrero::before {
        left: -15px !important;
    }

    h2.con-sombrero::before {
        left: -15px !important;
    }

}



@media (min-width:992px) {
    .galeria .row div:not(:last-child) {
        padding-right: 8px;
    }

    .servicios-grid .content_grid {
        height: 332px;
    }

    .content_grid h3 {
        min-height: 72px;
        margin-bottom: 16px;
        font-size: 23px;
    }

    h3.con-sombrero,
    h2.con-sombrero {
        padding: .4rem 0 .6rem 1rem;
    }

    h3.con-sombrero::before {
        left: -10px;
        top: 0
    }

    h2.con-sombrero::before {
        left: -10px !important;
        top: 0 !important;
    }
}

@media (min-width:1200px) {}

@media (min-width:1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {
 .servicios-grid div {
        height: 406px;
    }

    .cambiarMovil {
        order: 6 !important;
    }

    .enclave {
        background: #e5eaec;

    }

    .h2 {
        font-size: 1.25rem;
    }

    #form_contacto .hstack {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    #form_contacto .checkbox {
        width: 100%;
    }

    #form_contacto button.btn-contacto {
        width: 100%;
        max-width: 320px;
        align-self: center;
    }

    footer {
        height: auto;
        padding: 2.5rem 0 1.5rem;
    }

    .rowFooter {
        padding-top: 0;
        gap: 1.5rem;
    }


    footer .col-md-3:first-child svg {
        max-width: 140px;
    }


    footer .col-md-3:nth-child(2) {
        gap: 0.35rem;
    }

    footer a.text-primary {
        font-size: 1rem;
    }

    footer .col-md-6>div {
        justify-content: center !important;
        margin-bottom: 1rem;
    }

    footer .social {
        margin: 0 0.5rem;
    }


    footer p {
        font-size: 0.75rem;
        line-height: 1.45;
        padding: 0 1rem;
    }

    footer p a {
        white-space: nowrap;
    }

    .bloque-equipo .row {
        flex-direction: column;
    }

    .bloque-equipo .col-md-6:first-child {
        order: 2;
    }

    .bloque-equipo .col-md-6:last-child {
        order: 1;
    }

    .bloque-equipo .img-figure {
        position: relative;
    }

    .bloque-equipo .img-deco {
        position: absolute;
        right: -22px;
        bottom: -22px;
        width: 180px;
        pointer-events: none;
    }

    .bloque-equipo .img-deco {
        position: absolute;
        right: -22px;
        bottom: -22px;
        width: 180px;
        pointer-events: none;
    }

    .bloque-equipo {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .bloque-equipo .img-wrapper {
        margin-top: 2rem;
        display: flex;
        justify-content: center;
    }

    .bloque-equipo .img-figure {
        max-width: 340px;
        border-radius: 22px;
        overflow: hidden;
    }

    .bloque-equipo .img-deco {
        width: 125px;
        right: 11px;
        bottom: -34px;
    }

    .bloque-equipo .img-principal {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }


    .mapa-wrapper {
        max-width: 100%;
        height: 300px;
        margin: 40px auto 0;
    }

    .enclave {
        text-align: center;
    }

    .bloque-info {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem;
    }

    .bloque-info .row {
        flex-direction: column;
    }

    .bloque-info p {
        font-size: 1rem;
        line-height: 1.55;
        margin-bottom: 1.4rem;
    }

    .bloque-info .btn {
        margin-bottom: 2rem;
    }


    .bloque-info .img-wrapper {
        margin-top: 0;
        min-height: auto;
        display: flex;
        justify-content: center;
    }

    .bloque-info .img-figure {
        margin: 0;
        width: 100%;
        max-width: 340px;
        border-radius: 22px;
        overflow: hidden;
    }

    .bloque-info .img-principal {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }


    .bloque-info .img-deco {
        right: -6px;
        bottom: -56px;
        transform: scale(0.75);
        pointer-events: none;
    }

    .content_grid {
        padding: 2rem 1rem;
    }



    .hero {
        min-height: 480px;
        background-size: cover;
        background-position: center center;
        position: relative;
    }


    .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg,
                rgba(0, 46, 60, 0.45) 0%,
                rgba(0, 46, 60, 0.30) 55%,
                rgba(0, 46, 60, 0.18) 100%);
        z-index: 1;
    }


    .hero-content {
        position: relative;
        z-index: 2;
        padding-top: calc(100px + 2.5rem);
        padding-left: 18px;
        padding-right: 18px;
        text-align: center;
    }


    .hero h1 {
        font-size: 1.45rem;
        line-height: 1.25;
        color: #ffffff;
        margin-bottom: 1.6rem;
    }

    .hero h1 span,
    .hero h1 .text-primary,
    .hero h1 .text-secondary {
        color: #ffffff !important;
    }


    .btn-hero {
        padding: 0.65rem 1.8rem;
        margin-top: 0;
    }
     .bloque-info br{
        display: none;
    }
}


@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 {
        height: 100px;
    }


    .divPrincipal a {
        display: none;
    }

    .divPrincipal {
        left: 15px;
    }



    .imgPrincipal img {
        height: 400px;
    }

    .imgPrincipal::after {
        background: transparent linear-gradient(0deg, #002E3C 0%, #54737C00 100%) 0% 0% no-repeat padding-box;
    }

    .solicitarInfoMovil {
        display: flex;
        width: 240px;
        position: absolute;
        height: 60px;
        justify-content: center;
        align-items: center;
        bottom: -30px;
        right: 50%;
        transform: translateX(50%);
    }

    .content_grid {
        min-height: 200px;
    }

    .servicios-grid div {
        height: 265px;
    }

    h3.con-sombrero,
    h2.con-sombrero {
        padding: .4rem 0 .9rem 1rem;
        margin-bottom: .5rem !important
    }

    .imgEnclaveUnico {
        padding: 0;
    }

    .galeria .row div:first-child {
        padding-right: 1.5px;
        padding-bottom: 1.5px;
    }

    .galeria .row div:nth-child(2) {
        padding-bottom: 1.5px;
        padding-left: 1.5px;
    }

    .galeria .row div:nth-child(3) {
        padding-top: 1.5px;
        padding-right: 1.5px;
    }

    .galeria .row div:nth-child(4) {
        padding-top: 1.5px;
        padding-left: 1.5px;
    }

    .containerEnclave {
        padding-bottom: 3px !important;
        background-color: #edf0f1;
    }

    #mapa {
        height: 400px;
    }

    .iconoWpHeader {
        height: 24px;
    }

    .lesionDeportiva p,
    .enclave {
        line-height: 1.5rem;
    }
}

@media (max-width: 430px) {

    .svgLogo {
        width: 120px !important;
    }

    .btnContacto {
        height: 45px;
        padding: 3px 10px 0px 10px;
        width: 140px;
    }

    .btnContactoWp {
        height: 48px;
        width: 48px;
    }
}

@media (max-width: 350px) {
    .btnContacto a {
        font-size: 0.6rem;
    }
}