@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* ---------------------------------Nosotors------------------------- ----------- */
/* .image-bannerN {
    background: #f1efef url('../../img/nosotros/nosotros.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} */
.imgNosotros {
    content: url('../../img/nosotros/banner_nosotros2.webp');
    position: relative;
    z-index: -1;
}

.fundadoras {
    width: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.carousel-caption1 {
    position: absolute;
    bottom: 1.25rem;
    left: 15%;
    top: 10%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.title-banner {
    font-size: 100px;
    font-family: 'Just', sans-serif;
    color: white;
}

.carousel-caption2 {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    top: 25%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.sub-title-banner {
    font-size: 55px;
    font-family: 'Just', sans-serif;
    color: #FCC417;
}

.carousel-caption3 {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    top: 36%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    width: 41%;
}

.cont-banner {
    font-size: 30px;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    text-align: left;
}

.cont-banner span {
    font-weight: bold;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 50%;
    top: 67%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.btn-conNo {
    background: linear-gradient(0deg, rgba(236, 104, 84, 1) 0%, rgba(255, 196, 187, 1) 50%);
    color: white;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
    position: relative;
    display: inline-block;
    padding: 12px 36px;
    margin: 10px;
    border-radius: 40px;
    overflow: hidden;
    cursor: pointer;
    font-size: 40px;
    width: auto;
    border: none;

    transition: all 5s ease-in;
}

.btn-conNo span {
    position: absolute;
    background: linear-gradient(90deg, rgba(170, 170, 170, 0.5102415966386555) 0%, rgba(255, 255, 255, 1) 100%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
    animation: animate 1s linear;
}




/* -------dFlMi----------- */
.cuadradoA {
    background-color: #8CBFE4;
    height: 125px;
    width: 125px;
    position: absolute;
    left: 50%;
    top: 95%;
    z-index: 5;
    transform: rotate(45deg);
}

.circuloAb {
    background-color: #FFAF00;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    position: absolute;
    left: 86%;
    top: 120%;
    z-index: 5;

}

.circuloA {
    background-color: #FFAF00;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    position: absolute;
    left: 30%;
    top: 15%;

}

.dFlMi {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

:root {
    --primary-color: rebeccapurple;
    --easing: all 0.5s cubic-bezier(.55, 0, .1, 1);
    --base-size: 20rem;
}

.circulo {
    background: rgb(210, 68, 48);
    background: linear-gradient(0deg, rgba(210, 68, 48, 1) 0%, rgba(255, 144, 128, 1) 85%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    position: relative;
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    border-radius: 50%;
    transition: var(--easing);
    box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.75);
}

.circulo1 {
    display: block;
    position: absolute;
    height: 13rem;
    width: 13rem;
    left: -30%;
    top: -10%;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #ED7563;
    transform: rotate(-180deg) translate(calc(-1*(var(--base-size) / 2))) rotate(180deg);
    /* box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.5); */
    transition: var(--easing);
    display: flex;
    justify-content: center;
    align-items: center;

}

.circulo1 {
    margin: 0;
    color: white;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
}

.circulo:hover {
    box-shadow: 0px 0.5rem 2rem rgba(0, 0, 0, 0.75);
    background-position: 0% 50%;

}

.circulo:hover .circulo1 {
    transform: rotate(-45deg) translate(0px) rotate(-315deg);
    background: linear-gradient(0deg, rgba(210, 68, 48, 1) 0%, rgba(255, 144, 128, 1) 85%);
    height: 40rem;
    width: 40rem;
    left: -0%;
    top: 0%;
    font-size: 50px;
    transition: var(--easing), letter-spacing 1.5s ease-out;
}

.circulo::before {
    content: "";
    position: absolute;
    width: calc(90% + 60px);
    height: calc(100% + 10px);
    border-radius: 50%;
    border: 7px dashed rgba(210, 68, 48, 0.5);
    transform: translate(8%, -7%);
    z-index: -1;
}

.circulo p {
    margin: 0;
    color: white;
    font-size: 26px;
    font-weight: 300;
    font-family: 'Nunito', sans-serif;
    margin: 0px 100px;
}



/* ------------dFlVi --------------- */
.dFlVi {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.circuloV {
    background: rgb(4, 142, 87);
    background: linear-gradient(0deg, rgba(4, 142, 87, 1) 0%, rgba(108, 204, 194, 1) 85%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    position: relative;
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    border-radius: 50%;
    transition: var(--easing);
    box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.75);
}

.circuloV::before {
    content: "";
    position: absolute;
    /* top: -10px; */
    /* left: -10px; */
    width: calc(90% + 60px);
    height: calc(100% + 10px);
    border-radius: 50%;
    border: 7px dashed #01B19F;
    transform: translate(-5%, -5%);
    z-index: -1;
}

.circulo1V {
    display: block;
    position: absolute;
    height: 14rem;
    width: 14rem;
    left: -35%;
    top: 75%;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #01B19F;
    transform: rotate(-180deg) translate(calc(-1*(var(--base-size) / 2))) rotate(180deg);
    transition: var(--easing);
    display: flex;
    justify-content: center;
    align-items: center;
}

.circuloV:hover {
    box-shadow: 0px 0.5rem 2rem rgba(0, 0, 0, 0.75);
    background-position: 0% 50%;

}

.circuloV:hover .circulo1V {
    transform: rotate(-45deg) translate(0px) rotate(-315deg);
    background: linear-gradient(0deg, rgba(4, 142, 87, 1) 0%, rgba(108, 204, 194, 1) 85%);
    height: 40rem;
    width: 40rem;
    left: -0%;
    top: 0%;
    font-size: 50px;
    transition: var(--easing), letter-spacing 1.5s ease-out;
}

.circulo1V {
    margin: 0;
    color: white;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
}

.circuloV p {
    margin: 0;
    color: white;
    font-size: 26px;
    font-weight: 300;
    font-family: 'Nunito', sans-serif;
    margin: 0px 100px;
}

.circuloV p span {
    font-weight: 900;
}

/* ------------dFlVal--------------- */

.dFlVal {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.pVal {
    padding: 0px 0px 0px 20px;
}

.circuloVa {
    background: rgb(57, 131, 183);
    background: linear-gradient(0deg, rgba(57, 131, 183, 1) 0%, rgba(140, 191, 228, 1) 85%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-flow: column;
    margin: auto;
    position: relative;
    width: 40rem;
    height: 40rem;
    cursor: pointer;
    border-radius: 50%;
    transition: var(--easing);
    box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.75);
}

.circuloVa::before {
    content: "";
    position: absolute;
    /* top: -10px; */
    /* left: -10px; */
    width: calc(90% + 60px);
    height: calc(100% + 10px);
    border-radius: 50%;
    border: 7px dashed #3360AA;
    transform: translate(7%, -5%);
    z-index: -1;
}

.circulo1Va {
    display: block;
    position: absolute;
    height: 14rem;
    width: 14rem;
    left: 43%;
    top: 75%;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #3360AA;
    transform: rotate(-180deg) translate(calc(-1*(var(--base-size) / 2))) rotate(180deg);
    transition: var(--easing);
    display: flex;
    justify-content: center;
    align-items: center;
}

.circuloVa:hover {
    box-shadow: 0px 0.5rem 2rem rgba(0, 0, 0, 0.75);
    background-position: 0% 50%;

}

.circuloVa:hover .circulo1Va {
    transform: rotate(-45deg) translate(0px) rotate(-315deg);
    background: linear-gradient(0deg, rgba(57, 131, 183, 1) 0%, rgba(140, 191, 228, 1) 85%);
    height: 40rem;
    width: 40rem;
    left: -0%;
    top: 0%;
    font-size: 50px;
    transition: var(--easing), letter-spacing 1.5s ease-out;
}

.circulo1Va {
    margin: 0;
    color: white;
    font-size: 40px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
}

.circuloVa p {
    margin: 0;
    color: white;
    font-size: 26px;
    font-weight: 300;
    font-family: 'Nunito', sans-serif;
    margin: 0px 100px;
}

.circuloVa span {
    color: white;
    font-size: 40px;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    margin-bottom: 25px;
}

.circuloVa {
    text-align: center;
}

.circuloVa .camt,
.circuloVa .camTe {
    display: none;
}

.circuloVa .camt.active,
.circuloVa .camTe.active {
    display: block;
    animation: fadeInOut 2s linear;
}

@keyframes fadeInOut {

    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}


/* --------------Fundadoras------------------ */
img.imfFM {
    width: 55%;
}

.fondoNosotrosFundadora {
    background-image: url(../../img/nosotros/fondo_fundadora.webp);
    background-size: cover;
    margin-top: 80px;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
}

.fundadora {
    width: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-cono-noso .title1N {
    font-size: 72px;
    color: white;
    font-weight: 500;
    font-family: 'Just', sans-serif;
    margin-top: 8rem;
}

.title-cono-noso .cont1N {
    font-size: 30px;
    color: white;
    font-weight: 500;
    font-family: 'Nunito', sans-serif;
    margin: 30px 0px 90px;
    width: 70%;
    text-align: center;
}

.text-titulo-nos p,
.text-titulo-nos .title2F {
    font-size: 72px;
    font-family: 'Just', sans-serif;
    width: auto;
    color: white;
}

.text-titulo-nos span {
    border: 3px solid #4497D3;
    height: 1px;
    display: flex;
    width: 110%;
    margin-top: -35px;
}

.text-titulo-nos .linAma {
    border: 3px solid #FFAF00;
}

.fun-1 img {
    width: 25em;
    border-radius: 50%;
    /* box-shadow: 3px 2px 8px 7px #b5b5b5; */
}

.fun-2 {
    width: 25em;
}

.fun-2 img {
    transform: rotate(-8deg);
    /* box-shadow: 13px 11px 19px 0px #b7b7b7; */

}

.efect-1 {
    transition: .5s all ease-in-out;
    animation: efec-fun-1 1s;
    border-radius: 50%;
    width: 25em;
    position: relative;
}

.horizontal-line,
.vertical-line,
.horizontal-line1,
.vertical-line1 {
    position: absolute;
}

.horizontal-line {
    transition: .5s all ease-in-out;
    animation: cruzH1 1s;
}

.efect-1 .horizontal-line {
    transition: .5s all ease-in-out;
    animation: cruzH1 1s;
    border: 4px solid #E51A31;
    width: 10%;
    height: 0px;
    left: 15%;
    top: 100%;
    transform: translate(-50%, -50%);
}

.horizontal-line1 {
    transition: .5s all ease-in-out;
    animation: cruzH2 1s;
}

.efect-1 .horizontal-line1 {
    transition: .5s all ease-in-out;
    animation: cruzH2 1s;
    border: 4px solid #E51A31;
    width: 7%;
    height: 0px;
    left: 5%;
    top: 90%;
    transform: translate(-50%, -50%);
}

.vertical-line {
    transition: .5s all ease-in-out;
    animation: vert1 1s;
}

.efect-1 .vertical-line {
    transition: .5s all ease-in-out;
    animation: vert1 1s;
    border: 4px solid #E51A31;
    width: 0px;
    height: 11%;
    top: 100%;
    left: 15%;
    transform: translate(-50%, -50%);
}

.vertical-line1 {
    transition: .5s all ease-in-out;
    animation: vert2 1s;
}

.efect-1 .vertical-line1 {
    transition: .5s all ease-in-out;
    animation: vert2 1s;
    border: 4px solid #E51A31;
    width: 0px;
    height: 7%;
    top: 90%;
    left: 5%;
    transform: translate(-50%, -50%)
}

@keyframes cruzH1 {
    0% {
        width: 0%;
        height: 0px;
        left: 0%;
        top: 0%;
        transform: translate(-0%, -0%);
    }

    100% {
        width: 10%;
        height: 0px;
        left: 15%;
        top: 100%;
        transform: translate(-50%, -50%);
        border: 4px solid #E51A31;
    }
}

@keyframes cruzH2 {
    0% {
        width: 0%;
        height: 0px;
        left: 0%;
        top: 0%;
        transform: translate(-0%, -0%);
    }

    100% {
        width: 7%;
        height: 0px;
        left: 5%;
        top: 90%;
        transform: translate(-50%, -50%);
        border: 4px solid #E51A31;
    }
}

@keyframes vert1 {
    0% {
        width: 0px;
        height: 0%;
        top: 0%;
        left: 0%;
        transform: translate(-0%, -0%);
    }

    100% {
        width: 0px;
        height: 11%;
        top: 100%;
        left: 15%;
        transform: translate(-50%, -50%);
        border: 4px solid #E51A31;
    }
}

@keyframes vert2 {
    0% {
        width: 0px;
        height: 0%;
        top: 0%;
        left: 0%;
        transform: translate(-0%, -0%);
    }

    100% {
        width: 0px;
        height: 7%;
        top: 90%;
        left: 5%;
        transform: translate(-50%, -50%);
        border: 4px solid #E51A31;
    }
}

.efect-1 {
    width: 27em;
    border-radius: 50%;
    border: 4px solid #E51A31;
}

.efect-2 {
    transition: .5s all ease-in-out;
    animation: efec-fun-2 1s;
    position: relative;
}

.efect-2 {
    width: 25em;
    transform: rotate(0deg);
    border: 4px solid #4497D3;
}

.lin1,
.lin2,
.lin3 {
    position: absolute;
}

.lin1 {
    transition: .5s all ease-in-out;
    animation: linea1 1s;
}

.efect-2 .lin1 {
    transition: .5s all ease-in-out;
    animation: linea1 1s;
    border: 4px solid #4497D3;
    width: 0px;
    height: 15%;
    top: 102%;
    left: -9%;
    transform: rotate(65deg);
}

.lin2 {
    transition: .5s all ease-in-out;
    animation: linea2 1s;
}

.efect-2 .lin2 {
    transition: .5s all ease-in-out;
    animation: linea2 1s;
    border: 4px solid #4497D3;
    width: 0px;
    height: 15%;
    top: 95%;
    left: -10%;
    transform: rotate(85deg);
}

.lin3 {
    transition: .5s all ease-in-out;
    animation: linea3 1s;

}

.efect-2 .lin3 {
    transition: .5s all ease-in-out;
    animation: linea3 1s;
    border: 4px solid #4497D3;
    width: 0px;
    height: 15%;
    top: 89%;
    left: -10%;
    transform: rotate(103deg);

}

@keyframes linea1 {
    0% {
        width: 0px;
        height: 0%;
        top: 0%;
        left: 0%;
        transform: rotate(0deg);
    }

    100% {
        border: 4px solid #4497D3;
        width: 0px;
        height: 15%;
        top: 102%;
        left: -9%;
        transform: rotate(65deg);
    }
}

@keyframes linea2 {
    0% {
        width: 0px;
        height: 0%;
        top: 0%;
        left: 0%;
        transform: rotate(0deg);
    }

    100% {
        border: 4px solid #4497D3;
        width: 0px;
        height: 15%;
        top: 95%;
        left: -10%;
        transform: rotate(85deg);
    }
}

@keyframes linea3 {
    0% {
        width: 0px;
        height: 0%;
        top: 0%;
        left: 0%;
        transform: rotate(0deg);
    }

    100% {
        border: 4px solid #4497D3;
        width: 0px;
        height: 15%;
        top: 89%;
        left: -10%;
        transform: rotate(103deg);
    }
}




@keyframes efec-fun-1 {
    0% {
        width: 25em;
        border-radius: 50%;
        border: 0px solid #E51A31;
    }

    100% {
        width: 27em;
        border: 4px solid #E51A31;
    }
}

@keyframes efec-fun-2 {
    from {
        width: 25em;
        transform: rotate(10deg);
        border: 0px solid #4497D3;
    }

    to {
        width: 25em;
        transform: rotate(-1deg);
        border: 4px solid #4497D3;
    }
}

.card-header-fundadora {
    color: #FFFFFF;
    font-size: 35px;
    font-family: 'Just', sans-serif;
    text-align: center;
    /* margin-bottom: 25px; */
    padding: 30px 50px 10px 50px;
}

.card-text-cv {
    font-size: 20px;
    font-weight: 200;
    font-family: 'Nunito', sans-serif;
    color: #FFFFFF;
}

.card-text-cv span {
    font-weight: bold;
}

.card-text-cv.beig {
    color: #FEF1CD;
}

.card-body-fun {
    height: 30rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column;
}

.card {
    background-color: transparent;
    border: none;
}

.backCV {
    background-color: #22C4B0;
    border-radius: 70px;
    position: relative;
}

.backCV2 {
    background-color: #81B4D9;
    border-radius: 70px;
    position: relative;
}

.backCV::before {
    content: "";
    width: 53%;
    height: 85%;
    /* border: 1px solid black; */
    position: absolute;
    transform: rotateZ(-15deg);
    border-radius: 70px;
    left: -48px;
    z-index: -1;
    background: #1B9F68;
}

.backCV2::before {
    content: "";
    width: 53%;
    height: 85%;
    /* border: 1px solid black; */
    position: absolute;
    transform: rotateZ(15deg);
    border-radius: 70px;
    left: 60%;
    z-index: -1;
    background: #3360AA;
}

.espacio-funda {
    height: 15rem;
}

.info-fun {
    color: #3B3B3B;
    font-size: 30px;
    font-family: 'Nunito', sans-serif;
    /* text-align: justify; */
}

.mt-6 {
    margin-top: 5rem !important;
}


.cola-con {
    color: #707070;
    font-size: 40px;
    font-family: 'Just', sans-serif;
}

.cola-con-prof {
    background-color: #FCC417;
    border-radius: 53px;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    height: 75px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    position: relative;
    overflow: hidden;
    flex-flow: column;
}
.cola-con-prof span {
    position: absolute;
    background: linear-gradient(90deg, rgba(252, 196, 23, 0.6923144257703081) 0%, rgba(255, 255, 255, 1) 100%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
    animation: animate 1s linear;
}

@keyframes animate {
    0% {
        width: 0;
        height: 0;
        opacity: 0.5;
    }

    100% {
        width: 100%;
        height: 500px;
        opacity: 0;
    }
}

.cola-con-prof p {
    margin: 0px;
}

.cola-1 {
    position: relative;
    animation: cola-1 1.5s ease-in-out;
}

.cola-2 {
    position: relative;
    animation: cola-2 1.5s ease-in-out;
}

.carousel-control-next,
.carousel-control-prev {
    width: 10% !important;
    top: -30%;
}

@keyframes cola-1 {
    0% {
        position: relative;
        transform: translate(150%, -12%);
    }

    100% {
        position: relative;
        transform: translate(0%, 0%);
    }
}

@keyframes cola-2 {
    0% {
        position: relative;
        transform: translate(-150%, -12%);
    }

    100% {
        position: relative;
        transform: translate(0%, 0%);
    }
}

/* --------------niños felices_------------- */
.seccion-ninofeliz {
    position: relative;
    top: 10vh;
}

.img-ninofeliz {
    -webkit-transform: rotate(354deg);
    border-radius: 100px;
    width: 100%;
    /* transition: all .5s ease-in-out; */
}

.img-ninofeliz:hover {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
}

.card-ninofeliz {
    border-radius: 100px;
    width: 100%;
    z-index: 1;
}


.card-ninofeliz {
    -webkit-transform: rotate(6deg);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #FF9080;

}


.card-ninofeliz:hover {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
}

.texto-ninofeliz {
    font-size: 30px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    padding: 3rem;
}

.texto-ninofeliz span {
    font-style: italic;
    font-weight: 300;
}

.seccion-ninofeliz2 {
    position: relative;
    top: 15vh;
}

.poligono-imagen {
    width: 100%;
    animation: levitar 5s infinite;
}

.poligono-imagen:hover {
    -webkit-transform: rotate(180deg);

}

@keyframes levitar {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
        /* Ajusta la altura según lo desees */
    }

    100% {
        transform: translateY(0);
    }
}

/*BOTÓN - BOTÓN - BOTÓN - BOTÓN - BOTÓN - BOTÓN*/
.dFleBtn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.boton-agendarCita {
    width: 90%;
    height: 80px;
    background: linear-gradient(0deg, rgba(42, 87, 164, 1) 0%, rgba(93, 138, 212, 1) 96%);
    border-radius: 40px;
    font-size: 40px;
    color: white;
    transition: all .5s ease-in-out;
}

.animacion {
    position: relative;
    display: inline-block;
    padding: 12px 36px;
    margin: 10px;
    color: #fff;
    background: linear-gradient(0deg, rgba(42, 87, 164, 1) 0%, rgba(93, 138, 212, 1) 96%);
    border-radius: 40px;
    overflow: hidden;
    cursor: pointer;
    font-size: 40px;
    color: white;
    width: auto;
    border: none;
}

.animacion span {
    position: absolute;
    background: linear-gradient(90deg, rgba(170, 170, 170, 0.5102415966386555) 0%, rgba(255, 255, 255, 1) 100%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
    animation: animate 1s linear;
}

@keyframes animate {
    0% {
        width: 0;
        height: 0;
        opacity: 0.5;
    }

    100% {
        width: 500px;
        height: 500px;
        opacity: 0;
    }
}


.mtCol {
    margin-top: 1.5rem;
}

@keyframes scanning {
    0% {
        background-position: 100% 100%;
    }

    50% {
        background-position: 200% 200%;
    }

    100% {
        background-position: 100% 100%;
    }
}

@media screen and (max-width:1440px) {
    .cont-banner {
        font-size: 25px;
    }

    .btn-conNo {
        font-size: 25px;
    }

    .carousel-caption {
        top: 75%;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 19px;
    }

    .circulo1,
    .circulo1V,
    .circulo1Va {
        font-size: 30px;
    }

    .circuloVa span {
        font-size: 30px;
    }

    .circulo,
    .circuloV,
    .circuloVa {
        width: 30rem;
        height: 30rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 30rem;
        height: 30rem;
    }

    .circulo1V {
        height: 11rem;
        width: 11rem;
    }

    .circulo1Va {
        height: 11rem;
        width: 11rem;
    }

    .circulo1 {
        height: 11rem;
        width: 11rem;
        left: -45%;
    }

    .card-body-fun {
        height: 35rem;
    }

    .card-text-cv {
        font-size: 18px;
    }

    .espacio-funda {
        height: 17rem;
    }

    .cola-con-prof {
        font-size: 18px;
    }

    .texto-ninofeliz {
        font-size: 25px;
        padding: 1rem;
    }
}

@media screen and (max-width:1366px) {
    .animacion {
        font-size: 29px;
    }

    .sub-title-banner {
        font-size: 45px;
    }

    .carousel-caption3 {
        width: 45%;
    }

    .cont-banner {
        font-size: 25px;
    }

    .carousel-caption {
        left: 40%;
        top: 75%;
        right: 0%;
        bottom: 0rem;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }


    .btn-conNo {
        font-size: 25px;
    }

    .circulo p {
        font-size: 22px;
    }

    .circuloV p {
        font-size: 22px;
    }

    .circuloVa p {
        font-size: 22px;
    }

    .circulo {
        width: 35rem;
        height: 35rem;
    }

    .circuloV {
        width: 35rem;
        height: 35rem;
    }

    .circuloVa {
        width: 35rem;
        height: 35rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 35rem;
        height: 35rem;
    }

    .fondoNosotrosFundadora {
        margin-top: 100px;
    }

    .card-header-fundadora {
        font-size: 30px;
        padding: 30px 50px 0px 50px;
    }

    .card-text-cv {
        font-size: 18px;
    }

    .espacio-funda {
        height: 20rem;
    }

    .cola-con {
        font-size: 35px;
    }

    .cola-con-prof {
        font-size: 19px;
    }

    .texto-ninofeliz {
        font-size: 22px;
    }

    .boton-agendarCita {
        width: 95%;
        height: 75px;
        font-size: 30px;
    }

    .boton-agendarCita:hover {
        width: 94%;
        font-size: 30x;
        color: white !important;
    }

    .circuloAb {
        left: 75%;
    }
}

@media screen and (max-width:1280px) {

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 20px;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 33rem;
        height: 33rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 33rem;
        height: 33rem;
    }

    .cola-con-prof {
        font-size: 15px;
    }

    .texto-ninofeliz {
        font-size: 20px;
    }

    .carousel-caption {
        left: 40%;
        right: 0%;
    }
}
@media screen and(max-width:1114px){
    .sub-title-banner {
        font-size: 35px;
    }
    .cont-banner {
        font-size: 20px;
    }
}
@media screen and (max-width:1024px) {
    .animacion {
        font-size: 20px;
    }

    .carousel-caption1 {
        left: 15%;
        top: 12%;
    }

    .title-banner {
        font-size: 65px;
    }

    .sub-title-banner {
        font-size: 35px;
    }

    .cont-banner {
        font-size: 20px;
        margin-bottom: 0;
    }

    .carousel-caption {
        right: 0%;
        top: 80%;
    }

    .btn-conNo {
        font-size: 20px;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 16px;
        margin: 0px 90px;
    }

    .circuloVa span {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 27rem;
        height: 27rem;
    }

    .circulo1,
    .circulo1Va,
    .circulo1V {

        font-size: 25px;
    }

    .circulo1 {
        height: 10rem;
        width: 10rem;
        left: -50%;
    }

    .circulo1V {
        height: 10rem;
        width: 10rem;
        left: -45%;
    }

    .circulo1Va {
        height: 10rem;
        width: 10rem;
        left: 25%;
    }

    .circuloA {
        height: 150px;
        width: 150px;
    }

    .cuadradoA {
        height: 125px;
        width: 125px;
        left: 46%;
        top: 100%;
        transform: rotate(45deg) !important;
    }

    .circuloAb {
        height: 125px;
        width: 125px;
        left: 70%;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 27rem;
        height: 27rem;
    }

    .backCV::before {
        left: -20px;
    }

    .backCV2::before {
        left: 55%;
    }

    .texto-ninofeliz {
        font-size: 20px;
        padding: 30px 18px;
    }

    .boton-agendarCita {
        width: 100%;
        height: 60px;
        font-size: 22px;
    }

    .boton-agendarCita:hover {
        width: 101%;
        font-size: 22px;
        color: white !important;
    }

    .card-text-cv {
        font-size: 16px;
    }

    .fun-1 img {
        width: 20em;
    }

    .fun-2 {
        width: 20em;
    }

    .fun-2 img {
        width: 20em;
    }

    .efect-1 {
        animation: efec-fun-1-1 1s;
        width: 20em;
    }

    .efect-2 {
        transition: .5s all ease-in-out;
        animation: efec-fun-2-2 1s;
    }

    .efect-1:hover {
        width: 22em;
    }

    .efect-2:hover {
        width: 20em;
    }

    @keyframes efec-fun-1-1 {
        0% {
            width: 20em;
            border-radius: 50%;
            border: 0px solid #E51A31;
        }

        100% {
            width: 22em;
            border: 4px solid #E51A31;
        }
    }

    @keyframes efec-fun-2-2 {
        from {
            width: 20em;
            transform: rotate(10deg);
            border: 0px solid #4497D3;
        }

        to {
            width: 20em;
            transform: rotate(-1deg);
            border: 4px solid #4497D3;
        }
    }

    .mt-6 {
        margin-top: 5rem !important;
    }

    .cola {
        cursor: pointer;
        width: 14em;
    }
}

@media screen and (max-width:998px) {
    .cola-con-prof p {
        margin: 0px;
        line-height: 20px;
    }
    .cont-banner {
        font-size: 18px;
        margin-bottom: 0;
    }

    .carousel-caption {
        top: 78%;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 14px;
        margin: 0px 75px;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 25rem;
        height: 25rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 25rem;
        height: 25rem;
    }

    .title-cono-noso .title1N {
        font-size: 60px;
        margin-top: 9rem;
    }

    .title-cono-noso .cont1N {
        font-size: 25px;
        margin: 30px 0px 45px;
        width: 85%;
    }

    .pCF1,
    .pCF2 {
        padding: 10px
    }

    .fun-1 img {
        width: 100%;
    }

    .fun-2 img {
        width: 100%;
    }
}

@media screen and (max-width:884px) {
    .animacion {
        font-size: 18px;
    }
}

@media screen and (max-width:853px) {
    .sub-title-banner {
        font-size: 30px;
    }

    .cont-banner {
        font-size: 16px;
        margin-bottom: 0;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 20rem;
        height: 20rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 20rem;
        height: 20rem;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 12px;
        margin: 0px 40px;
    }

    .circulo1,
    .circulo1Va,
    .circulo1V {
        font-size: 18px;
    }

    .circuloVa span {
        font-size: 14px;
    }

    .circulo1 {
        height: 7rem;
        width: 7rem;
        left: -58%;
    }

    .circulo1V {
        height: 7rem;
        width: 7rem;
        left: -60%;
    }

    .circulo1Va {
        height: 7rem;
        width: 7rem;
        left: 10%;
    }
}

@media screen and (max-width:800px) {
    .sub-title-banner {
        font-size: 27px;
    }

    .cont-banner {
        font-size: 16px;
        margin-bottom: 0;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 21rem;
        height: 21rem;
    }

    .circulo::before {
        width: calc(90% + 25px);
        height: calc(100% + 0px);
        transform: translate(8%, -5%);
    }

    .circuloVa::before {
        width: calc(90% + 25px);
        height: calc(100% + 1px);
    }

    .circuloV::before {
        width: calc(90% + 25px);
        height: calc(100% + 0px);
    }

    .circulo1Va {
        height: 8rem;
        width: 8rem;
        left: 17%;
        top: 80%;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 14px;
        margin: 0px 45px;
    }

    .circulo1 {
        height: 8rem;
        width: 8rem;
        left: -65%;
    }

    .circulo1V {
        height: 8rem;
        width: 8rem;
        left: -46%;
        top: 81%;
    }

    .backCV2::before {
        left: 44%;
    }

    .backCV::before {
        left: 12px;
    }
}

@media screen and (max-width:768px) {
    .title-banner {
        font-size: 55px;
    }

    .carousel-caption1 {
        left: 11%;
        top: 8%;
    }

    .sub-title-banner {
        font-size: 25px;
    }

    .cont-banner {
        font-size: 17px;
        margin-bottom: 0;
    }

    .animacion {
        font-size: 15px;
    }

    .btn-conNo {
        font-size: 15px;
        width: 75%;
        display: flex;
        justify-content: center;
        padding: 12px 12px;
    }

    .carousel-caption {
        top: 84%;
        left: 51%;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 20rem;
        height: 20rem;
    }

    .circulo:hover .circulo1,
    .circuloVa:hover .circulo1Va,
    .circuloV:hover .circulo1V {
        width: 20rem;
        height: 20rem;
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 12px;
        margin: 0px 40px;
    }

    .circulo1,
    .circulo1Va,
    .circulo1V {
        font-size: 18px;
    }

    .circuloVa span {
        font-size: 14px;
    }

    .circulo1 {
        height: 7rem;
        width: 7rem;
        left: -58%;
    }

    .circulo1V {
        height: 7rem;
        width: 7rem;
        left: -60%;
    }

    .circulo1Va {
        height: 7rem;
        width: 7rem;
        left: 10%;
    }

    .circuloA {
        height: 100px;
        width: 100px;
    }

    .card-header-fundadora {
        font-size: 25px;
    }

    .card-text-cv {
        font-size: 14px;
    }

    .backCV2::before {
        transform: rotateZ(6deg);
        left: 53%;
        z-index: -2;
    }

    .backCV::before {
        transform: rotateZ(-6deg);
        left: -27px;
    }

    .texto-ninofeliz {
        font-size: 17px;
        padding: 30px 18px;
    }

    .boton-agendarCita {
        font-size: 17px;
    }

    .boton-agendarCita:hover {
        font-size: 17px;
    }

    .horizontal-line,
    .vertical-line,
    .horizontal-line1,
    .vertical-line1 {
        display: none;
    }

    .lin1,
    .lin2,
    .lin3 {
        display: none;
    }

    .fun-1 img {
        width: 17em;
    }

    .pc-2 {
        padding: 1.5rem !important;
    }

    .fun-2 img {
        width: 17em;
    }

    .efect-1 {
        animation: efec-fun-1-1 1s;
        width: 19em;
    }

    .efect-2 {
        transition: .5s all ease-in-out;
        animation: efec-fun-2-2 1s;
    }

    .efect-1:hover {
        width: 19em;
    }

    .efect-2:hover {
        width: 19em;
    }

    .info-fun {
        font-size: 25px;
    }

    @keyframes efec-fun-1-1 {
        0% {
            width: 17em;
            border-radius: 50%;
            border: 0px solid #E51A31;
        }

        100% {
            width: 19em;
            border: 4px solid #E51A31;
        }
    }

    @keyframes efec-fun-2-2 {
        from {
            width: 17em;
            transform: rotate(10deg);
            border: 0px solid #4497D3;
        }

        to {
            width: 19em;
            transform: rotate(-1deg);
            border: 4px solid #4497D3;
        }
    }

    .mt-6 {
        margin-top: 5rem !important;
    }

    .cola {
        cursor: pointer;
        width: 100%;
    }
}

@media screen and (max-width:468px) {
    .cola-con-prof p {
        margin: 0px;
        line-height: 20px;
    }
    .dFleBtn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .card-body-fun {
        height: 27rem;
    }

    .animacion {
        font-size: 15px;
    }

    .imgNosotros {
        content: url('../../img/nosotros/banner_movil_nosotros1.webp');
    }

    .carousel-caption1 {
        left: 23%;
        top: 5%;
    }

    .carousel-caption2 {
        bottom: 0rem;
        left: 13%;
        top: 20%;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .carousel-caption3 {
        width: 90%;
        left: 8%;
        top: 57%;
    }

    .fondoNosotrosFundadora {
        background-image: url(../../img/nosotros/fondo_fundadora-movil.webp);
    }

    .dFlMc {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px 0px;
    }

    .circuloA {
        display: none;
    }

    .circulo::before {
        width: calc(84% + 50px);
        height: calc(97% + 0px);
    }

    .circulo p,
    .circuloV p,
    .circuloVa p {
        font-size: 13px;
        margin: 0px 40px;
    }

    .circuloAb {
        display: none;
    }

    .cuadradoA {
        display: none;
    }

    .fondoNosotrosFundadora {
        margin-top: 0;
    }

    .circulo1V {
        height: 7rem;
        width: 7rem;
        left: 15%;
        top: -15%;
    }

    .circulo1Va {
        height: 7rem;
        width: 7rem;
        left: -60%;
        top: -12%;
    }

    .circuloVa::before {

        width: calc(90% + 33px);
        height: calc(95% + 0px);
        transform: translate(4%, -5%);

    }

    .circulo::before {
        width: calc(90% + 33px);
        height: calc(95% + 0px);
        transform: translate(4%, -5%);
    }

    .cola-1 {
        display: none;
    }

    .cola-2 {
        display: none;
    }

    .cola-3 {
        display: none;
    }

    .cola {
        padding: 0em 1em;
    }

    .cola-con {
        font-size: 25px;
        display: flex;
        align-items: end;
    }

    .cola-con p {
        margin-bottom: 0;
    }

    .cola-1 {
        position: relative;
        animation: cola-1-1 1s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .cola-2 {
        position: relative;
        animation: cola-2-2 1s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .cola-3 {
        position: relative;
        animation: cola-3-3 1s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .cola-con-prof {
        font-size: 18px;
        width: 85%;
        height: 55px;
    }

    .cola-1 img,
    .cola-2 img,
    .cola-3 img,
    .cola img {
        width: 85%;
    }

    .text-titulo-nos span {
        border: 3px solid #4497D3;
        height: 1px;
        display: flex;
        width: 101%;
    }

    .text-titulo-nos p {
        font-size: 50px;
    }

    @keyframes cola-1-1 {
        0% {
            position: relative;
            opacity: 0;

            transform: translate(-100%, -12%);
        }

        100% {
            position: relative;
            opacity: 1;

            transform: translate(0%, 0%);
        }
    }

    @keyframes cola-2-2 {
        0% {
            position: relative;
            opacity: 0;
            transform: translate(-100%, -12%);
        }

        100% {
            position: relative;
            opacity: 1;
            transform: translate(0%, 0%);
        }
    }

    @keyframes cola-3-3 {
        0% {
            position: relative;
            opacity: 0;
            transform: translate(-100%, -12%);
        }

        100% {
            position: relative;
            opacity: 1;
            transform: translate(0%, 0%);
        }
    }

    .nombre-fun {
        font-size: 40px;
    }

    .info-fun {
        font-size: 20px;
        margin: 0px 30px;
    }

    .img-ninofeliz {
        border-radius: 30px;
    }

    .card-ninofeliz {
        border-radius: 30px;
    }

    .texto-ninofeliz {
        font-size: 14px;
        padding: 10px 8px;
    }

    .poligono-imagen {
        width: 50%;
    }

    .boton-agendarCita {
        width: 90%;
        font-size: 16px;
    }

    .boton-agendarCita:hover {
        width: 89%;
        font-size: 16px;
    }

    .dfleCarF {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .backCV::before {
        transform: rotateZ(-6deg);
        left: -15px;
    }

    .backCV2::before {
        transform: rotateZ(5deg);
        left: 52%;
    }

    .imfFM {
        width: 80%;
    }

    .title-cono-noso .title1N {
        font-size: 55px;
        margin-top: 4rem;
    }

    .espacio-funda {
        height: 10rem;
    }
    .carousel-caption {
        left: 16%;
        top: 85%;
        color: #fff;
            width: 65%;
    }

    .backCV2 {
        border-radius: 45px;
    }

    .mt-6 {
        margin-top: 2rem !important;
    }

    .mtCol {
        margin-top: 1rem;
    }

    .btn-conNo {
        font-size: 15px;
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width:390px) {
    .texto-ninofeliz {
        font-size: 13px;
    }
}

@media screen and (max-width:375px) {
    .animacion {
        font-size: 12px;
    }

    .boton-agendarCita {
        font-size: 14px;
    }

    .boton-agendarCita:hover {
        font-size: 14px;
    }

    .texto-ninofeliz {
        font-size: 11px;
        padding: 8px 14px;
    }


}

@media screen and (max-width:360px) {
    .title-banner {
        font-size: 50px;
    }

    .carousel-caption2 {
        left: 0%;
    }

    .cont-banner {
        font-size: 14px;
    }

    .btn-conNo {
        font-size: 12px;
    }

    .carousel-caption {
        top: 86%;
    }

    .circulo,
    .circuloVa,
    .circuloV {
        width: 18rem;
        height: 18rem;
    }

    .circulo1 {
        height: 6rem;
        width: 6rem;
        left: -60%;
        top: -16%;
    }

    .circulo1V {
        height: 6rem;
        width: 6rem;
        left: 13%;
        top: -20%;
    }

    .circulo1Va {
        height: 6rem;
        width: 6rem;
        left: -60%;
        top: -15%;
    }

    .circuloVa::before {
        width: calc(90% + 33px);
        height: calc(95% + 0px);
        transform: translate(-4%, -5%);
    }

    .circulo::before {
        width: calc(90% + 33px);
        height: calc(95% + 0px);
        transform: translate(0%, -8%);
    }

    .card-header-fundadora {
        padding: 30px 25px 0px 25px;
    }

    .card-text-cv {
        font-size: 12px;
    }

    .texto-ninofeliz {
        font-size: 9px;
        padding: 0px 1px;
    }
}