.menu_mobile_view {
    display: none;
}

#menu_mobile_content {
    padding: 1rem;
    right: 20px;
}

.dropdown-toggle::before {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-item {
    padding: 8px 12px;
    font-size: 1rem;
    line-height: 1.5;
}

#logo_image_top_mobile_pye {
    display: flex;
}

#logo_image_top_pye {
    display: none;
}

.dropdown-menu {
    text-align: center !important;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 8px;
    min-width: 290px !important;
}

.text_menu_drop:active, .text_menu_drop:focus, .text_item_py:focus, .text_item_py:active, .text_item_py {
    outline: 0;
    box-shadow: none;
    border-color: transparent !important;
}

.width_item_pyeduca > a {
    color: rgb(33, 37, 41);
}

.header {
    background-color: red;
}

.team-container {
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.hidden_up_down {
    display: none;
}


.team-member {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 20px;
    overflow: visible;
    /*border: 1px solid gainsboro;*/
    border: 2px solid #ffa300;
}

.team-member img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.team_box p {
    opacity: 0;
    transition: opacity 0.3s ease;
    top: 0;
}

.team_box:hover p {
    opacity: 1;
}

.team_box {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.team_box:hover {
    transform: scale(1.1);
}


.hotspot {
    position: absolute;
    bottom: 5px;
    right: 10%;
    transform: translateY(50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotspot-icon {
    width: 40px;
    height: 40px;
    background-color: var(--pye_amarillo);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    /*box-shadow: 0 0 10px var(--pye_amarillo);*/
    position: relative;
    z-index: 2;
}

.linkedin-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.linkedin-btn {
    position: absolute;
    bottom: 5px;
    right: 3%;
    transform: translateY(50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_with_img {
    background-image: url(/static/pyeduca/images/btn_img.png) !important;
    width: 500px;
    height: 200px;
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 20px;
}

.btn_img_pyeduca:hover {
    transform: scale(1.1);
    transition: 1s;
}

.hotspot-tooltip {
    position: absolute;
    transform: translateY(60%);
    background: var(--pye_azul);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    display: none;
    visibility: hidden;
    z-index: 9999 !important;
}

.hotspot:hover + .hotspot-tooltip {
    display: block;
    visibility: visible;
}

.hotspot-icon::after {
    content: "+";
    position: absolute;
    font-size: 24px;
}


.hotspot-icon::before {
    content: "";
    position: absolute;
    width: 47px;
    height: 47px;
    /*background: rgba(239, 183, 61, 0.2);*/
    border-radius: 50%;
    /*animation: pulse 3s infinite;*/
    z-index: -1;
}

.dropdown-item.active, .dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: var(--pye_amarillo) !important;
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(-10);
    }
    50% {
        opacity: 0.2;
        transform: scale(5);
    }
    100% {
        opacity: 1;
        transform: scale(10);
    }
}


.icon-box {
    padding: 20px 20px 0;
}

.counter-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.counter {
    font-size: 3.5rem;
    font-weight: bold;
}

/*Carrusel horizontal*/
/*.alliance-carousel {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.alliance-carousel-item img {*/
/*    width: 200px;*/
/*    height: auto;*/
/*}*/

.image-carousel {
    width: 100% !important;
    height: 130px;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 20px !important;
    transition: height 1s ease-in-out;
}

.image-carousel-memoria {
    height: 220px;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 20px !important;
    transition: height 1s ease-in-out;
}

ul > li {
    margin-bottom: 2px !important;
}

.image-wrapper, .image-wrapper-memoria {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    transition: transform 1s ease-in-out;
    justify-content: center;
}

.text_item_azul > a {
    color: white;
}

.image-wrapper img {
    max-width: 200px !important;
    max-height: 90px !important;
    margin: 0 10px !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    min-height: 90px !important;
}

.image-wrapper-memoria img {
    max-width: 100px;
    max-height: 90px !important;
    margin: 0 10px !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    min-height: 90px !important;
}

/*.carousel_pye {*/
/*    !*height: 500px;*!*/
/*    height: 75vh;*/
/*}*/

.carousel_pye img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-content {
    padding: 2rem;
    max-width: 600px;
    margin: auto;
}

.rotate-logo {
    transform: rotate(-360deg);
    transition: transform 1s ease-out;
}

.video-wrapper {
    box-sizing: border-box;
    /*margin-bottom: 5px;*/
    /*background-color: #fff;*/
    /*box-shadow: 5px 6px 5px rgba(255, 163, 0, 0.38);*/
    border: 0.5vw solid var(--pye_lila);
    padding: 20px;
    background: var(--pye_lila);
    /*border-radius: 20px;*/
}

.video_pye {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    /*font-weight: bold;*/
    /*color: var(--pye_amarillo);*/
    color: white;
    /*font-size: 2.5vw;*/
    margin-bottom: 0;
}

/*.content_videoIframe {*/
/*    border: 1.5vw solid white;*/
/*    border-radius: 20px;*/
/*    margin-bottom: 15vh;*/
/*    transform: scale(0.8);*/
/*}*/

.iframe_pye {
    border: 1.5vw solid white;
    border-radius: 20px;
    margin-bottom: 15vh;
}

.item_pye {
    color: rgb(33, 37, 41);
    font-size: 15px;
}

.item_main_pye {
    color: white;
}

.img_carouselPye {
    max-height: 60vh;
    width: auto !important;
    max-width: 90%;
    height: 100%;
}

.parrafo_carouselPye {
    max-height: 27vh;
    overflow: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
    font-size: 20px;
}

/*.carta {*/
/*    width: 48% !important;*/
/*}*/

/*.cara {*/
/*    padding: 0 !important;*/
/*}*/

.img-container1 {
    background-image: url("/static/pyeduca/images/seccion_proyectos/educacion4.png");
}

.img-container2 {
    background-image: url("/static/pyeduca/images/seccion_proyectos/tecnologia4.png");
}

.img-container3 {
    background-image: url("/static/pyeduca/images/seccion_proyectos/comunidad4.png");
}

.img-container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 59vh;
    width: 50vh;
    transition: transform 0.3s ease;
}

.img-container:hover {
    transform: scale(0.9);
}

.moveImagefloting {
    width: 100%;
    height: auto;
    transition: transform 1s ease-in-out;
}

.moving-image {
    width: 100%;
    height: auto;
    transition: transform 0.2s ease-out;
    max-width: 60%;
    object-fit: contain;
    border-radius: 25px;
}

.stop_transf_image {
    transition: none !important;
    max-width: 80%;
    transform: none !important;
}

.animated-text {
    display: flex;
    justify-content: center;
}

.animated-text span {
    display: inline-block;
    transform: translateY(20px);
    opacity: 0;
    animation: fadeInUp 0.5s ease-out forwards;
}

.animated_text {
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 3px;
    color: white;
    font-weight: bold;
    font-size: 5rem;
    margin-left: 4vw;
    margin-top: 4vh;
    line-height: 8rem;
    visibility: visible;
    word-wrap: break-word;
}

.elementor-widget-container {
    transform: scale(0.8);
    transition: transform 50ms ease-in-out;
    will-change: transform;
}


@keyframes fadeInUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.eff_move {
    transform: scale(0.8);
    transition: opacity 0.6s ease-out,
    transform 0.6s ease-out,
    background 0.6s ease-out,
    border 0.6s ease-out,
    border-radius 0.6s ease-out,
    box-shadow 0.6s ease-out;
}

.richtext_block_content li {
    transition: transform 0.4s ease-out;
}

.richtext_block_content li:hover {
    transform: scale(1.1);
}

::marker {
    color: var(--secondary_3) !important;
}

.richtext_block_content > h3 > b {
    color: var(--secondary_3) !important;
    margin-top: 10vh;
}

.richtext_block_content > ol > li {
    color: var(--secondary_3) !important;
}

.richtext_block_content {
    font-size: 25px;
}

.btn_primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #494653;
}

.img_balanceoX {
    width: 100px;
    height: 100px;
    max-width: 100%;
    margin-left: 4vw;
    object-fit: contain;
    background-size: cover;
    animation: balanceoX 3s ease-in-out infinite;
}


@keyframes balanceoX {
    0% {
        transform: translateX(-20px) rotate(-15deg);
    }
    50% {
        transform: translateX(20px) rotate(15deg);
    }
    100% {
        transform: translateX(-20px) rotate(-15deg);
    }
}

.animarBox {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.animarBox.visible {
    opacity: 1;
}

.scroll-effect {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 1s ease;
}

.scroll-effect.visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-effect:hover {
    transform: scale(0.9);
}


.title_down {
    position: relative;
    opacity: 0;
    transform: translateY(-100px);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.title_down.falling {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.7s;
}

@keyframes fallDown {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.swiper-slide {
    margin: auto;
}

.animado_memoria {
    transition: transform 0.5s ease-out;
    transform: translateX(0);
}

.animado_memoria.izquierda.in-view {
    transform: translateX(-1vw);
}

.animado_memoria.derecha.in-view {
    transform: translateX(1vw);
}


/*.team-member {*/
/*    opacity: 0;*/
/*    transform: translateY(-50px);*/
/*    animation: moverYaparecer 1s forwards; */
/*    animation-delay: 0s;*/
/*}*/


/*@keyframes moverYaparecer {*/
/*    0% {*/
/*        opacity: 0;*/
/*        transform: translateY(-50px);*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/


/*.team-member img {*/
/*    opacity: 0;*/
/*    animation: mostrarImagen 1s forwards; */
/*    animation-delay: 0s;*/
/*}*/

/*@keyframes mostrarImagen {*/
/*    0% {*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

.svgIcon {
    transition: 50ms;
    transform: scale(1);
}

.svgIcon_animate {
    transform: scale(1.5);
}

.carousel-indicators {
    margin-bottom: 3rem;
}

.div_memoria {
    transition: transform 0.3s ease;
}

.div_memoria:hover {
    transform: scale(1.03) !important;
}

.img_mem {
    max-width: 240px !important;
}

/*.content_carouselPye {*/
/*    width: 80%;*/
/*    margin: auto;*/
/*}*/

.photo_bg_team {
    background-image: url(/static/pyeduca/images/124587.png) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-color: #000000b2;
}


.carta {
    transform-style: preserve-3d;
    transition: all 0.5s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    height: 59vh;
    width: 50vh;
    border: 5px solid white;
    outline: 2px solid black;
    cursor: pointer;
    position: relative;
    margin: 1vw;
}

.cara {
    position: absolute;
    backface-visibility: hidden;
    height: 59vh;
    width: 50vh;
}

.content_cartas {
    transition: .2s ease;
}

.content_cartas:hover {

    transform: scale(0.8);
}

.detras {
    position: absolute;
    backface-visibility: hidden;
    height: 59vh;
    width: 50vh;
}


.cara.detras {
    transform: rotateY(180deg);
}

.detras {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--pye_amarillo);
    border-radius: 25px;
}


.carta img {
    /*width: 100%;*/
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.carta.volteada {
    transform: rotateY(180deg);
}

.carta:hover img {
    transform: scale(1.2);
}

.carta-box {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    background-color: var(--pye_verde);
    width: 100%;
    padding: 100px 10vw;
    flex-wrap: wrap;
}

.btn_pyeduca {
    display: inline-block;
}

#hoverArea {
    /*padding: 10px 20px 50px 10px;*/
    height: 60vh;
    margin: auto;
    overflow: hidden;
}

.content_cartas {
    height: 59vh;
    align-content: center;
}

.memoria_cube {
    height: 200px !important;
    width: 200px !important;
}

@media (max-width: 1289px) {
    .animated_text {
        text-align: center;
        line-height: unset;
        margin: auto;
    }

    /*#animated-text {*/
    /*    font-size: 9vw !important;*/
    /*    text-align: center !important;*/
    /*    margin-top: 10vh !important;*/
    /*}*/
    .img_balanceoX {
        margin: 4vh auto;
    }

    .carta-box {
        padding: 30px 8vw;
    }
}

@media (min-width: 1129px) {
    /*#menu_mobile_content {*/
    /*    display: none !important;*/
    /*}*/
    .carta-box {
        padding: 10px 4vw;
    }
}

@media (max-width: 1128px) {
    .menu_desktop_view {
        display: none;
    }

    .menu_mobile_view {
        display: flex;
    }

    .menu_mobile {
        display: flex;
    }

    #logo_image_top_mobile_pye {
        display: none;
    }

    #logo_image_top_pye {
        display: flex;
    }

    .dropdown-menu {
        /*transform: translate3d(-40px, 50px, 0px) !important;*/
        width: 30vw;
        max-width: none;
        padding: 10px;
        box-sizing: border-box;
        height: auto;
        max-height: 80vh;
        overflow-y: auto;
    }

    .animated_text {
        font-size: 4rem;
    }

    .parrafo_carouselPye {
        font-size: 18px;
    }
}

@media (max-width: 1031px) {
    .img_carouselPye {
        max-height: 60vh;
        max-width: 90%;
    }

    .carousel_pye {
        height: 55vh;
    }

    .carousel-indicators {
        margin-bottom: 1.7rem;
    }

    /*.content_carouselPye {*/
    /*    width: 93%;*/
    /*    margin: auto;*/
    /*}*/
    #hoverArea {
        height: 70vh;
    }

    .moving-image {
        max-width: 90% !important;
    }

    .animated_text {
        font-size: 5rem;
    }
}


@media (max-width: 992px) {
    /*#animated-text {*/
    /*    font-size: 9vw !important;*/
    /*    text-align: center !important;*/
    /*    margin-top: 10vh !important;*/
    /*}*/
    /*.img_balanceoX {*/
    /*    right: 10% !important;*/
    /*    top: 0 !important;*/
    /*}*/
    .moving-image {
        max-width: 30vh !important;
        transition: unset;
        transform: unset;

    }

    .animated_text {
        font-size: 4rem;
    }
}


@media (max-width: 767px) {
    .img_carouselPye {
        max-height: 25vh;
        max-width: 90%;
    }

    .carousel_pye {
        height: 80vh;
    }

    /*.content_carouselPye {*/
    /*    height: 40vh;*/
    /*}*/
    .parrafo_carouselPye {
        max-height: 15vh;
        font-size: 18px;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    .carousel-indicators {
        margin-bottom: 1rem;
    }

    .div_newspye {
        max-width: 85vw !important;
    }

    /*.btn_pyeduca {*/
    /*    width: 70vw !important;*/
    /*}*/
    /*.video_pye {*/
    /*    font-size: 4vw;*/
    /*}*/
    iframe {
        min-height: auto !important;
    }

    .iframe_pye {
        max-width: 65vw !important;
        min-height: 40vh !important;
    }

    /*.content_carouselPye {*/
    /*    width: 98%;*/
    /*    margin: auto;*/
    /*}*/
    /*.moving-image {*/
    /*    max-width: 65vh !important;*/
    /*}*/
    .animated_text {
        font-size: 3rem;
    }
}

@media (max-width: 563px) {
    /*#animated-text {*/
    /*    font-size: 12vw !important;*/
    /*    text-align: center !important;*/
    /*    margin-top: 10vh !important;*/
    /*    line-height: 6rem !important;*/
    /*}*/
    /*.img_balanceoX {*/
    /*    right: 10% !important;*/
    /*    top: 0 !important;*/
    /*    left: unset;*/
    /*}*/
    /*.moving-image {*/
    /*    max-width: 55vw !important;*/
    /*}*/
    .img_carouselPye {
        max-height: 20vh;
        max-width: 90%;
    }
}

@media (max-width: 450px) {
    .carta, .cara, .detras, .img-container {
        height: 49vh;
        width: 40vh;
    }

    .dropdown-menu {
        min-width: 300px !important;
    }

    .parrafo_carouselPye {
        max-height: 12vh;
        font-size: 17px;
    }

    .carousel-content.content_carouselPye.p-3 > h3 {
        font-size: 1.3rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }

    /*.video_pye {*/
    /*    font-size: 6vw;*/
    /*}*/
    .content_videoIframe {
        max-width: 75vw !important;
    }

    .iframe_pye {
        max-width: 100vw !important;
        min-height: auto !important;
    }

    /*#animated-text {*/
    /*    font-size: 14vw !important;*/
    /*    margin-top: 15vh !important;*/
    /*    line-height: 5rem !important;*/
    /*}*/
    /*.img_balanceoX {*/
    /*    left: unset !important;*/
    /*    width: 15vw !important;*/
    /*}*/
    /*.moving-image {*/
    /*    max-width: 95vw !important;*/
    /*}*/
    .img_carouselPye {
        max-height: 15vh;
        max-width: 90%;
    }
}

@media (max-width: 350px) {
    .carta, .cara, .detras, .img-container, .content_cartas {
        height: 39vh;
        width: 30vh;
    }

    .dropdown-menu {
        transform: translate3d(0, 50px, 0px) !important;
    }

    #menu_mobile_content {
        padding: 1rem;
        right: 13px;
    }

    .parrafo_carouselPye {
        max-height: 20vh;
    }
}

@media (max-width: 1199px) {
    .img_memoria_cube {
        max-width: 19vw !important;
    }
}

@media (max-width: 1191px) {
    .img_memoria_cube {
        max-width: 10vw !important;
    }
}

@media (max-width: 991px) {
    .img_memoria_cube {
        max-width: 100% !important;
    }
}

@media (max-width: 989px) {
    .memoria_cube {
        padding: 10px 5px !important;
    }
}

/*--------------*/

@media (min-width: 768px) {
    .carousel-content {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .carousel_pye .col-md-6 {
        height: 100vh;
    }
}

@media (max-width: 1000px) {
    .img_carrusel {
        object-fit: contain !important;
    }

    .carousel_pye .row {
        flex-direction: column;
    }

    .carousel_pye .col-12 {
        height: 40vh !important;
    }

    .carousel_pye img {
        height: auto;
        max-height: 50vh;
    }

    .carousel-content {
        padding: 1rem;
        text-align: center;
    }
}