/*GLOBAL*/

.prfs {
    font-size: 17px;
}

.txtWhite {
    color: white;
}

a {
    text-decoration: none;
    color: rgb(16, 132, 167);
}

a:hover {
    text-decoration: dashed;
    color: #052370;
}

.color0D5572 {
    color: #0D5572;
}

.bgRosa {
    /*background-color: rgb(255, 225, 230);*/
    min-height: 75px;
    /*background-color: #97f8bc;*/
    background-color: rgb(193, 237, 255);
}

.bgAzul {
    background-color: rgb(193, 237, 255);
    min-height: 75px;
    border-radius: 25px;
}

.bgAzulC {
    background-color: rgb(193, 237, 255);
    min-height: 75px;
}

.bgRosaD {
    background-color: rgb(255, 132, 154);
    color: white;
}

.bgAzulD {
    background-color: #009ca6;
    color: white;
}

.pRosa {
    color: rgb(255, 132, 154);
}

.pAzul {
    color: #009ca6;
}


/*HEADER*/

.logo {
    max-height: 125px;
}

@media (max-width: 450px) {
    .logo {
        max-width: 100px;
    }
}

@media (max-width: 850px) {
    .logo {
        max-width: 115px;
    }
}

.header {
    display: none;
}

@media (min-width: 992px) and (max-width: 1100px) {
    .header {
        display: block;
    }
}


/*NAVBAR*/

.bg-menu {
    background-color: #fff;
}

.nav-link {
    color: #0B5771;
    font-weight: 600;
    font-size: 18px;
    padding-right: 0.80rem;
    padding-left: 0.80rem;
}

.nav-link:hover {
    color: #009ca6;
}

.navbar {
    z-index: 999999999;
}

.navbar-collapse * {
    margin: 0 auto;
}

.menu1 {
    max-width: 1400px;
    margin: 0 auto;
    display: block;
}

.menu2 {
    display: none;
}

@media (min-width: 992px) and (max-width: 1100px) {
    .menu1 {
        display: none;
    }
    .menu2 {
        display: block;
    }
}

.dropdown-item:hover {
    background-color: rgb(215, 215, 215);
}

@media (min-width: 1400px) {
    .bg-menu {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}


/*BARRA*/

.barra-nav {
    background-color: #009ca6;
    min-height: 28px;
}


/*FOOTER*/

.divFooter {
    background-color: rgb(255, 225, 230);
}

.listEnlaces {
    list-style: none;
    padding-left: 0px;
}

.p_footer {
    margin-bottom: 0px;
}

.custom-shape-divider-bottom-1704970537 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1704970537 svg {
    position: relative;
    display: block;
    width: calc(126% + 1.3px);
    height: 25px;
}

.custom-shape-divider-bottom-1704970537 .shape-fill {
    fill: #FFE1E6;
}

.btn-whats {
    background: #13c20d;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50px;
    z-index: 9999999;
    max-width: 39px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.toTop {
    border: none;
    display: flex;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
    position: fixed;
    right: 20px;
    bottom: 70px;
    z-index: 9999999;
    background-color: #0B5771;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    padding: 8px;
    color: #fff;
}

.toTop:not(.is-visible) {
    pointer-events: none;
    opacity: 0;
    transform: translateY(-2rem);
}

.toTop:hover {
    color: #fff;
}


/*COOKIES*/

.aviso-cookies {
    display: none;
    background: #fff;
    padding: 5px;
    width: calc(100% - 20px);
    border-radius: 10px;
    position: fixed;
    bottom: 5px;
    left: 10px;
    z-index: 100;
    box-shadow: 0px 0px 2px 2px #808080;
    text-align: center;
}

.aviso-cookies.activo {
    display: block;
}


/*INICIO*/

#eapps-google-reviews-8c4cf8ae-062c-474c-ac28-41660f991cfb>div>a {
    display: none!important;
}

.topIdx {
    min-height: 550px;
    background: linear-gradient(to bottom, transparent, 97%, rgb(255, 255, 255)), url("../img/beach-top.webp");
    /*background-color: #009ca6;
    background-image: url(../img/beach-3-c1.jpg);
    background-position: bottom;
    background-repeat: no-repeat;*/
    /*background-attachment: fixed;
    background-position: center;
    background-size: contain;*/
}

.divTopIdx {
    background-color: white;
    max-width: 700px;
    padding: 25px 10px;
    border-radius: 25px;
    margin: 94px auto;
    border: 2px solid #0D5572;
}

@media only screen and (max-width: 500px) {
    .divTopIdx {
        margin: 80px auto;
    }
}

.btnTopIdx {
    background-color: #009ca6;
    color: white;
    border: 2px #0D5572 solid;
    font-size: 20px;
}

.btnTopIdx:hover {
    background-color: #0D5572;
    color: white;
    border: 2px #009ca6 solid;
}

.carruselTest {
    max-width: 800px;
    margin: 0 auto;
}

.carruselTestInner {
    max-width: 550px;
    margin: 0 auto;
}

.carruselTestInner p {
    margin-bottom: 0px;
}

.bgTest {
    background-color: #009ca6;
}

@media only screen and (max-width: 600px) {
    .listaSi {
        padding-left: 0px;
    }
}

.listaSi li {
    list-style: none;
}

.liSiIdx {
    color: #0D5572;
}

.imgIdx2 {
    margin-left: -20px;
}

.bgIdxSuerte {
    /*background: linear-gradient(to bottom, transparent, 97%, rgb(255, 255, 255)), url("../img/pexels-dom-gould-325807.jpg");*/
    background-color: #009ca6;
    background-image: url(../img/fondo-rio-2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px;
    color: white;
    background-attachment: fixed;
    background-position: center;
}

.cardServ {
    border-radius: 15px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.75);
    min-height: 300px;
    max-width: 300px;
    display: flex;
    align-items: center;
    align-content: center;
    color: black;
}

.cardServ a {
    color: #fff;
}

#cardServ1 {
    background-color: rgb(255, 132, 154);
}

#cardServ2 {
    background-color: #009ca6;
}

#cardServ3 {
    background-color: rgb(255, 132, 154);
}

#cardServ4 {
    background-color: #009ca6;
}


/*DUELO*/

.center-text {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.center-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.imgDueloN {
    display: inline-block;
    width: 23%;
    box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
    .imgDueloN {
        width: 45%;
    }
}

.cartelCurso {
    max-width: 400px;
}

.corazonDuelo {
    max-width: 200px;
}

.cursoDuelo {
    max-width: 500px;
}


/*TERAPIA*/

@media only screen and (max-width: 1300px) {
    .imgTerapia {
        max-width: 250px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1600px) {
    .imgNone {
        display: none;
    }
}

.imgEquipo {
    max-width: 250px;
}

.btnSaberMasRosa {
    background-color: rgb(255, 132, 154);
    color: white;
    border: 2px white solid;
}

.btnSaberMasRosa:hover {
    background-color: rgb(255, 132, 154);
    color: white;
    border: 2px white solid;
}

.btnSaberMasAzul {
    background-color: #009ca6;
    color: white;
    border: 2px white solid;
}

.btnSaberMasAzul:hover {
    background-color: #009ca6;
    color: white;
    border: 2px white solid;
}

.iconsOnline {
    width: 75px;
}

.tarifaBlanca {
    background-color: #fff;
    border: 1px solid rgb(255, 132, 154);
    border-radius: 15px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.75);
}

.tarifaAzul {
    background-color: rgb(193, 237, 255);
    border: 1px solid rgb(255, 132, 154);
    border-radius: 15px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.75);
}

.imgFinTerapia {
    max-width: 300px;
}

@media only screen and (max-width: 1000px) {
    #imgFin3Terapia {
        display: none;
    }
}

.pSmall {
    font-size: 13px;
}

.custom-shape-divider-top-1703676721 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    background-color: rgb(193, 237, 255);
}

.custom-shape-divider-top-1703676721 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 25px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1703676721 .shape-fill {
    fill: #fff;
}

.custom-shape-divider-bottom-1703677026 {
    background-color: rgb(193, 237, 255);
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1703677026 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 25px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1703677026 .shape-fill {
    fill: #fff;
}

#acAreasTerapia .accordion-button {
    font-size: 17px;
    color: white;
}

#acAreasTerapia .accordion-item {
    border: 1.5px solid white;
}

#acAreasTerapia .accordion-header {
    background-color: rgb(255, 132, 154);
}

.imgEMDR {
    max-width: 250px;
}

.imgOnline {
    max-height: 350px;
}


/*CONTACTO*/

.formContacto {
    background-color: white;
    padding: 20px;
    border: 1px solid #0D5572;
    border-radius: 25px;
    background-color: rgb(255, 225, 230);
}

.formContacto input {
    border: 1px solid #0D5572;
}

.formContacto textarea {
    border: 1px solid #0D5572;
}

.divFormContacto {
    width: 750px;
}

.btnAzulC {
    background-color: #0D5572;
    color: white;
    font-size: 18px;
}

.btnAzulC:hover {
    background-color: #0D5572;
    color: white;
    font-size: 18px;
}

.obligatorio {
    color: red;
    font-size: 20px;
}

.iconContacto {
    height: 40px;
    width: 40px;
    background-color: #0D5572;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    margin-right: 10px;
}

.iconContacto svg {
    color: white;
    height: 20px;
    width: 20px;
}

.liContacto p {
    margin-bottom: 0px;
}

.mensaje-error {
    display: none;
    background-color: #fff;
    border: 2px solid #0D5572;
    border-radius: 5px;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 20px;
}


/*MARTA RAMOS Y MARIA JESUS*/

.imgMariaJesus {
    max-width: 300px;
}


/*ESTIMULACION COGNITIVA*/

.pEC {
    font-size: 21px;
}

.carouselEM {
    max-width: 450px;
    padding: 0 15px;
}

@media screen and (max-width: 700px) {
    .carouselEM {
        max-width: 350px;
        padding: 0 0;
    }
}

@media screen and (max-width: 350px) {
    .carouselEM {
        max-width: 300px;
        padding: 0 0;
    }
}

.carousel-container {
    position: relative;
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide {
    flex: 0 0 100%;
    /* Ajusta el porcentaje según la cantidad de imágenes que deseas mostrar */
    box-sizing: border-box;
}

@media screen and (min-width: 900px) {
    .carousel-slide {
        flex: 0 0 50%;
        /* En pantallas de al menos 900px, mostrará dos imágenes a la vez */
    }
}

@media screen and (min-width: 1300px) {
    .carousel-slide {
        flex: 0 0 33.33%;
        /* En pantallas de al menos 1300px, mostrará tres imágenes a la vez */
    }
}

.prev-btn,
.next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
}

.prev-btn {
    left: 10px;
    border: 0px;
    background-color: transparent;
    height: 45px;
}

.next-btn {
    right: 10px;
    border: 0px;
    background-color: transparent;
    height: 45px;
}

.iconCarEM {
    /*background-color: grey;*/
    background-color: #009ca6;
    color: white;
    border-radius: 20px;
    height: 25px;
    width: 25px;
}


/*.imgtmC {
    max-width: 400px;
    max-height: 385px;
}*/

#tmC1 {
    padding-right: 15px
}

#tmC2 {
    padding-right: 15px
}

@media screen and (max-width: 1415px) {
    #tmC1 {
        padding-right: 15px;
    }
    #tmC2 {
        padding-right: 0px
    }
    #tmC3 {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    #tmC1 {
        display: none;
    }
    #tmC2 {
        padding-right: 0px
    }
    #tmC3 {
        display: none;
    }
}


/*CURSOS GERONTOLOGIA*/

.custom-shape-divider-bottom-1703678789 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1703678789 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 25px;
}

.custom-shape-divider-bottom-1703678789 .shape-fill {
    fill: #009ca6;
}

.custom-shape-divider-top-1703678931 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1703678931 svg {
    position: relative;
    display: block;
    width: calc(205% + 1.3px);
    height: 45px;
}

.custom-shape-divider-top-1703678931 .shape-fill {
    fill: #009ca6;
}

.custom-shape-divider-top-1703681018 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1703681018 svg {
    position: relative;
    display: block;
    width: calc(205% + 1.3px);
    height: 25px;
}

.custom-shape-divider-top-1703681018 .shape-fill {
    fill: rgb(193, 237, 255);
}

.custom-shape-divider-bottom-1703681062 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1703681062 svg {
    position: relative;
    display: block;
    width: calc(205% + 1.3px);
    height: 25px;
}

.custom-shape-divider-bottom-1703681062 .shape-fill {
    fill: rgb(193, 237, 255);
}


/*PROGRAMAS INTERVENCION*/

#sectPI .accordion-button {
    font-size: 17px;
    color: white;
}

#sectPI .accordion-item {
    border: 1.5px solid white;
}

#acMayoCharla .accordion-header,
#acMayoCharla2 .accordion-header,
#acMayoPro .accordion-header,
#acMayoPro2 .accordion-header,
#acMayoConf .accordion-header {
    background-color: #009ca6;
}

#acInfCharla .accordion-header,
#acInfCharla2 .accordion-header,
#acInfProg .accordion-header,
#acInfProg2 .accordion-header {
    background-color: rgb(255, 132, 154);
}

acInfCharla2 .accordion-header,
#acInfProg .accordion-header,
#acInfProg2 .accordion-header {
    background-color: rgb(255, 132, 154);
}

.carousel-sliderPI {
    flex: 0 0 100%;
    /* Ajusta el porcentaje según la cantidad de imágenes que deseas mostrar */
    box-sizing: border-box;
}

@media screen and (min-width: 900px) {
    .carousel-sliderPI {
        flex: 0 0 50%;
        /* En pantallas de al menos 900px, mostrará dos imágenes a la vez */
    }
}

@media screen and (min-width: 1300px) {
    .carousel-sliderPI {
        flex: 0 0 33.33%;
        /* En pantallas de al menos 1300px, mostrará tres imágenes a la vez */
    }
}

.carouselPI {
    max-width: 450px;
    padding: 0 15px;
}

@media screen and (max-width: 700px) {
    .carouselPI {
        max-width: 350px;
        padding: 0 0;
    }
}

@media screen and (max-width: 350px) {
    .carouselPI {
        max-width: 300px;
        padding: 0 0;
    }
}