/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




.boton-ver-video {
    color: #fff;
    background-color: #0F002A;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    max-width: max-content;
    transition: 0.4s;
}

.boton-ver-video:hover {
    background-color: var(--e-global-color-primary);
}

.boton-ver-video .img {
    max-width: 35px;
    height: 35px;
    margin-right: 10px;
}


#box-video {
    position: fixed;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(15, 0, 42, 1);
}

#box-video.oculto {
	display: none;
}


#box-video .video {
	position: relative;
}

#box-video .video video {
    width: auto;
    height: 80vh;
}

/* BOTÓN DE SUBTÍTULOS  */
#box-video .video select {
    position: absolute;
    top: 0;
    right: 0;
    max-width: max-content;
    z-index: 2;
    background-color: var(--e-global-color-secondary);
    color: #fff;
    border: none;
    display: none;
}

#box-video .video select:focus-visible {
    border: none;
}

#box-video .video select option:hover {
    background-color: #371861 !important;
    color: #fff;
}




.caja-logo {
	position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.caja-logo .triangulos {
	position: relative;
}

.caja-logo .triangulos img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-15%, -50%);
}



.caja-logo .triangulos-2,
.caja-logo .triangulos-3 {
    position: relative;
}

.caja-logo .triangulos-2 img,
.caja-logo .triangulos-3 img {
    position: absolute;
    top: 50%;
}

.caja-logo .triangulos-2 img {
    left: 0;
    transform: translate(0, -50%);
}

.caja-logo .triangulos-3 img {
    right: 0;
    transform: translate(0, -50%);
    width: 80% !important;
}



.slider-top-home-2 .swiper-pagination-bullet-active {
    width: 160px !important;
    border-radius: 10px !important;
    background-color: #D41D00 !important;
}

.swiper-pagination-bullet {
    transition: width 0.4s;
    background-color: #371861 !important;
    border-radius: 10px !important;
    opacity: 1;
    position: relative;
}


.slider-top-home-2 .swiper-pagination-bullet:after,
.slider-top-home-2 .swiper-pagination-bullet:before {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%, 0);
    width: 100%;
    white-space: nowrap;
    display: none;
}

.slider-top-home-2 .swiper-pagination-bullet:after {
    opacity: 0;
}

.slider-top-home-2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
}

.slider-top-home-2 .swiper-pagination-bullet:before {
    opacity: 1;
}

.slider-top-home-2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 0;
}

.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="0"]:after {
    content: 'Episodio 1';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="1"]:after {
    content: 'Episodio 2';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="2"]:after {
    content: 'Episodio 3';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="3"]:after {
    content: 'Episodio 4';
}

.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="4"]:after {
    content: 'Episodio 5';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="5"]:after {
    content: 'Episodio 6';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="6"]:after {
    content: 'Episodio 7';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="7"]:after {
    content: 'Episodio 8';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="8"]:after {
    content: 'Episodio 9';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="9"]:after {
    content: 'Episodio 10';
}

.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="0"]:before {
    content: '1';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="1"]:before {
    content: '2';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="2"]:before {
    content: '3';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="3"]:before {
    content: '4';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="4"]:before {
    content: '5';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="5"]:before {
    content: '6';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="6"]:before {
    content: '7';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="7"]:before {
    content: '8';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="8"]:before {
    content: '9';
}
.slider-top-home-2 .swiper-pagination-bullet[data-bullet-index="9"]:before {
    content: '10';
}






.boton-abre-firma {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    max-width: max-content;
    left: -96px;
    transform: rotate(-90deg);
    top: 51px;
    cursor: pointer;
    transition: 0.4s;
}





.page-id-580 .ir-a-manifiesto {
    display: none;
}



.img-back-box {
    position: static;
}

.img-back-box .img-back {
    position: absolute;
    display: block;
    transform: translate(50%, -50%) scale(1);
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    z-index: -1;
    transition: 0.4s;
}

.pildoras:hover .img-back-box .img-back {
    transform: translate(50%, -50%) scale(1.1);
}



.boton-ver-video {
    font-size: 14px;
}

.boton-ver-video .img {
    max-width: 30px;
    height: 30px;
}



.img-persona {
    position: absolute !important;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.img-persona div {
    position: static !important;
}

/*
.img-persona img {
    position: absolute;
    top: 37%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: auto;
    max-width: 480px;
}
*/

.img-persona img {
    position: absolute;
    top: 50%;
    transform: translate(50%, calc(-50% - 40px));
    right: 50%;
    width: 100%;
    height: auto;
    max-width: 600px;
}





.contenedor-video {
    position: relative;
}

.contenedor-video .cerrar {
    width: 13px;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    cursor: pointer;
}

.contenedor-video .cerrar:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #371861;
    z-index: -1;
    top: 50%;
    right: 50%;
    transform: translate(50%, -59%);
    border-radius: 50%;
}

.contenedor-video .cerrar svg {
    fill: #fff;
}




.niednierroneo {
    background-color: #D41D00 !important;
}



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

    .caja-logo .triangulos-3 img {
        right: -20%;
        width: 200% !important;
    }

    .form-manifiesto {
        position: fixed;
        background-color: rgba(15, 0, 42, 0.95);
        padding: 30px;
        padding-left: 50px;
        max-width: 450px;
        right: -450px;
        top: 0;
        transition: 0.4s;
        z-index: 9999;
        height: 100%;
        justify-content: center;
    }

    .form-manifiesto.abierto {
        right: 0;
    }

    .form-manifiesto > div {
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
    }

    .form-manifiesto > div::-webkit-scrollbar {
        display: none;
    }

    .boton-abre-firma {
        transform: translate(0, 50%) rotate(-90deg);
        top: 50%;
    }

    .contenedor-video .cerrar {
        width: 15px;
        right: 35px;
        top: -35px;
    }

    .contenedor-video .cerrar:before {
        width: 30px;
        height: 30px;
    }

}



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

    .caja-logo .triangulos-3 img {
        right: -50%;
    }

    .slider-top-home-2 .swiper-pagination-bullet-active {
        width: 80px !important;
    }

    .slider-top-home-2 .swiper-pagination-bullet:after,
    .slider-top-home-2 .swiper-pagination-bullet:before {
        font-size: 13px;
    }

    .form-manifiesto.abierto .boton-abre-firma {
        left: -53px; 
    }



    .boton-ver-video {
        font-size: 13px;
    }

    .boton-ver-video .img {
        max-width: 28px;
        height: 28px;
    }

    .loop-fragmentos .swiper-pagination {
        display: none;
    }

}



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

    .form-manifiesto {
        max-width: 100%;
        right: -100%;
    }

}






@media screen and (max-height: 650px) {

    .img-persona img {
        max-width: 510px;
    }

}

@media screen and (max-height: 600px) {

    .img-persona img {
        max-width: 450px;
    }

}