@media only screen and (max-width: 991px) {
    .navbar-nav {
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 1vh;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px;
        border: 3px solid white;
        border-radius: 25px;
    }
    .dropdown-item {
        font-size: 1vh;
        text-align: center;
        width: 100%;
    }

    .fondo {
        background-color: black;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 1vh;
        text-align: center;
        width: 100%;
    }

    .navbar-brand {
        display: none;
    }

    .escritorio {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .escritorio {
        display: block;
    }
    .celular {
        display: none;
    }

    .inicio {
        display: none;
    }
}

.nav-item {
    font-size: 2vh;
    width: 20vh;
}

.dropdown-item {
    font-size: 2vh;
    width: 20vh;
}

@font-face {
    font-family: "Ares VF Regular";
    src: url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.eot");
    src: url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.eot?#iefix")format("embedded-opentype"),
		url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.woff2")format("woff2"),
		url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.woff")format("woff"),
		url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.ttf")format("truetype"),
		url("/static/fonts/Ares_VF_Regular/4e0ed70b9303d91332ba11c86b709189.svg#Ares VF Regular")format("svg");
	font-display: swap;
}

@font-face {
    font-family: "Nexa Text W05 Bold";
    src: url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.eot");
    src: url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.eot?#iefix")format("embedded-opentype"),
		url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.woff2")format("woff2"),
		url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.woff")format("woff"),
		url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.ttf")format("truetype"),
		url("/static/fonts/Nexa_Text_W05_Bold/Nexa_Text_W05_Bold.svg#Nexa Text W05 Bold")format("svg");
	font-display: swap;
}

@font-face {
    font-family: 'Flix Normal';
    src: url('/static/fonts/FLIX/Flix-Normal.eot');
    src: url('/static/fonts/FLIX/Flix-Normal.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/FLIX/Flix-Normal.woff2') format('woff2'),
        url('/static/fonts/FLIX/Flix-Normal.woff') format('woff'),
        url('/static/fonts/FLIX/Flix-Normal.ttf') format('truetype'),
        url('/static/fonts/FLIX/Flix-Normal.svg#Flix-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Flix Outline';
    src: url('/static/fonts/FLIX/Flix-Outline.eot');
    src: url('/static/fonts/FLIX/Flix-Outline.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/FLIX/Flix-Outline.woff2') format('woff2'),
        url('/static/fonts/FLIX/Flix-Outline.woff') format('woff'),
        url('/static/fonts/FLIX/Flix-Outline.ttf') format('truetype'),
        url('/static/fonts/FLIX/Flix-Outline.svg#Flix-Outline') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Visage';
    src: url('/static/fonts/Visage/Visage_Regular.woff2') format('woff2'),
        url('/static/fonts/Visage/Visage_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Visage Bold';
    src: url('/static/fonts/Visage/Visage_Bold.woff2') format('woff2'),
        url('/static/fonts/Visage/Visage_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

img.captcha {
    vertical-align: middle;
    height: 4.5vh;
    width: auto;
    text-align: center;
    padding: 10px;
}

input.captcha {
    height: 4.5vh;
    width: auto;
    vertical-align: middle;
    font-size: 1.3vh;
    border-radius: 25px;
    text-align: center;
    padding: 10px;
    margin: 5px;
}

.boton_comoir {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(252, 11, 204, 1);
    height: 2.2vh;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px;
    border-radius: 1.1vh;
    border-color: rgba(252, 11, 204, 1);
}

.boton_comoir:hover {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 0, 0, 1);
    border: 1px;
    border-color: rgba(255, 0, 0, 1);
}

.cabecera_tabla {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(10, 31, 91, 0.75);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    object-fit: contain;
}

.carousele_elemento {
    padding: 5px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,1);
}

.carousele_imagen {
    max-height: 100%;
    width: 100%;
    margin: auto;
    background-color: rgba(0,0,0,1);
}

.carousele_texto {
    font-size: 2vh;
    padding: 5px;
    color: white;
    background-color: rgba(0,0,0,0.3);
}

.carousele_titulo {
    font-size: 2vh;
    padding: 5px;
    color: white;
    background-color: rgba(0,0,0,0.3);
}

.centrado_vertical {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}

.common {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    object-fit: contain;
}

.common_background {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    object-fit: contain;
}

.common_background_fechas {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    object-fit: contain;
}

.common_black {
    font-weight: bold;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.common_blue {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgb(10, 31, 91);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.contenedor_principal {
    font-weight: bold;
    font-size: 12px;
    margin: auto;
    padding: 30px;
}

.datos_contacto {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    object-fit: contain;
}

/* INICIO EKP */
.epk_contenido {
    z-index: 98;
}

.epk_division {
    margin: 25px;
    padding: 25px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.7vh;
}

.epk_imagen_fondo {
    width: 100%;
    text-align: center;
    background-color: rgb(0, 0, 0);
    background-image: url('/media/epk/cyberpunk_city-gigapixel.webp');
    background-position: center;
	background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
}

.epk_link {
    font-size: 2.6vh;
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.epk_link:visited {
    font-size: 2.6vh;
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.epk_link:hover {
    font-size: 2.6vh;
    font-weight: bold;
    text-decoration: none;
    color: rgba(252, 11, 204, 1);
}

.epk_links_importantes {
    z-index: 99;
    position: fixed;
    bottom: 25px;
    right: 25px;
    border: 3px solid white;
    border-radius: 25px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.epk_links_importantes_imagen {
    height: auto;
    width: 5vh;
    margin: 0.5vh;
}

.epk_links_importantes_imagen:Hover {
    height: auto;
    width: 6vh;
    margin: 0vh;
}

.epk_links_importantes_celular {
    z-index: 99;
    position: fixed;
    bottom: 25px;
    border: 3px solid white;
    border-radius: 25px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.epk_navbar {
    z-index: 1;
}

.epk_navbar_contenedor {
    border: 3px solid white;
    border-radius: 25px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.epk_noticia {
    text-align: center;
    vertical-align: center;
    align-items: center;
    border: 3px solid white;
    border-radius: 25px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.3);
}

.epk_noticia:Hover {
    border: 3px solid rgba(252, 11, 204, 1);
    background-color: rgba(0, 0, 0, 0.5);
}

.epk_noticia_texto {
    font-family: Nexa Text W05 Bold;
    font-size: 2vh;
    text-align: left;
}

.epk_separador_inferior {
    width: 100%;
    height: 16vh;
    text-align: center;
    align-items: center;
}

.epk_separador_superior {
    width: 100%;
    height: 18vh;
    text-align: center;
    align-items: center;
}

.epk_video {
    padding: 25px;
}

.epk_video:Hover {
    border: 3px solid white;
    border-radius: 25px;
}
/* FIN EPK */

.fecha {
    font-size: 1.8vh;
    text-align: center;
    vertical-align: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border: 5px solid white;
    border-radius: 50%;
    display: flex;
}

.fecha_tabla {
    vertical-align: center;
    align-items: center;
    padding: 5px;
}

/* Imágenes Integrantes */
.imagen_base {
    position: relative;
    display: inline-block;
}
.imagen_base .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.imagen_base:hover .img-top {
    display: inline;
}
/**/

.imagen-principal-gsap {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.link {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.link:visited {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.link:hover {
    font-weight: bold;
    text-decoration: none;
    color: rgba(252, 11, 204, 1);
}

.link_nihil {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.link_nihil:visited {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.link_nihil:hover {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.logo_imagen {
    padding: 5px;
    height: 50px;
    max-width: 100%;
}

.navbar_imagen {
    width: 100%;
    height: 18vh;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    /*background-image: url('/media/Logo.webp');*/
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    align-items: center;
}

.navbar_imagen_fondo {
    width: 100%;
    height: 18vh;
    text-align: center;
    background-color: rgb(0, 0, 0);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
}

.navbar_background {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.navbar_background_black {
    font-weight: bold;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

.navbar_link {
    width: 100%;
}

.nosotros_imagen {
    text-align: center;
    vertical-align: center;
    border-radius: 50px;
}

.nosotros_texto {
    text-align: center;
    vertical-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    max-height: 500px;
    border: 5px solid rgba(252, 11, 204, 1);
    border-radius: 50px;
    padding: 10px;
    color: black;
    background-color: rgba(200,200,200,0.8);
}

.Noticia {
    text-align: center;
    vertical-align: center;
    align-items: center;
    border: 3px solid white;
    padding: 10px;
    color: white;
    background-color: black;
}

.Noticia:Hover {
    border: 3px solid red;
}

.Noticia_boton_celeste {
    text-align: center;
    vertical-align: middle;
    align-items: center;
    font-size: 1.5vh;
    font-weight: bold;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(88, 228, 255, 1);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: 5px solid rgba(88, 228, 255, 1);
    border-radius: 2vh;
    border-color: rgba(88, 228, 255, 1);
}

.Noticia_boton_celeste:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

.Noticia_boton_rosa {
    text-align: center;
    vertical-align: middle;
    align-items: center;
    font-size: 1.5vh;
    font-weight: bold;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(252, 11, 204, 1);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: 5px solid rgba(252, 11, 204, 1);
    border-radius: 2vh;
    border-color: rgba(252, 11, 204, 1);
}

.Noticia_boton_rosa:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

.Noticia_texto {
    font-family: Nexa Text W05 Bold;
    font-size: 1.3vh;
    text-align: left;
}

.Noticia_titulo_celeste {
    font-size: 3vh;
    font-weight: bold;
    color: rgba(88, 228, 255, 1);
}

.Noticia_titulo_rosa {
    font-size: 3vh;
    font-weight: bold;
    color: rgba(252, 11, 204, 1);
}

.rider {
    border: 5px solid rgb(252, 11, 204);
    margin: 10px;
    padding: 15px;
    color: black;
    background-color: white;
}

.texto_gris {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    text-decoration: none;
    color: rgba(102, 102, 102, 1);
    background-color: rgba(255, 255, 255, 1);
}

.texto_negro {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}

.texto_tabla {
    vertical-align: center;
    align-items: center;
    padding: 5px;
}

.tipografia {
    font-family: "Ares VF Regular";
}

.tipografia_nexa {
    font-family: "Nexa Text W05 Bold";
}

.tipografia_flix {
    font-family: "Flix Normal";
}

.tipografia_flix_outline {
    font-family: "Flix Outline";
}

.tipografia_visage {
    font-family: "Visage";
}

.grande {
	font-size: 125%;
}

.tipografia_visage_bold {
    font-family: "Visage Bold";
}

.titulos_dropdown {
    border-radius: 0px 10px 10px 0px;
    color: rgba(255, 255, 255, 1);
    background-color: rgb(10, 31, 91);
    padding: 3px;
}





/*lite-yt-embed.css*/
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 100%;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    /* Make the button element cover the whole area for a large hover/click target… */
    width: 100%;
    height: 100%;
    /* …but visually it's still the same size */
    background: no-repeat center/68px 48px;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }