/************************************** Autor: ******************************************/
/*                                                                                      */
/*                            El Ultimo Llamado Divino                                  */
/*                                                                                      */
/*                 WEB: http://www.elultimollamadodivino.com.pe                         */
/*                 MAIL: elultimollamadodivino@hotmail.com                              */
/*                 CODIGO COMENTADO                                                     */
/*				                                                                        */
/************************* Copyright © 2000 - 2022  *************************************/

/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
***************************************************************************************************** RECURSOS EXTERNOS DE USO GENERAL **************************************************************************************
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* FUENTES */

@font-face {
	/*Añade una fuente propia, para ser usada en todo el documento*/
	font-family: AachenBt;
	src: url("<?php echo constant('URL'); ?>public/portal/fonts/Aachen_BT.ttf");
}
@font-face {
	/*Añade una fuente propia, para ser usada en todo el documento*/
	font-family: AachenDEEMed;
	src: url("<?php echo constant('URL'); ?>public/portal/fonts/AachenDEEMed.ttf");
}
@font-face {
	/*Añade una fuente propia, para ser usada en todo el documento*/
	font-family: RufinaBold;
	src: url("<?php echo constant('URL'); ?>public/portal/fonts/Rufina_Bold.ttf");
}
@font-face {
	/*Añade una fuente propia, para ser usada en todo el documento*/
	font-family: Rufina;
	src: url("<?php echo constant('URL'); ?>public/portal/fonts/Rufina.ttf");
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*  I   ****************************************************************************************** CONFIGURACIONES GLOBALES **************************************************************************************************
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*  1                                                                                     POR DEFECTO EN GENERAL A TODOS LOS ELEMENTOS                                                                                       *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

* {
	margin: 0px; /* -------------------------------------------------------------------------------- Genera espacios externos alrededor de la página y de todos sus elementos*/
	padding: 0px; /* ------------------------------------------------------------------------------- Genera espacios al rededor del contenido de todos los elementos de la página*/
	box-sizing: border-box; /* --------------------------------------------------------------------- Permite incluir el relleno y el borde en el ancho (width) y el alto (height) total de un elemento, sin aumentar el tamaño del mismo.*/
	font-size: 16px; /* -----------------------------------------------------------------------------Tamaño general de la fuente aplicada a todos los objetos que no se les haya especificado mediante un determinado estilo */
}

/* PARA OCULTAR ELEMENTOS QUE LO REQUIERAN SEGUN EL DISEÑO DE LA PÁGINA*/
.none {
	display: none; /*------------------------------------------------------------------------------- El elemento se elimina por completo.*/
}

/* 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*  1                                                                                        GENERAL A TODOS LAS ETIQUETAS INDICADAS                                                                                         *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

body,
html {
	overflow: hidden; /* ----------------------------------------------------------------------------Permite recortar el contenido o agregar barras de desplazamiento tipo scroll como en un iframe. Valores posibles: 'scroll','hidden','auto', 'clip', 'visible' */
	font-family: AachenBt; /* -----------------------------------------------------------------------Tipo de Fuente de Texto a utilizar */
	text-rendering: optimizeLegibility; /* ----------------------------------------------------------Optimiza el texto via Gecko para el CSS */
	cursor: default; /*------------------------------------------------------------------------------Especifica el cursor del mouse que se mostrará al apuntar sobre la página*/
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* --------------------------------------------------------------------------------------------------------- BODY ---------------------------------------------------------------------------------------------------------- *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/* HEADER - CABEZA >>>  GENERAL  */
/*
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                            HEADER                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

/*-------- NIVEL-1 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*header{}*/

/*-------- NIVEL-1 > UNICO-HIJO-1 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cabezaPag {
	/******* Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	position: fixed; /* ---------------------------------------------------------------------------- El elemento está posicionado en relación con la ventana principal permaneciendo siempre en el mismo lugar de la pantalla, viendose afetado solo por las propiedades: top, right, bottom y left */
	width: 100%; /* ---------------------------------------------------------------------------------100vw = 100% de acuerdo al ancho del tamaño de su pantalla */
	background-color: hsla(
		240,
		100%,
		0%,
		0.5
	); /* ------------------------------------------------Color de fondo del elemento con transparencia */
	z-index: 2; /* --------------------------------------------------------------------------------- Valor de la superposición de la barra de navegacion de la cabecera */
	/* border: 1px solid #B1FF00; */
}

/*!------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.navegacion {
	/* ****** Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	width: 100%; /* -------------------------------------------------------------------------------- Está declaración indica que su ancho abarcará todo el ancho DE SU CONTENEDOR PADRE (cabezaPag)*/
	height: 100%; /* ------------------------------------------------------------------------------- Está declaración indica que su ALTO abarcará todo el ancho DE SU CONTENEDOR PADRE (cabezaPag)*/
	display: flex; /* ------------------------------------------------------------------------------ Aplica al contenedor Principal a fin de poder reorganizar a sus elementos hijos */
	flex-direction: row; /* ------------------------------------------------------------------------ Está declaración indica que sus elementos hijos están ordenados Horizontalmente */
	justify-content: space-between; /* ------------------------------------------------------------- Está declaración genera espacio entre lineas los elementos del contenedor horizontalmente hacia los extremos*/
	/* border: 1px solid green; */ /* ESTE CONTENEDOR ABARCA TODO EL ANCHO Y ALTO DE CABEZAPAG */
	padding: 0.7rem; /*----------------------------------------------------------------------------- Espacio alrededor del contenido de un elemento, dentro de los bordes definidos */
	/* background-color: red; */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-1 -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.navHamburguesa {
	/************* Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	/* Selector solo para celular ver @media */
	/* background-color: red; */
}

.ham {
	/* Nivel 1.1.1.1 */
	/* Selector solo para celular ver @media */
}

.ham span {
	/* Nivel 1.1.1.1 Etiqutas <span> */
	/* Selector solo para celular ver @media */
}

.ham:hover {
	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	/* Selector solo para celular ver @media */
}

/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

.br-1.animado {
	/*********** Primera etiqueta <span> */
	/* Selector solo para celular ver @media */
}

.br-2.animado {
	/*********** Segunda etiqueta <span> */
	/* Selector solo para celular ver @media */
}

.br-3.animado {
	/********** Tercera etiqueta <span> */
	/* Selector solo para celular ver @media */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.navMein {
	/*******Contenedor Botones, Logins y Logo (Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD' )*/
	display: flex; /*Indica que los elementos serán flexibles*/
	/* border: 1px solid red; /* borde del elemento*/
	justify-content: space-between; /*Alinea los elementos del contenedor horizontalmente hacia los extremos*/
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
	height: 100%; /*ES EL 100% DEL ALTO ESTABLECIDO POR EL CONTENEDOR PADRE GENERAL -> .cabezaPag*/
	/* background-color: greenyellow; */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-2 > HIJO-1 ----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.navMenuIz {
	/******** Lado Izquierdo - Contenedor Botones (Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL) */

	width: auto;
	height: 100%;
	/* background-color: greenyellow; */
}

.enlaces-menu {
	/**********  <ul> (Etiqueta <ul> Contiene la botonera de los BOTONES DE CRISTAL en forma de <li> lista )*/

	display: flex; /*Indica que los elementos serán flexibles*/
}

.enlaces-menu li {
	/*************  <li> (Etiquetas <li> Contenedor de los BOTONES DE CRISTAL)*/

	list-style-type: none; /*Quitar viñetas*/
	width: 100%; /*Ancho del elemento*/
	transition: 0.3s; /*Para que se vea mas suave*/
	display: flex; /*Indica que los elementos serán flexibles*/
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
}

.enlaces-menu li:hover {
	/******************** Cuando pasemos el mouse por encima de <li> (Etiquetas <li>  Efectos 'hover' de los BOTONES DE CRISTAL)*/

	/* Cuando pasemos el cursor por encima de <li> cambia color del fondo */
	background-color: rgb(8, 100, 143); /*Color de fondo del elemento*/
}

.enlaces-menu.activado {
	/* ***************** Etiquetas <li> Contenedor de los BOTONES DE CRISTAL */
	/* Selector exclusivo de ........................................................................... */
}

.m-link {
	/*****  <a> contenedor de Imagen y texto (Etiquetas <a>  los BOTONES DE CRISTAL)*/
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	text-decoration: none; /*especifica la decoración añadida al texto: NO SUBRAYADO*/
	/* border: 1px solid red; */
}

.m-icon {
	/***** <img> contenedor de la Imagen (Etiquetas <img> Imagenes de los BOTONES DE CRISTAL ) */
	display: flex; /*Indica que los elementos serán flexibles*/
	width: auto; /*Ancho del elemento*/
	/* padding: 0 0.5rem 0 0; */
}

.m-texto {
	/******* <span> contenedor del Texto (Etiquetas <span> Texto de los BOTONES DE CRISTAL ) */

	display: flex;
	font-size: 1rem; /*Indica el tamaño de una fuente*/
	font-weight: 500; /*Indica el grosor del texto de una fuente*/
	color: #fff; /*color del texto*/
	/* text-decoration: none; especifica la decoración añadida al texto: NO SUBRAYADO*/
	text-shadow: 5px 5px 10px black; /*agrega sombra al texto.*/
	padding: 0rem 1rem; /*Espacio alrededor del contenido de un elemento, dentro de los bordes definidos*/
	/* width: auto; */
	/* font-family: Georgia, 'Times New Roman', Times, serif; */
	/* font-family:AachenBt; */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-2 > HIJO-2 ---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.navMenuDr {
	/******** Lado Derecho - Contenedor de Botones Iniciar Sesión y Logo-ULD */ /* width: 90%; (ontenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' )*/

	/* width: 90%; */
	height: 100%;
	/* border: 1px solid rgb(255, 0, 234);  */
	/* background-color: pink; */
	display: flex;
	justify-content: space-between; /*Alinea los elementos del contenedor horizontalmente hacia los extremos*/
	/* background-color: greenyellow; */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-2 > HIJO-2 > HIJO-1 ------------------------------------------------------------------------------------------------------------------------------------------------*/

.navMenuDrLogins {
	/************** Contenedor de Boton-IniciarSesión (Contenedor del BOTON de 'Inicio de Sesion') */

	height: 100%;
	/*background-color: #035c80;*/
	display: flex;
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
	justify-content: center; /*Alinea los elementos del contenedor horizontalmente*/
}

.login {
	/***** Contenedor del <a> ( BOTON de 'Inicio de Sesion')*/

	display: flex; /*Indica que los elementos serán flexibles*/
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
	justify-content: center; /*Alinea los elementos del contenedor horizontalmente*/
	width: 100%;
	height: 100%;
}

.login a {
	/******  <a> contenedor del <button> (Hover del BOTON de 'Inicio de Sesion')*/

	text-decoration: none;
}

.boton {
	/**** <button> (Etiquetas <button> del BOTON 'Inicio de Sesion')*/

	/*  BOTON DE COLOR AZUL TURQUESA */
	display: flex;
	width: 90%;
	height: 90%;
	border: outset;
	background-color: #43b5f4;
	border-radius: 0.6rem;
	color: #fff;
	text-align: center;
	padding: 0.6rem; /*Espacio al rededor del contenido de un elemento, dentro de los bordes definidos (1rem=16px)*/
	margin: 0.6rem; /*Crear espacio alrededor del elemento, fuera de los bordes definidos (1rem = 16px)*/
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
	-ms-border-radius: 0.6rem;
	-o-border-radius: 0.6rem;
	cursor: pointer;
	text-decoration: none;

	/*  BOTON DE COLOR ROJO */
	/*
                            display: flex;
                            width: 90%;
                            height: 90%;
                            border: none;
                            background-color: red;
                            border-radius: 0.6rem;
                            color: #fff;
                            padding: 0.6rem;
                            margin: 0.6rem;
                            -webkit-border-radius: 0.6rem;
                            -moz-border-radius: 0.6rem;
                            -ms-border-radius: 0.6rem;
                            -o-border-radius: 0.6rem;
                            text-decoration: none;
                            */
}

/*-------- NIVEL-1 > UNICO-HIJO-1 > UNICO-HIJO-1 > HIJO-2 > HIJO-2 > HIJO-2 -------------------------------------------------------------------------------------------------------------------------------------------------*/

/* LOGO */

.navMenuDrLogo {
	/************ Contenedor de LogoULD (Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior) */

	width: 30%;
	height: 100%;
	/* background-color: #777; */
	display: flex;
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
	justify-content: center; /*Alinea los elementos del contenedor horizontalmente*/
}

.navLogo {
	/*............................................................................ Contenedor de la <img> (Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior) */

	width: 100%;
	height: 100%;
	display: flex;
	align-items: center; /*Alinea los elementos del contenedor verticalmente*/
	justify-content: center; /*Alinea los elementos del contenedor horizontalmente*/
	/* border: 1px solid rgb(10, 250, 230); */
}

.logo {
	/*........................................................................ <img> ( Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior)*/

	display: flex;
	align-items: center;
	justify-content: center;
	height: auto; /*Alto del elemento */
	width: 100%;
}

/* 2. Pantalla PATREON */

/* Nivel  1.2 */
a {
	color: #fff;
	text-decoration: none;
}

.blue {
	color: #00f;
	text-decoration: none;
	font-weight: bold;
}
.rojo {
	color: #f00;
	text-decoration: none;
}

/*
    .btn {
       padding: 15px 45px;
       border: 1px solid #fff;
       border-radius: 0.5em;
       display: inline-block;
       margin-top: 2em;
       background-color: transparent;
       font-weight: 700;
       transition: .3s;
    }
    .btn:hover {
       background-color: #fff;
       color: #222;
    }
*/
.qr {
	width: 100%;
}
.popup {
	position: fixed;
	padding: 10px;
	width: 90%;
	border-radius: 0.5em;
	top: 50%;
	left: 50%;
	color: #000;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 1);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s, visibility 0s linear 0.5s;
	z-index: 1;
}
.popup:target {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
.popup .close {
	position: absolute;
	right: 5px;
	top: -15px;
	padding: 5px;
	color: #000;
	transition: color 0.3s;
	font-size: 2em;
	line-height: 1.5;
	font-weight: 700;
}
.popup .close:hover {
	color: #09f;
	/*font-size: 25px;*/
}
.close-popup {
	background-color: rgba(0, 0, 0, 0.7);
	cursor: default;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0s linear 0.5s;
}
.popup:target + .close-popup {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*                                                                                                      FIN DEL HEADER                                                                                                       *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

/* FIN CABEZA  - INICIO CUERPO >>> GENERAL  */

/*
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                              MAIN                                                              ********************************************* *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*-------- NIVEL-2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.main {
	/* ****** Textura del Fondo ( Texturizado y degradado para el fondo del main ) --------*/

	background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
		linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
		linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
		linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
		linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
		linear-gradient(
			#1d1d1d 25%,
			#1a1a1a 25%,
			#1a1a1a 50%,
			transparent 50%,
			transparent 75%,
			#242424 75%,
			#242424
		);
	background-color: #131313; /* Establece el color de Fondo de las celdas de la textura*/
	background-size: 20px 20px; /* Tamaño de la celda de la textura */

	/* ------ Fin de la Textura del Fondo -----*/
}

/*-------- NIVEL-2 > HIJO-1 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cont_fondo {
	/**********  Fondo Degradado Superpuesto al Texturizado --------*/

	/* -------- Degradado superpuesto a la Textura del Fondo --------*/

	min-width: 100vw; /**100vw = 100%  Ancho en viewport*/
	min-height: 100vh; /**100vh = 100% Alto en viewport*/
	position: fixed;
	top: 0px; /*Posición vertical*/
	left: 0px; /*Posición horizontal*/
	/*position: absolute; El elemento está posicionado en relación con su primer elemento ancestro posicionado (no estático)*/
	/* background-image: linear-gradient(to bottom, rgba(255,0,0,0), #3bacd9); */
	background-image: linear-gradient(to bottom, #035c80, rgba(250, 245, 245, 0)); /*Fondo Degradado*/

	/* -------- Fin del Degradado superpuesto a la Textura del Fondo --------*/
}

/* INICIO SECCIONES >>> GENERAL  */

/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                    SECCIONES DE PAGINA                                                                                                     *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#pureFullPage {
	/*********** Contenedor de las Secciones*/
	position: relative; /* El elemento está colocado en relación con su posición normal, se porta como si su posición fuera 'static', pero puede ser modificado por las propiedades top, right, bottom, and left. */
	top: 0px; /* Posición vertical del objeto en la pantalla,  contando desde la parte superior */
	left: 0px; /* Posición horizontal del objeto en la pantalla, contando desde el lado izquierdo*/
	transition: all 1s ease; /* Transición de Paso o cambio de una pantalla a otra. Efecto toal 'all' en un determinado tiempo en segundos: '1s', '2s', etc., con efecto 'ease'  */
	width: 100vw; /* Ancho en proporcion porcentual */
	height: 100vh; /* Alto en proporcion porcentual */
	/* border: 1px solid red; */
	z-index: 1;
}

/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.seccionPagina {
	/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones)*/
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
	align-items: center; /*Alinea los elementos del contenedor flexible en el eje principal (verticalmente)*/
	border: 1px solid red; /* */
}

/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.titulo_seccionPagina {
	/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
}

.titulo_seccionPaginaJS {
	/* ******************* Titulo que es capturado por JS  */
}

/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cont_seccionPagina {
	/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	width: 100%;
	height: 100%;
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
	flex-direction: column;
	align-items: center; /*Alinea los elementos del contenedor flexible en el eje principal (verticalmente)*/
	/* border: 1px solid red; */
}

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cabeza_seccionPagina {
}

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpo_seccionPagina {
	/* 
                width: 100%;
                height: 80%; */
}

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pie_seccionPagina {
}

/* INICIO - SECCION 1 >>> GENERAL  */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 1                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cabeza_seccionPagina_1 {
}

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpo_seccionPagina_1 {
	/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	width: 100%;
	height: 100%;
	/* background-color: yellow; */
	/*margin-top: 8vh;  crear espacio ARRIBA  del elemento, fuera de los bordes definidos*/
	/* margin-bottom: 8vh; */
}

.cont_logo {
	/* ****** Contenedor del logo  */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_logo {
	/* ****** logo img */
	width: 50vmax;
	height: auto;
	margin-top: 30px;
}

/* ********************************************************************** FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN -  SECCION 1                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/
/* FIN SECCIÓN 1 - INICIO PAGINA 2 >>>>> GENERAL  */
/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 2                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cabeza_seccionPagina_2 {
	/*  <!-- NINGÚN TITULO ESPECÍFICO --> */
}

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpo_seccionPagina_2 {
	/* ******************** CONTENEDOR PRINCIPAL DEL CARRUSEL */
}

/* ///////////////////////////////////// CARRUSEL 3D ///////////////////////////////////////////7 */

.scene {
	/***** CONTENEDOR PADRE  DEL CARRUSEL => PANEL   */
	display: flex;
	/* background-color: aqua; */
	/* width: 17vw;
	height: 22vh; */
	position: relative;
	perspective: 1000px; /*Asigna un valor a la posicion desde la que se visualizará todo  */
}

.carousel {
	/******* CONTENEDOR DE LOS LADOS */
	/* background-color: pink; */
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d; /* inidica que sus hijos estarán en una dimensión 3D*/
	display: flex;
	align-items: center;
	justify-content: center;

	/* ROTACION ANIMACIÓN  */

	animation: rotar 20s infinite linear;
	/* PREFIJOS PARA LOS DISTINTOS NAVEGADORES */
	-webkit-animation: rotar 20s infinite linear; /* Chrome, Safari, Android, iOs */
	-moz-animation: rotar 20s infinite linear; /* Firefox */
	-o-animation: rotar 20s infinite linear; /* Opera */
	-ms-transition: rotar 20s infinite linear; /* 	Microsoft Internet Explorer */
}

@keyframes rotar {
	/* from {

	}
	to {

	} */
}

.carousel__cell {
	/************* PARA CADA CARA. LADO O CELDA*/
	display: flex;
	position: absolute; /*Estará posicionado */
	width: 90%;
	height: 90%;
	/* POSICION DE EXACTA DE LOS LADOS */
	/* left: 5%;
	top: 5%; */
	/* border-radius: 5%; */
	background-color: black;
	/* overflow: hidden; */
}

:root {
	/******** VARIABLES DE COLORES  */
	--color-1: goldenrod; /*Color  establecido como variable global*/
	--color-2: royalblue; /*Color  establecido como variable global*/
	--color-3: purple; /*Color  establecido como variable global*/
	--color-4: orange; /*Color  establecido como variable global*/
	--color-5: green; /*Color  establecido como variable global*/
	--color-6: red; /*Color  establecido como variable global*/
	--color-7: aqua; /*Color  establecido como variable global*/
	--color-8: pink; /*Color  establecido como variable global*/
	--color-9: grey; /*Color  establecido como variable global*/
	--dark: hsl(229, 75.9%, 15.9%, 1); /*Color con transparencia establecido como variable global*/
}

/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

.carousel__cell:nth-child(1) {
	/* background-color: var(--color-1); */
}
.carousel__cell:nth-child(2) {
	/* background-color: var(--color-2); */
}
.carousel__cell:nth-child(3) {
	/* background-color: var(--color-3); */
}
.carousel__cell:nth-child(4) {
	/* background-color: var(--color-4); */
}
.carousel__cell:nth-child(5) {
	/* background-color: var(--color-5); */
}
.carousel__cell:nth-child(6) {
	/* background-color: var(--color-6); */
}
.carousel__cell:nth-child(7) {
	/* background-color: var(--color-7); */
}
.carousel__cell:nth-child(8) {
	/* background-color: var(--color-8); */
}
.carousel__cell:nth-child(9) {
	/* background-color: var(--color-9); */
}

.videos {
	/* **** <videos> */
	width: 100%;
	height: 100%;
}

/* ///////////////////////////////////// FIN - CARRUSEL 3D ///////////////////////////////////////////7 */

/* .carousel__cell:hover .videos {
	border-radius: 8vmin;
} */

.pie_seccionPagina_2 {
	/*  <!-- NINGÚN PIÉ ESPECÍFICO --> */
}

/* ********************************************************************** FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN -  SECCION 2                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* FIN SECCIÓN 2 - INICIO PAGINA 3  */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 3                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* **************************************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                HEADER >>> GENERAL                                                         *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cabeza_seccionPagina_3 {
	border: 1px solid green;
	display: flex;
	flex-direction: column;
}

/* CONTENEDOR DE TITULO 1 */

.cabeza_cont_titulo {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border: 1px solid rgb(42, 27, 130);
}

.cabeza_titulo {
	color: white;
	font-family: AachenBt;
	display: flex;
	text-align: center;
	/* FONDO DEL TEXTO DEGRADADO */
	background: radial-gradient(
		circle at 63.09% 50%,
		#d1f584 0,
		#d7eb73 8.33%,
		#dce162 16.67%,
		#e1d550 25%,
		#e5c83d 33.33%,
		#e8b928 41.67%,
		#eaa90e 50%,
		#ec9800 58.33%,
		#ef8700 66.67%,
		#f27500 75%,
		#f56300 83.33%,
		#f84e02 91.67%,
		#fb3417 100%
	);
	-webkit-text-fill-color: transparent; /*Texto de color transparente*/
	-webkit-background-clip: text; /*Que solo quede el fondo donde está el texto*/
	filter: drop-shadow(1px 1px 2px rgb(2, 43, 46));
	/* FIN DE FONDO DE TEXTO DEGRADADO */
	/*Genera sombra al texto como si fuera png*/
	-webkit-filter: drop-shadow(1px 1px 2px rgb(2, 43, 46));

	/* font-size: 4vw; */
}

/*
    *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    *                                                                           FIN DEL HEADER >>> GENERAL                                                                                                     *
    *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> GENERAL - GLOBAL */

/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                       MAIN >>> GENERAL                                                       ********************************************* *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cuerpo_seccionPagina_3 {
	/* height: 80vh; */
	border: 1px solid red;
}

/* ************** CARRUSEL ***************** */

.carousel_2D {
	width: 100%;
	height: 100%;
	/* width: 100vw;
	height: 100vh; */
	/* margin: 0 auto; */
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;

	border: 1px solid #0f3;
	/* background-size: contain; */
	/* align-items: center; */
	overflow: hidden;
}

/* BOTONES- DERECHA E IZQUIERDA */

.contBoton_carousel {
	width: 10%;
	height: 100%;
	background-color: blue;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* *********************************************** BOTÓN DERECHA ************************************************* */

.retroceder {
	width: 100%;
	height: 100%;
	background-color: #000;
}
.retroceder span {
	font-size: 5vw;
	color: #fff;
	font-weight: 900;
}

.retroceder:hover span {
	color: #96f;
}

/* *********************************************** BOTÓN IZQUIERDA ************************************************* */

.avanzar {
	width: 100%;
	height: 100%;
	background-color: #000;
}
.avanzar span {
	font-size: 5vw;
	color: #fff;
	font-weight: 900;
}

.avanzar:hover span {
	color: #96f;
}

/* CONTENIDO DEL CARRUSEL  */
.contSemanasOracion_carousel {
	width: 80%;
	height: 100%;
}

/********************* SEMANAS DE ORACIÓN  ***************************/
.semanaOracion {
	width: 100%;
	height: 100%;
}

/*********************** LOGO SO ******************** */

.contenedor-logo-SO {
	height: 20%;
	width: 100%;
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
	align-items: center; /*Alinea los elementos del contenedor flexible en el eje principal (verticalmente)*/
	border: 1px solid gold;
}

.img-logoCompleto-SO {
	/* display: flex; */
	width: 40%; /*Ancho en %*/
	height: auto; /*Alto según la medida de la img sin deformar*/
}

/*********************** TITULO SO  ****************************/

.contenedor-titulo-SO {
	height: 10%;
	width: 100%;
	/* height: auto; */
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid pink;
}

.img-titulo-SO {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-color: #11cfff; */
}

/* AQUÍ ME QUEDE  - GLOBAL !!! */

/********************************* TEMAS S.O ************************ */

/* **************** PROPAGANDA TEMAS SO - CARRUSEL EXPANDIBLE ************** */

/* CONTENEDOR PADRE  */
.cont_temasSO {
	width: 100%; /*100vw = 100% de acuerdo al Ancho del tamaño de su panatalla */
	height: 65%; /*100vh = 100% de acuerdo al alto del tamaño de su panatalla**/
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	align-items: center;
	justify-content: center;
	/* background-color: midnightblue; */
	border: 1px solid magenta;
	margin-bottom: 10%;
}

/* CONTENEDOR DE LAS 8 OPTION */
.cont_options_CE {
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	flex-direction: column; /*Alinea los elementos hijos en una columna*/
	justify-content: space-around; /*alinea los elementos del contenedor flexible en el eje principal (horizontalmente), dejando espacio iguales entre elementos.*/
	flex-wrap: wrap; /* Especifica si los elementos flexibles deben ajustarse o no.*/
	width: 60%; /*100vw = 100% de acuerdo al Ancho del tamaño de su panatalla */
	height: 95%; /*100vh = 100% de acuerdo al alto del tamaño de su panatalla**/
	border: 1px solid red;
	/* background-color: #11cfff; */
	align-items: stretch; /*Los artículos se estiran para adaptarse al contenedor.*/
}

/*CADA OPTION*/
.option_CE {
	display: flex;
	/*Propiedadparaquetucontenedorseaflexible-Responsivoaniveldebloque*/
	position: relative;
	/*Elelementosecolocaenrelaciónasuposiciónnormal*/
	overflow: hidden;
	/*controlaloquesucedeconelcontenidoqueesdemasiadograndeparacaberenunárea.*/ /*border: 1px solid green;
	borde*/
	width: auto;
	/*anchosegúneltamañodesucontenido*/ /*IMPORTANTEPARACAMBIARELALTODECADAOPTION*/
	height: 3.8vh;
	/*Altosegúnelaltodesupantalla7.5vh=7.5%*/ /*ancho100%//*height: auto;
	*/
	cursor: pointer;
	/*cursordemano*/
	background-position: center;
	/*centralaimagendefondo*/
	background-size: cover;
	/*cubretodoelcontenedor,einclusositienequeestirarlaimagenocortarunodelosbordes*/
	background-repeat: no-repeat;
	/*norepitelaimagen*/
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	/*permitencambiarlosvaloresdepropiedadsinproblemas,duranteunperíododeterminado.*/
	margin: 0.5vmax;
	/*Generaespaciofueradelborde*/ /*ESOPCIONAL*/ /*background: var(--option_CE Background, var(--defaultBackground, #e6e9ed));
	*/
	flex-wrap: wrap;
	/*Especificaqueloeelementosflexiblesdebenajustarse.*/
	-webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	-moz-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	-ms-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	-o-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	/*permitencambiarlosvaloresdepropiedadsinproblemas,duranteunperíododeterminado.*/
	-webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	-webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.option_CE.active {
	flex-grow: 10000; /*especificacuántocreceráelelementoenrelaciónconelrestodeelementosflexiblesdentrodelmismocontenedor.*/
	transform: scale(
		1.04
	); /*propiedadaplicaunatransformación2Do3Daunelemento.Estapropiedadlepermiteescalarelementos.*/
	border-radius: 3vmax 3vmax; /*borde redondeado*/
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(
		1.04
	); /*propiedad aplica una transformación 2D o 3D a un elemento. Esta propiedad le permite escalar elementos.*/
	border-radius: 3vmax 3vmax; /*borde*/
	margin: 1.5vmax 0; /*Genera espacio entre el contenido y el borde*/
}

/* PRIMER HIJO-----> CONTENEDOR PADRE DE DIAS DE LA SEMANA */

.cont_icon_CE {
	/*border:1px solid greenyellow;borde*/
	background-color: hsla(240, 100%, 0%, 0.5); /*Colordefondotransparente*/
	display: flex; /*Propiedadparaquetucontenedorseaflexible-Responsivoaniveldebloque*/
	flex-direction: row; /*Alinealoselementoshijosenunacolumna*/ /*justify-content: center;
	AlinealoselementosalcentroHORIZONTALMENTE*/
	align-items: center; /*AlinealoselementosalcentroVERTICALMENTE*/
	position: absolute; /*Secolocaenrelaciónconelancestroposicionadomáscercano*/
	width: 100%; /*Anchoseguneltamañodesucontenido*/
	height: auto; /*Altosegúneltamañodesucontenidovv*/
	bottom: 0; /*estableceelbordeinferiordelelemento*/
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); /*permitencambiarlosvaloresdepropiedadsinproblemas,duranteunperíododeterminado.*/
	border-radius: 15px 50px 0px 5px;
	-webkit-border-radius: 5px 50px 50px 5px;
	-moz-border-radius: 15px 50px 0px 5px;
	-ms-border-radius: 15px 50px 0px 5px;
	-o-border-radius: 15px 50px 0px 5px;
	border: 1px solid greenyellow;
}

.option_CE.active .cont_icon_CE {
	width: 50%; /*Anchoseguneltamañodesucontenido*/
	height: auto; /*Altosegúneltamañodesucontenidovv*/
	bottom: 0.5vmax; /*estableceelbordeinferiordelelemento*/
	background-color: transparent;
}

/*----> PRIMER HIJO - ICONO  DEL DÍA DE LA SEMANA */
.icon_CE {
	border-radius: 100%; /*Redondea las esquinas del elemento */
	width: 3.5vmax; /*Ancho*/
	height: 3.5vmax; /*Alto*/
	display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
	flex-direction: row; /*Alinea los elementos hijos en una columna*/
	justify-content: center; /*Alinea los elementos al centro HORIZONTALMENTE*/
	align-items: center; /*Alinea los elementos al centro VERTICALMENTE*/
	margin: 0 0.6vmax; /*Espacio alrededor del elemento después del borde*/
	background-color: rgb(5, 5, 83); /*Color de fondo*/
	box-shadow: 1px 1px 4px 1px rgb(255, 255, 255); /*Sombra al elemento/* 
	background-color: white;
	color: var(--defaultBackground);*/
}

.icon_CE img {
	width: 100%; /*ancho*/
	height: auto; /*alto*/
}

/* --------> SEGUNDO HIJO - TEXTO DE LA SEMANA */
.cont_text_CE {
	/* border:1px solid purple;borde*/
	width: auto; /*ancho*/
}

.option_CE.active .cont_text_CE {
	display: none;
}

.text_CE {
	/*left: 45px; */
	opacity: 1; /*opacidad*/
	/*border: 1px solid rgb(255, 130, 151); borde*/
	font-weight: bold; /*Grosor de la fuente*/
	font-size: 0.8rem; /*Tamaño de fuente*/
	margin: 0 0.5vmax; /*Espacio alrededor del elemento después del borde*/
	color: white; /*color de texto*/
	width: auto; /*ancho*/
}

.option_CE:not(.active) {
	flex-grow: 1; /*especifica cuánto crecerá el elemento en relación con el resto de elementos flexibles dentro del mismo contenedor.*/
	border-radius: 30px; /*Redondea las esquinas del elemento*/
	/* margin: 5px 0; */
}

/* GENERAL  */

/* SEGUNDO HIJO -------> REDES SOCIALES TEMA SO ************* */

.cont_temasSO_RS {
	display: none;
}

.option_CE.active .cont_temasSO_RS {
	width: 20%;
	height: auto;
	position: relative;
	left: 90%;
	top: 50%;
	transform: translate(-50%, -50%);
	/* left: 50%; */
	/* left: 50%; */
	/* right: 2%;
	top: 5%; */
	/*border: 1px solid rgb(255, 0, 0);
    */
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-color: hsla(240, 100%, 0%, 0.3); */
	/* position: absolute; */
	border-radius: 15% 15%;
	border: 1px solid fuchsia;
	/*Colordefondodelelementocontransparencia*/ /*border-radius: ;
    -webkit-border-radius: 15% 15%;
    -moz-border-radius: 15% 15%;
    -ms-border-radius: 15% 15%;
    -o-border-radius: 15% 15%;
    */
}

.RS_temasSO {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80%;
	/* border: 1px solid greenyellow; */
}

.cont_RS_temasSO_img {
	display: flex;
	width: 100%;
	height: auto;
	align-items: center;
	justify-content: center;

	/* background-color: black; */
	margin: 0.2vh 0;
}

.cont_RS_facebook_img {
	display: flex;
}
.cont_RS_youtube_img {
	display: flex;
}
.cont_RS_twitter_img {
	display: flex;
}

.link_RS_temasSO {
	display: flex;
	width: 100%;
	height: auto;
	/* border: 1px solid greenyellow; */
	border-radius: 50%;
	/*border: 1px solid ;
	*/
	/* margin-top: 8vh; */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	/* box-shadow: 1vw 1vh 2vmax 1px #c4c4c4; */
}

/* .link_RS_temasSO:hover {

} */

.img_RS_temasSO {
	display: flex;
	width: 100%;
	/* position: relative; */
	height: auto;

	/* filter es para generar SOMBRA A TODO DOCUMENTO PNG*/
	/*filter: drop-shadow(5px 5px 4px rgba(0,0,0, 0.5));
	*/
	background-size: cover;
	filter: drop-shadow(5px 5px 4px rgba(227, 85, 85, 0.5));
	-webkit-filter: drop-shadow(5px 5px 4px rgba(224, 219, 219, 0.5));
}
.img_RS_temasSO:hover {
	transform: scale(1.2);
	/*propiedadaplicaunatransformación2Do3Daunelemento.Estapropiedadlepermiteescalarelementos.*/
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	z-index: 1;
}

/* #imagen {
	width: 100%;
	max-height: auto;
	border: 1px solid blue;
} */

.reservado {
	position: fixed;
	height: 5%;
	width: 100%;
	bottom: 0px;
	background-color: green;
}

/********************* FIN - SEMANA DE ORACIÓN  ***************************/

/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                         FIN DEL MAIN >>> GENERAL - GLOBAL                                                                                                         *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/*  FIN DE CUERPO - INICIO DEL PIE >>>>> GENERAL - GLOBAL    */

/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                               FOOTER >>> GENERAL - GLOBAL                                                        ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                         FIN DEL FOOTER >>> GENERAL - GLOBAL                                                                                                         *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/* ********************************************************************** FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN -  SECCION 3                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* FIN SECCIÓN 3 - INICIO PAGINA 4  */

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 4                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 5                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 6                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 7                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 8                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                          SECCION 9                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

/* Continuacion de pureFullPage --> Barra de Exploracion y Progreso de las Secciones */

/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

/* ------------------- Puntos de NAvegacion ------------------ */

/* Contenedor de la Barra de Progreso del Menu lado derecho y sus barras */
.nav-bar {
	position: fixed; /*Elemento posicionado en relación con la ventana del navegador*/
	bottom: 4%; /*Posición vertical*/
	right: 0px; /*Posición horizontal -> con un valor porcentual máximo de la ventana gráfica*/
	width: 7vmax; /*Es el valor porcentual máximo de la ventana gráfica en anchura*/
	transform: translateY(
		-50%
	); /*Mueve un elemento desde su posición actual, utilizando solo el eje Y*/
	z-index: 2; /*Propiedad especifica el orden de pila de un elemento. */
	/* border: solid 1px #03c4a1; */
}

/* Contenedores de las pequeñas barras de la Barra de Progreso del Menu lado derecho y sus barras */
.nav-dot {
	width: 5vmax; /*Es el valor porcentual máximo de la ventana gráfica en anchura*/
	height: 2vmax; /*Es el valor porcentual máximo de la ventana gráfica en altura*/
	padding: 0.4vmax 0;
	margin: 0 auto; /*Genera espacios externos alrededor del elemento*/
	cursor: pointer; /*especifica el cursor del mouse que se mostrará al apuntar sobre un elemento*/
	/* background-color: #EC171B; */
	/* border: solid 1px #03c4a1; */
}

/* Barras pequeñas de la Barra de Progreso del Menu lado derecho */
.nav-dot span {
	display: block; /*Indica que comienza en una nueva línea y ocupa todo el ancho*/
	position: relative; /*Está posicionado en relación con su posición normal,*/
	width: 1.5vmax; /*Es el valor porcentual máximo de la ventana gráfica en anchura*/
	height: 0.4vmax; /*Es el valor porcentual máximo de la ventana gráfica en altura*/
	margin: auto; /*Genera espacios externos alrededor del elemento*/
	background-color: rgba(255, 255, 255, 0.6); /*Establece el color de Fondo*/
	border-radius: 12px; /*Define esquinas redondeadas del elemento.*/
	transition: all 150ms ease-in-out; /*Especifica la curva de velocidad del efecto.*/
	/* border: solid 1px #03c4a1; */
	/**/
	background-color: hsla(240, 100%, 10%, 1);
	box-shadow: 0px 0px 15px 1px white; /* 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
}

.nav-dot:hover span {
	width: 2vmax; /*Es el valor porcentual máximo de la ventana gráfica en anchura*/
	height: 0.4vmax; /*Es el valor porcentual máximo de la ventana gráfica en altura*/
	background-color: rgba(255, 255, 255, 0.6); /*Establece el color de Fondo*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot.active span {
	width: 3vmax; /*Es el valor porcentual máximo de la ventana gráfica en anchura*/
	height: 0.6vmax; /*Es el valor porcentual máximo de la ventana gráfica en altura*/
	background-color: #080d6b; /*Establece el color de Fondo*/
}

/* Dar color a las barras de la Barra de Progreso de lado derecho */
.nav-dot:nth-child(1).active span {
	background-color: var(--color-1); /*Utilizando el color de texto definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(2).active span {
	background-color: var(--color-2); /*Utilizando el color de texto definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(3).active span {
	background-color: var(--color-3); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(4).active span {
	background-color: var(--color-4); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(5).active span {
	background-color: var(--color-5); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(6).active span {
	background-color: var(--color-6); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(7).active span {
	background-color: var(--color-7); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(8).active span {
	background-color: var(--color-8); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

.nav-dot:nth-child(9).active span {
	background-color: var(--color-9); /* Color de texto - Utilizando el color definido como variable*/
	box-shadow: 0px 0px 20px 5px black;
}

/* --------------------- FIN DEL MENÚ FLOTANTE DERECHA ---------------------------------------------- */

/* -------------------- Menú Animación ------------------------------------------------------------------------------------------------- */
/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

/* Colores asignados a variables ara el uso del Progreso de la Barra de Progreso */

:root {
	/* Determina los colores a ser usados en las lineas de la Barra de Progreso inferior y lateral derecha */

	--color-1: hsl(0, 100%, 50%); /*Color  establecido como variable global*/
	--color-2: hsl(90, 100%, 50%); /*Color  establecido como variable global*/
	--color-3: hsl(180, 100%, 50%); /*Color  establecido como variable global*/
	--color-4: hsl(270, 100%, 50%); /*Color  establecido como variable global*/
	--color-5: hsl(30, 100%, 50%); /*Color  establecido como variable global*/
	--color-6: hsl(60, 100%, 50%); /*Color  establecido como variable global*/
	--color-7: hsl(150, 100%, 50%); /*Color  establecido como variable global*/
	--color-8: hsl(240, 100%, 50%); /*Color  establecido como variable global*/
	--color-9: hsl(300, 100%, 50%); /*Color  establecido como variable global*/
	--dark: hsl(229, 75.9%, 15.9%, 1); /*Color con transparencia establecido como variable global*/
}

/* Contenedor de  los elementos de la  */
.nav-menu {
	position: fixed; /*  Elemento posicionado en relación con la ventana del navegador*/
	bottom: 0%; /*Posición vertical*/
	width: 100%; /*Ancho en viewport*/
	height: 4%;
	z-index: 2; /*Propiedad especifica el orden de pila de un elemento. */
}

.nav-li {
	width: 100%; /*Ancho en porcentaje*/
}

.nav-li {
}

.nav-li span {
}

.nav-li:hover {
	/* background-color: #b9e6f7; */
	/* background-color: #9edef7; */
	background-color: #68ace7; /*probar */
	/* background-color: #0a022c; */
	/*background-color: rgba(255, 255, 255, 0.05); Establece el color de Fondo*/
}

.nav-li:hover span {
	color: #000;
}

/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
.nav-li.active {
	/* background-color: #0a022c; */
	/* background-color: #11cfff; */
	background-color: #011220;
	/*background-color: rgba(255, 255, 255, 0.05); Establece el color de Fondo*/
	position: relative; /*Está posicionado en relación con su posición normal, IMPORTANTE */
}

.nav-li.active span {
}

.nav-li:nth-child(1).active {
	color: var(--color-1); /*Utilizando el color de texto definido como variable*/
}

.nav-li:nth-child(2).active {
	color: var(--color-2); /*Utilizando el color de texto definido como variable*/
}

.nav-li:nth-child(3).active {
	color: var(--color-3); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(4).active {
	color: var(--color-4); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(5).active {
	color: var(--color-5); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(6).active {
	color: var(--color-6); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(7).active {
	color: var(--color-7); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(8).active {
	color: var(--color-8); /* Color de texto - Utilizando el color definido como variable*/
}

.nav-li:nth-child(9).active {
	color: var(--color-9); /* Color de texto - Utilizando el color definido como variable*/
}

/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
.nav-li.active::after {
	/* Codigo para la barra de color por encima del texto*/
	content: ''; /*Propiedad se usa con los pseudoelementos :: before y :: after , para insertar contenido generado.*/
	width: 100%; /*Ancho en porcentaje*/
	height: 0.2vmax; /*Alto*/
	/* background-color: goldenrod; */
	position: absolute; /*El elemento está posicionado en relación con su primer elemento ancestro posicionado (no estático)*/
	right: 0; /*Posición horizontal*/
	top: 0; /*Posición vertical*/
	border-radius: 2em; /*Define esquinas redondeadas del elemento.*/
}

.nav-li:nth-child(1).active::after {
	background-color: var(--color-1); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(2).active::after {
	background-color: var(--color-2); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(3).active::after {
	background-color: var(--color-3); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(4).active::after {
	background-color: var(--color-4); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(5).active::after {
	background-color: var(--color-5); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(6).active::after {
	background-color: var(--color-6); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(7).active::after {
	background-color: var(--color-7); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(8).active::after {
	background-color: var(--color-8); /* Color de fondo - Utilizando el color definido como variable*/
}

.nav-li:nth-child(9).active::after {
	background-color: var(--color-9); /* Color de fondo - Utilizando el color definido como variable*/
}

/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*                                                                                                       FIN DEL MAIN                                                                                                        *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/
/*
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                            FOOTER                                                              ********************************************* *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*                                                                                                      FIN DEL FOOTER                                                                                                       *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

/* FIN TODO GLOBAL - GENERAL */

/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        ESTILOS @MEDIA                                                        *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*  CELULAR PORTRAIT  */
/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                @media CELULAR - PORTRAIT                                                                                                       *
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

@media screen and (max-width: 599px) {
	/* CABEZA >>>>>  CELULAR - PORTRAIT */

	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                        HEADER CELULAR >>> CELULAR - PORTRAIT                                                         *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 10vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	} /* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: flex; /*----------------------------------- Indica que los elementos serán flexibles */
		align-items: center; /*----------------------------- Alinea los elementos del contenedor verticalmente*/
		justify-content: center; /*------------------------- Alinea los elementos del contenedor horizontalmente*/
		width: 20%; /* ------------------------------------- Permite tomar un 20% del 100% del contenededor Nivel 1.1 */
	}
	/* Nivel 1.1.1.1 */
	.ham {
		cursor: pointer; /*----------------------------- Especifica que se mostrará el cursor MANO*/
		background-color: #0a022c; /*------------------- Color de fondo del elemento con transparencia del BOTON HAMBURGUESA */
		display: flex; /*------------------------------- Indica que los elementos serán flexibles*/
		flex-direction: column; /*---------------------- Especifica que sus elementos SPAN estarán ordenados verticalmente*/
		align-items: center; /*------------------------- Alinea los elementos SPAN del contenedor verticalmente*/
		justify-content: center; /*--------------------- Alinea los elementos SPAN del contenedor horizontalmente*/
		/* Para que la transformación sea mas suave */
		transition: 0.2s 0.1s; /*----------------------- Especifica la duración del período de la transición de sus propiedades.*/
		border-radius: 50%; /*-------------------------- Redondea y genera una forma circular al contenedor de los SPAN*/
		width: 3rem; /*--------------------------------- Ancho del elemento ES (48px) teniendo en cuenta que: 1 rem = 16px*/
		height: 3rem; /*-------------------------------- Alto del elemento ES (48px)  teniendo en cuenta que: 1 rem = 16px*/
		text-shadow: 5px 5px 10px rgb(63, 61, 170); /* - Agrega sombra al contenedor de los SPAN */
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
		display: block; /*------------------------------ Elemento de linea*/
		background-color: #ffffff; /*------------------- Color de fondo del elemento*/
		height: 3.5px; /*------------------------------- Alto del elemento */
		width: 1.5rem; /*------------------------------- Ancho del elemento  teniendo en cuenta que: 1 rem = 16px*/
		margin: 0.09rem auto; /*------------------------ Crear espacio alrededor del elemento, fuera de los bordes definidos*/
		border-radius: 2px; /*-------------------------- Redondea las esquinas de los elementos*/
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
		transform: rotate(360deg);
		/*aplica una transformación 2D o 3D a un elemento.*/
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
		transform: rotate(-45deg) translate(-5px, 4px);
		/*aplicaunatransformación2Do3Daunelemento.*/
		-webkit-transform: rotate(-45deg) translate(-5px, 4px);
		-moz-transform: rotate(-45deg) translate(-5px, 4px);
		-ms-transform: rotate(-45deg) translate(-5px, 4px);
		-o-transform: rotate(-45deg) translate(-5px, 4px);
		-webkit-transform: rotate(-45deg) translate(-5px, 4px);
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
		opacity: 0; /*cambiar la opacidad*/
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
		transform: rotate(45deg) translate(-5px, -4px);
		/* Aplica una transformación 2D o 3D a un elemento.*/
		-webkit-transform: rotate(45deg) translate(-5px, -4px);
		-moz-transform: rotate(45deg) translate(-5px, -4px);
		-ms-transform: rotate(45deg) translate(-5px, -4px);
		-o-transform: rotate(45deg) translate(-5px, -4px);
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 80%; /* Permite tomar un 80% del 100% del contenededor Nivel 1.1.1.2 */
	} /* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
	} /*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */

	.enlaces-menu {
		position: fixed; /*especifica el tipo de método de posicionamiento: FIJO*/
		bottom: 0; /*afecta la posición vertical de un elemento posicionado. */
		left: 0; /*afecta la posición horizontal de un elemento posicionado. */
		height: 90%; /*Alto del elemento */
		width: 50%; /*Ancho del elemento es de 50 %*/
		margin: 0; /* crear espacio alrededor del elemento, fuera de los bordes definidos*/
		padding: 0; /*Espacio alrededor del contenido de un elemento, dentro de los bordes definidos*/
		/* background-color: rgb(34, 23, 95); */
		/* border: 1px solid rgb(43, 255, 6);  */
		/*display: flex; ya está indicado en las lineas generales */
		display: none; /* Permite aplicar la propiedad 'display:none' para mostrar el Menu de BOTONES DE CRISTAL interactuando con el JavaScript menu.js */
		flex-direction: column; /*Especifica la dirección de los elementos flexibles: Que esten ordenados verticalmente*/
		transition: 0.2s 0.1s; /*ermiten cambiar los valores de propiedad sin problemas, durante un período determinado.*/
		background-color: hsla(240, 100%, 0%, 0.5); /*Establece el color de Fondo*/
		box-shadow: 0px 2px 5px rgb(2, 2, 39) inset; /*Propiedad adjunta una o más sombras a un elemento.*/
		/* border-right: 1px solid #0a022c; */
		/* box-shadow: #0a022c; */
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		padding: 0.5rem; /*Espacio alrededor del contenido de un elemento, dentro de los bordes definidos*/
	}
	/* AQUI TOY */
	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
		display: flex;
		/*Indica que los elementos serán flexibles*/
		animation: muestraMenu 350ms ease-in-out both;
		/*both => Es mantener la animación del inicio en 0 y finalizar en 1*/ /*ease-in-out => Es que la animación iniciará lento y terminará lento*/
		-webkit-animation: muestraMenu 350ms ease-in-out both;
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
		from {
			opacity: 0; /* Hace la lista invisible */
		}
		to {
			opacity: 1; /* Hace la lista visible */
		}
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: 5vh; /*Alto del elemento */
	}
	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 90%;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 70%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		display: flex;
		width: 80%;
		height: 80%;
		border: outset;
		font-size: 0.8rem;
		padding: 0.3rem 0.6rem;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
	} /* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
	}

	/* 2. Pantalla PATREON */

	/* @media screen and (max-width: 600px) { */

	.popup {
		max-width: 90%; /*Solo afecta PC pantallas inferiores a 600 px*/
	}
	.popup .close {
		font-size: 2em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                           FIN DEL HEADER >>> CELULAR - PORTRAIT                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> CELULAR - PORTRAIT   */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                                       MAIN >>> CELULAR - PORTRAIT                                                         ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                              SECCIONES DE PÁGINA >>> CELULAR - PORTRAIT                                                   ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pureFullPage {
		/*********** Contenedor de las Secciones*/
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.seccionPagina {
		/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones) */
		width: 100%;
		height: 100%;
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.titulo_seccionPagina {
		/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
	}

	.titulo_seccionPaginaJS {
		/* ******************* Titulo que es capturado por JS  */
	}

	/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cont_seccionPagina {
		/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cabeza_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.pie_seccionPagina {
	}

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 1 - CELULAR                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/* SECCION 1 */

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cabeza_seccionPagina_1 {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina_1 {
		/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	}
	.cont_logo {
		/* ****** Contenedor del logo  */
	}

	.img_logo {
		/* ****** logo img */
		width: 40vmax;
	}

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 1 - CELULAR                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 1 - INICIO DE LA SECCION 2 */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 2 - CELULAR                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/* ///////////////////////////////////// CARRUSEL 3D -  >>>>> CELULAR - PORTRAIT ///////////////////////////////////////////7 */

	/* PADRE  DEL CARRUSEL => PANEL  */
	.scene {
		width: 50vw;
		height: 15vh;
	}
	/* CONTENEDOR DE LOS LADOS */
	.carousel {
	}

	@keyframes rotar {
		from {
			transform: rotateX(0deg);
		}
		to {
			transform: rotateX(360deg);
		}
	}

	@-webkit-keyframes rotar {
		from {
			-webkit-transform: rotateX(0deg);
		}
		to {
			-webkit-transform: rotateX(360deg);
		}
	}

	@-moz-keyframes rotar {
		from {
			-moz-transform: rotateX(0deg);
		}
		to {
			-moz-transform: rotateX(360deg);
		}
	}

	@-ms-keyframes rotar {
		from {
			-ms-transform: rotateX(0deg);
		}
		to {
			-ms-transform: rotateX(360deg);
		}
	}

	@-o-keyframes rotar {
		from {
			-o-transform: rotateX(0deg);
		}
		to {
			-o-transform: rotateX(360deg);
		}
	}

	/* PARA CADA CARA. LADO O CELDA*/

	.carousel__cell {
	}

	/* VARIABLES DE COLORES  */
	:root {
	}

	/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

	/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
	/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

	.carousel__cell:nth-child(1) {
		transform: rotatex(0deg) translateZ(50vmin);
		-webkit-transform: rotatex(0deg) translateZ(50vmin);
		-moz-transform: rotatex(0deg) translateZ(50vmin);
		-ms-transform: rotatex(0deg) translateZ(50vmin);
		-o-transform: rotatex(0deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(2) {
		transform: rotatex(40deg) translateZ(50vmin);
		-webkit-transform: rotatex(40deg) translateZ(50vmin);
		-moz-transform: rotatex(40deg) translateZ(50vmin);
		-ms-transform: rotatex(40deg) translateZ(50vmin);
		-o-transform: rotatex(40deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(3) {
		transform: rotatex(80deg) translateZ(50vmin);
		-webkit-transform: rotatex(80deg) translateZ(50vmin);
		-moz-transform: rotatex(80deg) translateZ(50vmin);
		-ms-transform: rotatex(80deg) translateZ(50vmin);
		-o-transform: rotatex(80deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(4) {
		transform: rotatex(120deg) translateZ(50vmin);
		-webkit-transform: rotatex(120deg) translateZ(50vmin);
		-moz-transform: rotatex(120deg) translateZ(50vmin);
		-ms-transform: rotatex(120deg) translateZ(50vmin);
		-o-transform: rotatex(1200deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(5) {
		transform: rotatex(160deg) translateZ(50vmin);
		-webkit-transform: rotatex(160deg) translateZ(50vmin);
		-moz-transform: rotatex(160deg) translateZ(50vmin);
		-ms-transform: rotatex(160deg) translateZ(50vmin);
		-o-transform: rotatex(160deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(6) {
		transform: rotatex(200deg) translateZ(50vmin);
		-webkit-transform: rotatex(200deg) translateZ(50vmin);
		-moz-transform: rotatex(200deg) translateZ(50vmin);
		-ms-transform: rotatex(200deg) translateZ(50vmin);
		-o-transform: rotatex(200deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(7) {
		transform: rotatex(240deg) translateZ(50vmin);
		-webkit-transform: rotatex(240deg) translateZ(50vmin);
		-moz-transform: rotatex(240deg) translateZ(50vmin);
		-ms-transform: rotatex(240deg) translateZ(50vmin);
		-o-transform: rotatex(240deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(8) {
		transform: rotatex(280deg) translateZ(50vmin);
		-webkit-transform: rotatex(280deg) translateZ(50vmin);
		-moz-transform: rotatex(280deg) translateZ(50vmin);
		-ms-transform: rotatex(280deg) translateZ(50vmin);
		-o-transform: rotatex(280deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(9) {
		transform: rotatex(320deg) translateZ(50vmin);
		-webkit-transform: rotatex(320deg) translateZ(50vmin);
		-moz-transform: rotatex(320deg) translateZ(50vmin);
		-ms-transform: rotatex(320deg) translateZ(50vmin);
		-o-transform: rotatex(320deg) translateZ(50vmin);
	}

	.videos {
	}

	/* ///////////////////////////////////// FIN - CARRUSEL 3D ///////////////////////////////////////////7 */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 2 - CELULAR                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 2- INICIO DE LA SECCION 3 */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 3 - CELULAR - PORTRAIT                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    HEADER >>> CELULAR - PORTRAIT                                                         *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	.cabeza_seccionPagina_3 {
		height: 15vh;
		padding-top: 10vh; /*ES PARA GENERAR espacio arriba ... para el menu de arriba*/
	}

	.cabeza_cont_titulo {
		height: 5vh;
	}
	.cabeza_titulo {
		font-size: 5vw;
	}

	/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*                                                                                           FIN DEL HEADER >>> CELULAR - PORTRAIT                                                                                                       *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> CELULAR - PORTRAIT   */

	/*
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                       MAIN >>> CELULAR - PORTRAIT                                                         ********************************************* *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cuerpo_seccionPagina_3 {
		height: 85vh;
	}

	/* ************** CARRUSEL ***************** */

	.carousel_2D {
		width: 100%;
		height: 100%;
	}

	/* BOTONES- DERECHA E IZQUIERDA */

	/* *********************************************** BOTÓN DERECHA ************************************************* */

	.contBoton_carousel {
	}

	.retroceder {
	}
	.retroceder span {
	}

	.retroceder:hover span {
	}

	/* *********************************************** BOTÓN IZQUIERDA ************************************************* */

	.avanzar {
	}
	.avanzar span {
	}

	.avanzar:hover span {
	}

	/* CONTENIDO DEL CARRUSEL  */
	.contSemanasOracion_carousel {
	}

	/********************* PRIMERA - SEMANA DE ORACIÓN  ***************************/
	.semanaOracion {
	}

	/*********************** LOGO SO ******************** */

	.contenedor-logo-SO {
		height: 20%;
		width: 100%;
	}

	.img-logoCompleto-SO {
		width: 40%; /*Ancho en %*/
	}

	/*********************** TITULO SO  ****************************/

	.contenedor-titulo-SO {
		height: 10%;
		width: 100%;
	}

	.img-titulo-SO {
	}

	/* CELULAR - PORTRAIT  */

	/********************************* TEMAS S.O ************************ */

	/* **************** PROPAGANDA TEMAS SO - CARRUSEL EXPANDIBLE  ************* */

	/* CONTENEDOR PADRE  */
	.cont_temasSO {
	}

	/* CONTENEDOR DE LAS 8 OPTION */
	.cont_options_CE {
	}

	/*CADA OPTION*/
	.option_CE {
	}
	.option_CE.active {
	}

	/* PRIMER HIJO-----> CONTENEDOR PADRE DE DIAS DE LA SEMANA */

	.cont_icon_CE {
	}

	.option_CE.active .cont_icon_CE {
	}

	/*----> PRIMER HIJO - ICONO  DEL DÍA DE LA SEMANA */
	.icon_CE {
	}

	.icon_CE img {
	}

	/* --------> SEGUNDO HIJO - TEXTO DE LA SEMANA */
	.cont_text_CE {
	}

	.option_CE.active .cont_text_CE {
	}

	.text_CE {
	}

	.option_CE:not(.active) {
	}

	/* CELULAR - PORTRAIT */

	/* SEGUNDO HIJO -------> REDES SOCIALES TEMA SO ************* */

	.cont_temasSO_RS {
		display: none;
	}

	.option_CE.active .cont_temasSO_RS {
		width: 20%;
		height: auto;
		/* position: absolute; */
		/* left: 50%; */
		/* right: 2%;
	top: 5%; */
		/*border: 1px solid rgb(255, 0, 0);
*/
		position: relative;
		left: 90%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		align-items: center;
		justify-content: center;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		border-radius: 15% 15%;
		border: 1px solid fuchsia;
		/*Colordefondodelelementocontransparencia*/ /*border-radius: ;
-webkit-border-radius: 15% 15%;
-moz-border-radius: 15% 15%;
-ms-border-radius: 15% 15%;
-o-border-radius: 15% 15%;
*/
	}

	.RS_temasSO {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 80%;
		/* border: 1px solid greenyellow; */
	}

	.cont_RS_temasSO_img {
		display: flex;
		width: 100%;
		height: auto;
		align-items: center;
		justify-content: center;

		/* background-color: black; */
		margin: 0.2vh 0;
	}

	.cont_RS_facebook_img {
		display: flex;
	}
	.cont_RS_youtube_img {
		display: flex;
	}
	.cont_RS_twitter_img {
		display: flex;
	}

	.link_RS_temasSO {
		display: flex;
		width: 100%;
		height: auto;
		/* border: 1px solid greenyellow; */
		border-radius: 50%;
		/*border: 1px solid ;
*/
		/* margin-top: 8vh; */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		-webkit-border-radius: 50%;
		/* box-shadow: 1vw 1vh 2vmax 1px #c4c4c4; */
	}

	/* .link_RS_temasSO:hover {

} */

	.img_RS_temasSO {
		display: flex;
		width: 100%;
		/* position: relative; */
		height: auto;

		/* filter es para generar SOMBRA A TODO DOCUMENTO PNG*/
		/*filter: drop-shadow(5px 5px 4px rgba(0,0,0, 0.5));
*/
		background-size: cover;
		filter: drop-shadow(5px 5px 4px rgba(227, 85, 85, 0.5));
		-webkit-filter: drop-shadow(5px 5px 4px rgba(224, 219, 219, 0.5));
	}
	.img_RS_temasSO:hover {
		transform: scale(1.2);
		/*propiedadaplicaunatransformación2Do3Daunelemento.Estapropiedadlepermiteescalarelementos.*/
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		z-index: 1;
	}

	/* #imagen {
width: 100%;
max-height: auto;
border: 1px solid blue;
} */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*                                                                                         FIN DEL MAIN >>> CELULAR - PORTRAIT                                                                                                         *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

	/* OJO ---- FALTAN LAS DEMÁS SECCIONES  */

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

	/* ------------------- Puntos de NAvegacion ------------------ */

	.nav-dot span {
		box-shadow: 0px 0px 8px 0.2px white; /* 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	/* Colores asignados a variables Para el uso del Progreso de la Barra de Progreso */

	/* Fondo de barra de progreso o contenedor principal */
	.nav-menu {
		height: 5%;
	}

	.nav-li {
		height: 100%;
	}

	.nav-li {
		width: 100%;
		height: 100%;
	}

	.nav-li span {
		display: none;
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nav-li.active span {
		display: block;
		text-align: center;
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
		height: 0.4vmax; /*Alto*/
	}

	/*  */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL MAIN                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CUERPO - INICIO DEL PIE >>>>> CELULAR - PORTRAIT   */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                                               FOOTER >>> CELULAR - PORTRAIT                                                         ********************************************* *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
*/

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*                                                                                         FIN DEL FOOTER >>> CELULAR - PORTRAIT                                                                                                         *
	

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                             FIN DE LA SECCION 3 - CELULAR - PORTRAIT                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/
}

/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                @media CELULAR LANDSCAPE                                                                                                    *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

@media screen and (max-device-width: 1000px) and (orientation: landscape) {
	/* CABEZA >>>>> CELULAR LANDSCAPE */

	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                    HEADER CELULAR LANDSCAPE                                                   *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 15vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	} /* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
		padding: 0 0.7vw;
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: none;
	}
	/* Nivel 1.1.1.1 */
	.ham {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 100%;
		display: flex;
	}
	/* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
		width: 60%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */
	.enlaces-menu {
		position: static;
		width: 90%;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		justify-content: center;
		flex-direction: row;
		padding: 0.2vw;
		margin: 0.2vw;
		border-radius: 0.5rem;
	}

	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
		justify-content: center;
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Tamaño de las imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: 8vh;
	}

	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
		display: none;
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 40%;
		align-items: center;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 70%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
		height: auto;
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		font-size: 0.8rem;
		padding: 0.3rem 0.6rem;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
		width: 30%;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
		padding: 0.3rem;
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
	}

	/* 2. Pantalla PATREON */

	/* @media screen and (max-width: 600px) { */

	.popup {
		max-width: 30%; /*Solo afecta PC pantallas inferiores a 600 px*/
	}
	.popup .close {
		font-size: 2em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                      FIN DEL HEADER                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> CELULAR - LANDSCAPE */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                    MAIN >>> CELULAR LANDSCAPE                                                     ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  SECCIONES DE PÁGINA >>>>> CELULAR - LANDSCAPE */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                                  			   SECCIONES DE PÁGINA >>> CELULAR LANDSCAPE                                                    ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pureFullPage {
		/*********** Contenedor de las Secciones*/
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.seccionPagina {
		/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones) */
		width: 100vw;
		height: 100vh;
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.titulo_seccionPagina {
		/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
	}

	.titulo_seccionPaginaJS {
		/* ******************* Titulo que es capturado por JS  */
	}

	/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cont_seccionPagina {
		/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cabeza_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.pie_seccionPagina {
	}

	/*  SECCIÓN 1 >>>>> CELULAR - LANDSCAPE */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 1 >>> CELULAR LANDSCAPE                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/* SECCION 1 */

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cabeza_seccionPagina_1 {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina_1 {
		/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	}

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 1 >>> CELULAR LANDSCAPE                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 1 - INICIO DE LA SECCION 2  >>>>> CELULAR - LANDSCAPE */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 2 >>> CELULAR LANDSCAPE                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/* ///////////////////////////////////// CARRUSEL 3D - >>>>> CELULAR LANDSCAPE ///////////////////////////////////////////7 */

	/* PADRE  DEL CARRUSEL => PANEL  */
	.scene {
		width: 25vw;
		height: 30vh;
	}

	/* CONTENEDOR DE LOS LADOS */
	.carousel {
	}

	@keyframes rotar {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	}

	@-webkit-keyframes rotar {
		from {
			-webkit-transform: rotateY(0deg);
		}
		to {
			-webkit-transform: rotateY(360deg);
		}
	}

	@-moz-keyframes rotar {
		from {
			-moz-transform: rotateY(0deg);
		}
		to {
			-moz-transform: rotateY(360deg);
		}
	}

	@-ms-keyframes rotar {
		from {
			-ms-transform: rotateY(0deg);
		}
		to {
			-ms-transform: rotateY(360deg);
		}
	}

	@-o-keyframes rotar {
		from {
			-o-transform: rotateY(0deg);
		}
		to {
			-o-transform: rotateY(360deg);
		}
	}

	/* PARA CADA CARA. LADO O CELDA*/

	.carousel__cell {
	}

	/* VARIABLES DE COLORES  */
	:root {
	}

	/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

	/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
	/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

	.carousel__cell:nth-child(1) {
		transform: rotateY(0deg) translateZ(75vmin);
		-webkit-transform: rotateY(0deg) translateZ(75vmin);
		-moz-transform: rotateY(0deg) translateZ(75vmin);
		-ms-transform: rotateY(0deg) translateZ(75vmin);
		-o-transform: rotateY(0deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(2) {
		transform: rotateY(40deg) translateZ(75vmin);
		-webkit-transform: rotateY(40deg) translateZ(75vmin);
		-moz-transform: rotateY(40deg) translateZ(75vmin);
		-ms-transform: rotateY(40deg) translateZ(75vmin);
		-o-transform: rotateY(40deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(3) {
		transform: rotateY(80deg) translateZ(75vmin);
		-webkit-transform: rotateY(80deg) translateZ(75vmin);
		-moz-transform: rotateY(80deg) translateZ(75vmin);
		-ms-transform: rotateY(80deg) translateZ(75vmin);
		-o-transform: rotateY(80deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(4) {
		transform: rotateY(120deg) translateZ(75vmin);
		-webkit-transform: rotateY(120deg) translateZ(75vmin);
		-moz-transform: rotateY(120deg) translateZ(75vmin);
		-ms-transform: rotateY(120deg) translateZ(75vmin);
		-o-transform: rotateY(120deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(5) {
		transform: rotateY(160deg) translateZ(75vmin);
		-webkit-transform: rotateY(160deg) translateZ(75vmin);
		-moz-transform: rotateY(160deg) translateZ(75vmin);
		-ms-transform: rotateY(160deg) translateZ(75vmin);
		-o-transform: rotateY(160deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(6) {
		transform: rotateY(200deg) translateZ(75vmin);
		-webkit-transform: rotateY(200deg) translateZ(75vmin);
		-moz-transform: rotateY(200deg) translateZ(75vmin);
		-ms-transform: rotateY(200deg) translateZ(75vmin);
		-o-transform: rotateY(200deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(7) {
		transform: rotateY(240deg) translateZ(75vmin);
		-webkit-transform: rotateY(240deg) translateZ(75vmin);
		-moz-transform: rotateY(240deg) translateZ(75vmin);
		-ms-transform: rotateY(240deg) translateZ(75vmin);
		-o-transform: rotateY(240deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(8) {
		transform: rotateY(280deg) translateZ(75vmin);
		-webkit-transform: rotateY(280deg) translateZ(75vmin);
		-moz-transform: rotateY(280deg) translateZ(75vmin);
		-ms-transform: rotateY(280deg) translateZ(75vmin);
		-o-transform: rotateY(280deg) translateZ(75vmin);
	}
	.carousel__cell:nth-child(9) {
		transform: rotateY(320deg) translateZ(75vmin);
		-webkit-transform: rotateY(320deg) translateZ(75vmin);
		-moz-transform: rotateY(320deg) translateZ(75vmin);
		-ms-transform: rotateY(320deg) translateZ(75vmin);
		-o-transform: rotateY(320deg) translateZ(75vmin);
	}

	.videos {
	}

	/* ///////////////////////////////////// FIN - CARRUSEL 3D - >>>>> CELULAR LANDSCAPE ///////////////////////////////////////////7 */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 2 >>> CELULAR LANDSCAPE                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 2- INICIO DE LA SECCION 3 */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                         SECCION 3 >>> CELULAR LANDSCAPE                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN DE LA SECCION 3 >>> CELULAR LANDSCAPE                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

	/* ------------------- Puntos de NAvegacion ------------------ */

	/* Contenedor de la Barra de Progreso del Menu lado derecho y sus barras */

	.nav-dot span {
		box-shadow: 0px 0px 8px 0.2px white; /* 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	.nav-menu {
		height: 8%;
		/* background-color: #000a14; BUEN COLOR  */
		background-color: #000d1b;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		/*background-color: #202020; Establece el color de Fondo*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		flex-direction: row; /*Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		/*  left: 50%; Posición horizontal*/
		/* border: #03c4a1 solid 1px; */
	}

	.nav-li {
		color: #c4c4c4; /*Color de texto*/
		text-decoration: none; /*Especifica la decoración agregada al texto */
		text-align: center; /*Alinea los elementos del contenedor verticalmente*/
		/*font-size: 0.8vmax; Tamaño de texto*/
		font-weight: 300; /*Grosor de texto*/
		padding: 0.4vmax 0; /*Genera espacio al rededor del contenido*/
		transition: all 0.5s; /*Especifica la curva de velocidad del efecto.*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		/*flex-direction: row; Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		border-right: 1px dashed black;
	}

	/* Grosor de la linea superior de la Barra de Progreso del Menu */
	.nav-li {
		height: 100%;
	}

	.nav-li span {
		font-size: 1vmax; /*Tamaño de texto*/
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
	}

	.nav-li.active span {
	}

	.nav-li:nth-child(1).active {
	}

	.nav-li:nth-child(2).active {
	}

	.nav-li:nth-child(3).active {
	}

	.nav-li:nth-child(4).active {
	}

	.nav-li:nth-child(5).active {
	}

	.nav-li:nth-child(6).active {
	}

	.nav-li:nth-child(7).active {
	}

	.nav-li:nth-child(8).active {
	}

	.nav-li:nth-child(9).active {
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
		height: 0.4vmax; /*Alto*/
	}

	.nav-li:nth-child(1).active::after {
	}

	.nav-li:nth-child(2).active::after {
	}

	.nav-li:nth-child(3).active::after {
	}

	.nav-li:nth-child(4).active::after {
	}

	.nav-li:nth-child(5).active::after {
	}

	.nav-li:nth-child(6).active::after {
	}

	.nav-li:nth-child(7).active::after {
	}

	.nav-li:nth-child(8).active::after {
	}

	.nav-li:nth-child(9).active::after {
	}

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL MAIN                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DEL CUERPO - INICIO DE PIE >>>>> CELULAR - LANDSCAPE */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                    FOOTER CELULAR LANDSCAPE                                                   ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL FOOTER                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */
}

/* TABLET >>>>> PORTRAIT */

/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                       @media TABLET                                                                                                       *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

@media screen and (min-width: 600px) and (max-width: 1023px) and (orientation: portrait) {
	/* CABEZA >>>>> TABLET - PORTRAIT */

	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                               HEADER  >>>>> TABLET - PORTRAIT                                                        *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 8vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	} /* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
		padding: 0 0.7vw;
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: none;
	}
	/* Nivel 1.1.1.1 */
	.ham {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 100%;
		display: flex;
	}
	/* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
		width: 60%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */
	.enlaces-menu {
		position: static;
		width: 90%;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		justify-content: center;
		flex-direction: row;
		padding: 0.2vw;
		margin: 0.2vw;
		border-radius: 0.5rem;
	}

	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
		justify-content: center;
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: 4vh; /*Alto del elemento */
	}

	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
		display: none;
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 40%;
		align-items: center;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 70%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
		height: auto;
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		padding: 0.3rem 0.6rem;
		font-size: 0.8rem;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
		width: 30%;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
		padding: 0.3rem;
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
	}

	/* 2. Pantalla PATREON */

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

	.popup {
		max-width: 50%; /*Solo afecta PC pantallas superiores a 600 hasta 1024 px*/
	}
	.popup .close:hover {
		color: #09f;
		font-family: 'Quicksand', sans-serif;
		/*font-size: 25px;*/
	}
	.popup .close {
		font-size: 3em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                            FIN DEL HEADER  >>>>> TABLET - PORTRAIT                                                                                                      *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> TABLET - PORTRAIT   */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                     MAIN >>>>> TABLET - PORTRAIT                                                         ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                              SECCIONES DE PÁGINA >>> TABLET - PORTRAIT                                                   ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pureFullPage {
		/*********** Contenedor de las Secciones*/
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.seccionPagina {
		/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones) */
		width: 100vw;
		height: 100vh;
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.titulo_seccionPagina {
		/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
	}

	.titulo_seccionPaginaJS {
		/* ******************* Titulo que es capturado por JS  */
	}

	/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cont_seccionPagina {
		/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cabeza_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.pie_seccionPagina {
	}

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                         SECCION 1  >>> TABLET - PORTRAIT                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* *********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/* SECCION 1 */

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cabeza_seccionPagina_1 {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina_1 {
		/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	}

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 1 >>> TABLET - PORTRAIT                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 1 - INICIO DE LA SECCION 2  >>>>> TABLET - PORTRAIT  */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 2 >>> TABLET - PORTRAIT                                                          *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/* ///////////////////////////////////// CARRUSEL 3D >>>>> TABLET - PORTRAIT ///////////////////////////////////////////7 */

	/* PADRE  DEL CARRUSEL => PANEL  */
	.scene {
		width: 40vw;
		height: 18vh;
	}
	/* CONTENEDOR DE LOS LADOS */
	.carousel {
	}

	@keyframes rotar {
		from {
			transform: rotateX(0deg);
		}
		to {
			transform: rotateX(360deg);
		}
	}

	@-webkit-keyframes rotar {
		from {
			-webkit-transform: rotateX(0deg);
		}
		to {
			-webkit-transform: rotateX(360deg);
		}
	}

	@-moz-keyframes rotar {
		from {
			-moz-transform: rotateX(0deg);
		}
		to {
			-moz-transform: rotateX(360deg);
		}
	}

	@-ms-keyframes rotar {
		from {
			-ms-transform: rotateX(0deg);
		}
		to {
			-ms-transform: rotateX(360deg);
		}
	}

	@-o-keyframes rotar {
		from {
			-o-transform: rotateX(0deg);
		}
		to {
			-o-transform: rotateX(360deg);
		}
	}

	/* PARA CADA CARA. LADO O CELDA*/

	.carousel__cell {
	}

	/* VARIABLES DE COLORES  */
	:root {
	}

	/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

	/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
	/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

	.carousel__cell:nth-child(1) {
		transform: rotatex(0deg) translateZ(40vmin);
		-webkit-transform: rotatex(0deg) translateZ(40vmin);
		-moz-transform: rotatex(0deg) translateZ(40vmin);
		-ms-transform: rotatex(0deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(0deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(2) {
		transform: rotatex(40deg) translateZ(40vmin);
		-webkit-transform: rotatex(40deg) translateZ(40vmin);
		-moz-transform: rotatex(40deg) translateZ(40vmin);
		-ms-transform: rotatex(40deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(40deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(3) {
		transform: rotatex(80deg) translateZ(40vmin);
		-webkit-transform: rotatex(80deg) translateZ(40vmin);
		-moz-transform: rotatex(80deg) translateZ(40vmin);
		-ms-transform: rotatex(80deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(80deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(4) {
		transform: rotatex(120deg) translateZ(40vmin);
		-webkit-transform: rotatex(120deg) translateZ(40vmin);
		-moz-transform: rotatex(120deg) translateZ(40vmin);
		-ms-transform: rotatex(120deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(120deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(5) {
		transform: rotatex(160deg) translateZ(40vmin);
		-webkit-transform: rotatex(160deg) translateZ(40vmin);
		-moz-transform: rotatex(160deg) translateZ(40vmin);
		-ms-transform: rotatex(160deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(160deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(6) {
		transform: rotatex(200deg) translateZ(40vmin);
		-webkit-transform: rotatex(200deg) translateZ(40vmin);
		-moz-transform: rotatex(200deg) translateZ(40vmin);
		-ms-transform: rotatex(200deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(200deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(7) {
		transform: rotatex(240deg) translateZ(40vmin);
		-webkit-transform: rotatex(240deg) translateZ(40vmin);
		-moz-transform: rotatex(240deg) translateZ(40vmin);
		-ms-transform: rotatex(240deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(240deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(8) {
		transform: rotatex(280deg) translateZ(40vmin);
		-webkit-transform: rotatex(280deg) translateZ(40vmin);
		-moz-transform: rotatex(280deg) translateZ(40vmin);
		-ms-transform: rotatex(280deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(280deg) translateZ(40vmin);
	}
	.carousel__cell:nth-child(9) {
		transform: rotatex(320deg) translateZ(40vmin);
		-webkit-transform: rotatex(320deg) translateZ(40vmin);
		-moz-transform: rotatex(320deg) translateZ(40vmin);
		-ms-transform: rotatex(320deg) translateZ(40vmin);
		-o-webkit-transform: rotatex(320deg) translateZ(40vmin);
	}

	.videos {
	}

	/* ////////////////////////////////// FIN - CARRUSEL 3D >>>>> TABLET - PORTRAIT  ///////////////////////////////////////////7 */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                   FIN DE LA SECCION 2  >>> TABLET - PORTRAIT                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 2- INICIO DE LA SECCION 3 */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 3  >>> TABLET - PORTRAIT                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 3  >>> TABLET - PORTRAIT                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

	/* ------------------- Puntos de NAvegacion ------------------ */

	.nav-dot span {
		box-shadow: 0px 0px 8px 0.2px white; /* 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	.nav-menu {
		/* background-color: #000a14; BUEN COLOR  */
		background-color: #000d1b;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		/*background-color: #202020; Establece el color de Fondo*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		flex-direction: row; /*Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		/*  left: 50%; Posición horizontal*/
		/* border: #03c4a1 solid 1px; */
	}

	.nav-li {
		color: #c4c4c4; /*Color de texto*/
		text-decoration: none; /*Especifica la decoración agregada al texto */
		text-align: center; /*Alinea los elementos del contenedor verticalmente*/
		/*font-size: 0.8vmax; Tamaño de texto*/
		font-weight: 300; /*Grosor de texto*/
		padding: 0.4vmax 0; /*Genera espacio al rededor del contenido*/
		transition: all 0.5s; /*Especifica la curva de velocidad del efecto.*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		/*flex-direction: row; Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		border-right: 1px dashed black;
	}

	/* Grosor de la linea superior de la Barra de Progreso del Menu */
	.nav-li {
		height: 100%;
	}

	.nav-li span {
		font-size: 1vmax; /*Tamaño de texto*/
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
	}

	.nav-li.active span {
	}

	.nav-li:nth-child(1).active {
	}

	.nav-li:nth-child(2).active {
	}

	.nav-li:nth-child(3).active {
	}

	.nav-li:nth-child(4).active {
	}

	.nav-li:nth-child(5).active {
	}

	.nav-li:nth-child(6).active {
	}

	.nav-li:nth-child(7).active {
	}

	.nav-li:nth-child(8).active {
	}

	.nav-li:nth-child(9).active {
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
		height: 0.4vmax; /*Alto*/
	}

	.nav-li:nth-child(1).active::after {
	}

	.nav-li:nth-child(2).active::after {
	}

	.nav-li:nth-child(3).active::after {
	}

	.nav-li:nth-child(4).active::after {
	}

	.nav-li:nth-child(5).active::after {
	}

	.nav-li:nth-child(6).active::after {
	}

	.nav-li:nth-child(7).active::after {
	}

	.nav-li:nth-child(8).active::after {
	}

	.nav-li:nth-child(9).active::after {
	}

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                            FIN DEL MAIN  >>> TABLET - PORTRAIT                                                                                                         *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                 FOOTER  >>> TABLET - PORTRAIT                                       *                   ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                            FIN DEL FOOTER  >>> TABLET - PORTRAIT                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */
}

/* TABLET >>>>> LANDSCAPE */

/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                 @media TABLET LANDSCAPE                                                                                                     *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

@media screen and (min-device-width: 1001px) and (max-device-width: 1200px) and (orientation: landscape) {
	/* CABEZA >>>>> TABLET LANDSCAPE */

	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                  HEADER  >>>>> TABLET LANDSCAPE                                                             *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 10vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	} /* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
		padding: 0 0.7vw;
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: none;
	}
	/* Nivel 1.1.1.1 */
	.ham {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 100%;
		display: flex;
	}
	/* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
		width: 60%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */
	.enlaces-menu {
		position: static;
		width: 90%;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		justify-content: center;
		flex-direction: row;
		padding: 0.2vw;
		margin: 0.2vw;
		border-radius: 0.5rem;
	}

	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
		justify-content: center;
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Tamaño de las imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: 6vh;
	}

	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
		display: none;
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 40%;
		align-items: center;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 70%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
		height: auto;
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		padding: 0.3rem 0.6rem;
		font-size: 0.8rem;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
		width: 30%;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
		padding: 0.3rem;
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
	}

	/* 2. Pantalla PATREON */

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

	.popup {
		max-width: 30%; /*Solo afecta PC pantallas superiores a 600 hasta 1024 px*/
	}
	.popup .close:hover {
		color: #09f;
		font-family: 'Quicksand', sans-serif;
		/*font-size: 25px;*/
	}
	.popup .close {
		font-size: 3em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                          FIN DEL HEADER >>>>> TABLET LANDSCAPE                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> TABLET - LANDSCAPE */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                  MAIN  >>>>> TABLET LANDSCAPE                                                    ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  SECCIONES DE PÁGINA >>>>> TABLET - LANDSCAPE */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                                  			   SECCIONES DE PÁGINA  >>>>> TABLET LANDSCAPE                                                     ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pureFullPage {
		/*********** Contenedor de las Secciones*/
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.seccionPagina {
		/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones) */
		width: 100vw;
		height: 100vh;
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.titulo_seccionPagina {
		/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
	}

	.titulo_seccionPaginaJS {
		/* ******************* Titulo que es capturado por JS  */
	}

	/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cont_seccionPagina {
		/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cabeza_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.pie_seccionPagina {
	}

	/*  SECCIÓN 1 >>>>> TABLET - LANDSCAPE */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 1 >>>>> TABLET LANDSCAPE                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/* SECCION 1 */

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cabeza_seccionPagina_1 {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina_1 {
		/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	}

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 1  >>>>> TABLET LANDSCAPE                                                              *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 1 - INICIO DE LA SECCION 2 >>>>> TABLET LANDSCAPE  */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 2  >>>>> TABLET LANDSCAPE                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/* ///////////////////////////////////// CARRUSEL 3D >>>>> TABLET LANDSCAPE ///////////////////////////////////////////7 */

	/* PADRE  DEL CARRUSEL => PANEL  */
	.scene {
		width: 23vw;
		height: 20vh;
	}

	/* CONTENEDOR DE LOS LADOS */
	.carousel {
	}

	@keyframes rotar {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	}

	@-webkit-keyframes rotar {
		from {
			-webkit-transform: rotateY(0deg);
		}
		to {
			-webkit-transform: rotateY(360deg);
		}
	}

	@-moz-keyframes rotar {
		from {
			-moz-transform: rotateY(0deg);
		}
		to {
			-moz-transform: rotateY(360deg);
		}
	}

	@-ms-keyframes rotar {
		from {
			-ms-transform: rotateY(0deg);
		}
		to {
			-ms-transform: rotateY(360deg);
		}
	}

	@-o-keyframes rotar {
		from {
			-o-transform: rotateY(0deg);
		}
		to {
			-o-transform: rotateY(360deg);
		}
	}

	/* PARA CADA CARA. LADO O CELDA*/

	.carousel__cell {
	}

	/* VARIABLES DE COLORES  */
	:root {
	}

	/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

	/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
	/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

	.carousel__cell:nth-child(1) {
		transform: rotateY(0deg) translateZ(50vmin);
		-webkit-transform: rotateY(0deg) translateZ(50vmin);
		-moz-transform: rotateY(0deg) translateZ(50vmin);
		-ms-transform: rotateY(0deg) translateZ(50vmin);
		-o-transform: rotateY(0deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(2) {
		transform: rotateY(40deg) translateZ(50vmin);
		-webkit-transform: rotateY(40deg) translateZ(50vmin);
		-moz-transform: rotateY(40deg) translateZ(50vmin);
		-ms-transform: rotateY(40deg) translateZ(50vmin);
		-o-transform: rotateY(40deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(3) {
		transform: rotateY(80deg) translateZ(50vmin);
		-webkit-transform: rotateY(80deg) translateZ(50vmin);
		-moz-transform: rotateY(80deg) translateZ(50vmin);
		-ms-transform: rotateY(80deg) translateZ(50vmin);
		-o-transform: rotateY(80deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(4) {
		transform: rotateY(120deg) translateZ(50vmin);
		-webkit-transform: rotateY(120deg) translateZ(50vmin);
		-moz-transform: rotateY(120deg) translateZ(50vmin);
		-ms-transform: rotateY(120deg) translateZ(50vmin);
		-o-transform: rotateY(120deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(5) {
		transform: rotateY(160deg) translateZ(50vmin);
		-webkit-transform: rotateY(160deg) translateZ(50vmin);
		-moz-transform: rotateY(160deg) translateZ(50vmin);
		-ms-transform: rotateY(160deg) translateZ(50vmin);
		-o-transform: rotateY(160deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(6) {
		transform: rotateY(200deg) translateZ(50vmin);
		-webkit-transform: rotateY(200deg) translateZ(50vmin);
		-moz-transform: rotateY(200deg) translateZ(50vmin);
		-ms-transform: rotateY(200deg) translateZ(50vmin);
		-o-transform: rotateY(200deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(7) {
		transform: rotateY(240deg) translateZ(50vmin);
		-webkit-transform: rotateY(240deg) translateZ(50vmin);
		-moz-transform: rotateY(240deg) translateZ(50vmin);
		-ms-transform: rotateY(240deg) translateZ(50vmin);
		-o-transform: rotateY(240deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(8) {
		transform: rotateY(280deg) translateZ(50vmin);
		-webkit-transform: rotateY(280deg) translateZ(50vmin);
		-moz-transform: rotateY(280deg) translateZ(50vmin);
		-ms-transform: rotateY(280deg) translateZ(50vmin);
		-o-transform: rotateY(280deg) translateZ(50vmin);
	}
	.carousel__cell:nth-child(9) {
		transform: rotateY(320deg) translateZ(50vmin);
		-webkit-transform: rotateY(320deg) translateZ(50vmin);
		-moz-transform: rotateY(320deg) translateZ(50vmin);
		-ms-transform: rotateY(320deg) translateZ(50vmin);
		-o-transform: rotateY(320deg) translateZ(50vmin);
	}

	.videos {
	}

	/* ///////////////////////////////////// FIN - CARRUSEL 3D -  >>>>> TABLET LANDSCAPE ///////////////////////////////////////////7 */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 2 >>>>> TABLET LANDSCAPE                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 2- INICIO DE LA SECCION 3 */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                         SECCION 3  >>>>> TABLET LANDSCAPE                                                             *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN DE LA SECCION 3  >>>>> TABLET LANDSCAPE                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

	/* ------------------- Puntos de NAvegacion ------------------ */

	/* Contenedor de la Barra de Progreso del Menu lado derecho y sus barras */

	.nav-dot span {
		box-shadow: 0px 0px 8px 0.2px white; /* 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	.nav-menu {
		/* background-color: #000a14; BUEN COLOR  */
		background-color: #000d1b;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		/*background-color: #202020; Establece el color de Fondo*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		flex-direction: row; /*Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		/*  left: 50%; Posición horizontal*/
		/* border: #03c4a1 solid 1px; */
	}

	.nav-li {
		color: #c4c4c4; /*Color de texto*/
		text-decoration: none; /*Especifica la decoración agregada al texto */
		text-align: center; /*Alinea los elementos del contenedor verticalmente*/
		/*font-size: 0.8vmax; Tamaño de texto*/
		font-weight: 300; /*Grosor de texto*/
		padding: 0.4vmax 0; /*Genera espacio al rededor del contenido*/
		transition: all 0.5s; /*Especifica la curva de velocidad del efecto.*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		/*flex-direction: row; Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		border-right: 1px dashed black;
	}

	/* Grosor de la linea superior de la Barra de Progreso del Menu */
	.nav-li {
		height: 100%;
	}

	.nav-li span {
		font-size: 1vmax; /*Tamaño de texto*/
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
	}

	.nav-li.active span {
	}

	.nav-li:nth-child(1).active {
	}

	.nav-li:nth-child(2).active {
	}

	.nav-li:nth-child(3).active {
	}

	.nav-li:nth-child(4).active {
	}

	.nav-li:nth-child(5).active {
	}

	.nav-li:nth-child(6).active {
	}

	.nav-li:nth-child(7).active {
	}

	.nav-li:nth-child(8).active {
	}

	.nav-li:nth-child(9).active {
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
		height: 0.4vmax; /*Alto*/
	}

	.nav-li:nth-child(1).active::after {
	}

	.nav-li:nth-child(2).active::after {
	}

	.nav-li:nth-child(3).active::after {
	}

	.nav-li:nth-child(4).active::after {
	}

	.nav-li:nth-child(5).active::after {
	}

	.nav-li:nth-child(6).active::after {
	}

	.nav-li:nth-child(7).active::after {
	}

	.nav-li:nth-child(8).active::after {
	}

	.nav-li:nth-child(9).active::after {
	}

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                               FIN DEL MAIN  >>>>> TABLET LANDSCAPE                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                     FOOTER >>>>> TABLET LANDSCAPE                                                   ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                              FIN DEL FOOTER >>>>> TABLET LANDSCAPE                                                                                                      *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */
}

/* MEDIA LAPTOP */

/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                       @media LAPTOP                                                                                                        *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

/* @media screen and (min-width: 1201px) and (max-width: 2047px) { */
@media (max-width: 2047px) and (orientation: landscape) {
	/* CABEZA >>>>> LAPTOP  */

	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                   HEADER >>>>> LAPTOP                                                         *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 8vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	}
	/* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
		padding: 0 0.7vw;
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: none;
	}
	/* Nivel 1.1.1.1 */
	.ham {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 100%;
		display: flex;
	}
	/* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
		width: 80%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */
	.enlaces-menu {
		position: static;
		width: 90%;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		justify-content: center;
		flex-direction: row;
		padding: 0.2vw;
		margin: 0.2vw;
		border-radius: 0.5rem;
	}

	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
		justify-content: center;
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: auto; /*Alto del elemento */
		width: 2.5vw; /*Alto del elemento */
	}

	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
		display: flex;
		align-items: center;
		font-size: 0.8vmax;
		font-weight: 500;
		padding: 0 0.5vw;
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 20%;
		align-items: center;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 50%;
		padding-right: 10%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
		height: auto;
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		padding: 0.6vh 0.45vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1vmax;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
		width: 40%;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
		padding: 0.3rem;
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
		padding: 0vh;
		height: 80%;
		width: auto;
	}

	/* 2. Pantalla PATREON */

	/* @media screen and (max-width: 2048px) { */

	.popup {
		max-width: 30%; /*Solo afecta PC pantallas superiores a 1024 hasta 2048px*/
	}
	.popup .close:hover {
		color: #09f;
		font-family: 'Quicksand', sans-serif;
		/*font-size: 25px;*/
	}
	.popup .close {
		font-size: 3em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                              FIN DEL HEADER  >>>>> LAPTOP                                                                                                      *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  FIN DE CABEZA - INICIO DEL CUERPO >>>>> LAPTOP */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                         MAIN LAPTOP                                                           ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  SECCIONES DE PÁGINA >>>>> LAPTOP */

	/*
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	* *********************************************                                  			   SECCIONES DE PÁGINA  >>>>> TABLET LANDSCAPE                                                     ********************************************* *
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
	*/

	/*-------- NIVEL-2 > HIJO-2 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pureFullPage {
		/*********** Contenedor de las Secciones*/
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.seccionPagina {
		/************ Contenedor Principal de cada 'Sección' (1 - 9 secciones) */
		width: 100vw;
		height: 100vh;
	}

	/*-------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL > HIJO-1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.titulo_seccionPagina {
		/* ***************** Contenedor NO VISIBLE --- Titulo que será usado en el MENU INFERIOR -JS */
	}

	.titulo_seccionPaginaJS {
		/* ******************* Titulo que es capturado por JS  */
	}

	/*-------- NIVEL-2 > HIJO 2 > HIJO(1- 9)-GENERAL > HIJO 2 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cont_seccionPagina {
		/* ***************** Contenedor VISIBLE --- Contenedor Principal de la información que irá en cada sección  */
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cabeza_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 3 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.pie_seccionPagina {
	}

	/*  SECCIÓN 1 >>>>> LAPTOP */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 1 >>>>> LAPTOP                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/* SECCION 1 */

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 1 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	.cabeza_seccionPagina_1 {
	}

	/* -------- NIVEL-2 > HIJO-2 > HIJO(1- 9)-GENERAL >  HIJO 2 > HIJO 2 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cuerpo_seccionPagina_1 {
		/* ******************** CONTENEDOR ESPECIFICO PARA CADA SECCIÓN -  ES LO QUE SE VISUALIZA - CONTENEDOR DEL LOGO */
	}

	/* Logotipo de la pantalla de inicio */
	.img_logo {
		width: 70vmax;
	}

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 1 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 1 >>>>> LAPTOP                                                              *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 1 - INICIO DE LA SECCION 2 >>>>> LAPTOP */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                        SECCION 2 >>>>> LAPTOP                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/* ///////////////////////////////////// CARRUSEL 3D >>>>> LAPTOP///////////////////////////////////////////7 */

	/* PADRE  DEL CARRUSEL => PANEL  */
	.scene {
		width: 20vw;
		height: 20vh;
	}

	/* CONTENEDOR DE LOS LADOS */
	.carousel {
	}

	@keyframes rotar {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	}

	@-webkit-keyframes rotar {
		from {
			-webkit-transform: rotateY(0deg);
		}
		to {
			-webkit-transform: rotateY(360deg);
		}
	}

	@-moz-keyframes rotar {
		from {
			-moz-transform: rotateY(0deg);
		}
		to {
			-moz-transform: rotateY(360deg);
		}
	}

	@-ms-keyframes rotar {
		from {
			-ms-transform: rotateY(0deg);
		}
		to {
			-ms-transform: rotateY(360deg);
		}
	}

	@-o-keyframes rotar {
		from {
			-o-transform: rotateY(0deg);
		}
		to {
			-o-transform: rotateY(360deg);
		}
	}

	/* PARA CADA CARA. LADO O CELDA*/

	.carousel__cell {
	}

	/* VARIABLES DE COLORES  */
	:root {
	}

	/* INDICA SU ROTACIÓN EN Y -> (IZQUIERDA (-) A DERECHA (+)) y su posición en PROFUNDIDAD con Z -> (ATRÁS (-) A ADELANTE (+))*/

	/* EN ESTE CASO su ROTACIÓN EN X  --> ROTAR LAS CARAS -->  360 (GRADOS) /9 (CARAS) --> CADA ÁNGULO SERÁ DE 40 GRADOS  */
	/* EN ESTE CASO SU PROFUNDIDAD EN Y SERÁ ---> 288px  */

	.carousel__cell:nth-child(1) {
		transform: rotateY(0deg) translateZ(55vmin);
		-webkit-transform: rotateY(0deg) translateZ(55vmin);
		-moz-transform: rotateY(0deg) translateZ(55vmin);
		-ms-transform: rotateY(0deg) translateZ(55vmin);
		-o-transform: rotateY(0deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(2) {
		transform: rotateY(40deg) translateZ(55vmin);
		-webkit-transform: rotateY(40deg) translateZ(55vmin);
		-moz-transform: rotateY(40deg) translateZ(55vmin);
		-ms-transform: rotateY(40deg) translateZ(55vmin);
		-o-transform: rotateY(40deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(3) {
		transform: rotateY(80deg) translateZ(55vmin);
		-webkit-transform: rotateY(80deg) translateZ(55vmin);
		-moz-transform: rotateY(80deg) translateZ(55vmin);
		-ms-transform: rotateY(80deg) translateZ(55vmin);
		-o-transform: rotateY(80deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(4) {
		transform: rotateY(120deg) translateZ(55vmin);
		-webkit-transform: rotateY(120deg) translateZ(55vmin);
		-moz-transform: rotateY(120deg) translateZ(55vmin);
		-ms-transform: rotateY(120deg) translateZ(55vmin);
		-o-transform: rotateY(120deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(5) {
		transform: rotateY(160deg) translateZ(55vmin);
		-webkit-transform: rotateY(160deg) translateZ(55vmin);
		-moz-transform: rotateY(160deg) translateZ(55vmin);
		-ms-transform: rotateY(160deg) translateZ(55vmin);
		-o-transform: rotateY(160deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(6) {
		transform: rotateY(200deg) translateZ(55vmin);
		-webkit-transform: rotateY(200deg) translateZ(55vmin);
		-moz-transform: rotateY(200deg) translateZ(55vmin);
		-ms-transform: rotateY(200deg) translateZ(55vmin);
		-o-transform: rotateY(200deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(7) {
		transform: rotateY(240deg) translateZ(55vmin);
		-webkit-transform: rotateY(240deg) translateZ(55vmin);
		-moz-transform: rotateY(240deg) translateZ(55vmin);
		-ms-transform: rotateY(240deg) translateZ(55vmin);
		-o-transform: rotateY(240deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(8) {
		transform: rotateY(280deg) translateZ(55vmin);
		-webkit-transform: rotateY(280deg) translateZ(55vmin);
		-moz-transform: rotateY(280deg) translateZ(55vmin);
		-ms-transform: rotateY(280deg) translateZ(55vmin);
		-o-transform: rotateY(280deg) translateZ(55vmin);
	}
	.carousel__cell:nth-child(9) {
		transform: rotateY(320deg) translateZ(55vmin);
		-webkit-transform: rotateY(320deg) translateZ(55vmin);
		-moz-transform: rotateY(320deg) translateZ(55vmin);
		-ms-transform: rotateY(320deg) translateZ(55vmin);
		-o-transform: rotateY(320deg) translateZ(55vmin);
	}

	.videos {
	}

	/* ///////////////////////////////////// FIN - CARRUSEL 3D >>>>> LAPTOP  ///////////////////////////////////////////7 */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 2 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                    FIN DE LA SECCION 2 >>>>> LAPTOP                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* FIN DE LA SECCIÓN 2- INICIO DE LA SECCION 3 >>>>> LAPTOP */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                         SECCION 3 >>>>> LAPTOP                                                            *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* ********************************************************************** PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/* ******************************************************************* FIN DE PARTE MODIFICABLE - SECCIÓN 3 *************************************************************************** */

	/*
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
* *********************************************                                                      FIN DE LA SECCION 3  >>>>> TABLET LANDSCAPE                                                           *********************************************  *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
*/

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- MENU FLOTANTE ESTÁTICO ------------------- */

	/* ------------------- Puntos de NAvegacion ------------------ */

	/* Contenedor de la Barra de Progreso del Menu lado derecho y sus barras */

	.nav-dot span {
		/* box-shadow: 0px 0px 8px 0.2px white; 1 Sombra -Iz o +Der; 2 -Arriba o +Abajo; 3 Difuminado en %; 4 Color */
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	.nav-menu {
		height: 6%;
		/* background-color: #000a14; BUEN COLOR  */
		background-color: #000d1b;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		/*background-color: #202020; Establece el color de Fondo*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		flex-direction: row; /*Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		/*  left: 50%; Posición horizontal*/
		/* border: #03c4a1 solid 1px; */
	}

	.nav-li {
		height: 100%;
		color: #c4c4c4; /*Color de texto*/
		text-decoration: none; /*Especifica la decoración agregada al texto */
		text-align: center; /*Alinea los elementos del contenedor verticalmente*/
		/*font-size: 0.8vmax; Tamaño de texto*/
		font-weight: 300; /*Grosor de texto*/
		padding: 0.4vmax 0; /*Genera espacio al rededor del contenido*/
		transition: all 0.5s; /*Especifica la curva de velocidad del efecto.*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		/*flex-direction: row; Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		border-right: 1px dashed black;
	}

	.nav-li span {
		font-size: 1vmax; /*Tamaño de texto*/
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
	}

	.nav-li.active span {
	}

	.nav-li:nth-child(1).active {
	}

	.nav-li:nth-child(2).active {
	}

	.nav-li:nth-child(3).active {
	}

	.nav-li:nth-child(4).active {
	}

	.nav-li:nth-child(5).active {
	}

	.nav-li:nth-child(6).active {
	}

	.nav-li:nth-child(7).active {
	}

	.nav-li:nth-child(8).active {
	}

	.nav-li:nth-child(9).active {
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
	}

	.nav-li:nth-child(1).active::after {
	}

	.nav-li:nth-child(2).active::after {
	}

	.nav-li:nth-child(3).active::after {
	}

	.nav-li:nth-child(4).active::after {
	}

	.nav-li:nth-child(5).active::after {
	}

	.nav-li:nth-child(6).active::after {
	}

	.nav-li:nth-child(7).active::after {
	}

	.nav-li:nth-child(8).active::after {
	}

	.nav-li:nth-child(9).active::after {
	}

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL MAIN >>>>> LAPTOP                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                             FOOTER  >>>>> LAPTOP                                                           ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                      FIN DEL FOOTER  >>>>> LAPTOP                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*  ULTRA WIDE SCREEN  */
}
/*
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    *                                                                                                @media ULTRA WIDE SCREEN                                                                                                    *
    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
    */

@media screen and (min-width: 2048px) {
	/*
        -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                   HEADER ULTRA WIDE SCREEN                                                    *********************************************  *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
        */

	/* 1. Barra de Navegacion Lado Superior de la Pagina Principal de Inicio con Botones de Cristal para la aplicaciones, Boton de Inicio de Sesion y Logo ULDIVIN SAC */

	/* Nivel 1.1 Contenededor principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.cabezaPag {
		height: 8vh; /* Especifica el alto del contenedor Padre: Nivel 1, del menu PARA CELULAR */
	}
	/* Nivel 1.1.1  Contenededor interno superpuesto al contenedor 'cabezaPag' principal de la barra de navegación superior de los BOTONES DE CRISTAL */
	.navegacion {
		padding: 0 0.7vw;
	}
	/* Nivel 1.1.1.1 Contenedor exclusivo del BOTON HAMBURGUESA para CELULAR */
	.navHamburguesa {
		display: none;
	}
	/* Nivel 1.1.1.1 */
	.ham {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> */
	.ham span {
	}

	/* Nivel 1.1.1.1 Etiqutas <span> Hover que permite el movimiento de la hamburguesa cuando el mouse esta encima */
	.ham:hover {
	}

	/* PARA DAR TRANSFORMACIÓN A LA HAMBURGUESA*/

	/* Primera etiqueta <span> */
	.br-1.animado {
	}

	/* Segunda etiqueta <span> */
	.br-2.animado {
	}

	/* Tercera etiqueta <span> */
	.br-3.animado {
	}

	/* Contenedor interno superpuesto al contenedor 'navegacion' que contiene al Contenedeor de los BOTONES DE CRISTAL, 'Inicio de Sesion' y 'Logo ULD'  Nivel 1.1.1.2 */
	.navMein {
		width: 100%;
		display: flex;
	}
	/* Nivel 1.1.1.2.1 Contenedor de la etiqueta Listas <ul> Lado IZQUIERDO del ontenedor 'navegacion' con los BOTONES DE CRISTAL */
	.navMenuIz {
		width: 70%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/*Etiqueta <ul> del Nivel 1.1.1.2.1.1 Contenedor de la botonera de los BOTONES DE CRISTAL efecto presentacion vertical */
	.enlaces-menu {
		position: static;
		width: 90%;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu li {
		justify-content: center;
		flex-direction: row;
		padding: 0.2vw;
		margin: 0.2vw;
		border-radius: 0.5rem;
	}

	/*Etiquetas <li> del Nivel 1.1.1.2.1.1 Efectos 'hover' de los BOTONES DE CRISTAL */
	.enlaces-menu li:hover {
	}

	/* Etiquetas <li> del Nivel 1.1.1.2.1.1 Contenedor de los BOTONES DE CRISTAL */
	.enlaces-menu.activado {
	}

	/* Visibilidad de la lista <ul> de BOTONES DE CRISTAL en trabajo conjunto con menu.js solo para la aplicación de celulares */

	@keyframes muestraMenu {
		/* Solo para celular */
	}

	/* Etiquetas <a> del Nivel 1.1.1.2.1.1 de los BOTONES DE CRISTAL */
	.m-link {
		justify-content: center;
	}
	/* Etiquetas <img> del Nivel 1.1.1.2.1.1 Imagenes de los BOTONES DE CRISTAL */
	.m-icon {
		height: 5vh; /*Alto del elemento */
	}

	/*Etiquetas <span> del Nivel 1.1.1.2.1.1 Texto de los BOTONES DE CRISTAL */
	.m-texto {
		display: flex;
		align-items: center;
		font-size: 0.8vw;
		font-weight: 500;
		padding: 0 0.5vw;
	}
	/* Nivel 1.1.1.2.2 Contenedor Lado DERECHO del Contenedor 'navegacion' con los BOTONES de 'Inicio de Sesion' y 'Logo ULD' */
	.navMenuDr {
		width: 30%;
		align-items: center;
	}
	/* Nivel 1.1.1.2.2.1 Contenedor del BOTON de 'Inicio de Sesion' */
	.navMenuDrLogins {
		width: 70%;
	}
	/* Nivel 1.1.1.2.2.1 BOTON de 'Inicio de Sesion' */
	.login {
		height: auto;
	}
	/* Nivel 1.1.1.2.2.1 Hover del BOTON de 'Inicio de Sesion' */
	.login a {
	}
	/* Etiquetas <button> del Nivel 1.1.1.2.2.1 del BOTON 'Inicio de Sesion' */
	.boton {
		padding: 0.3rem 0.6rem;
		font-size: 1rem;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor del 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navMenuDrLogo {
		width: 25%;
	}
	/* Nivel 1.1.1.2.2.2 Contenedor de la etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.navLogo {
		padding: 0.3rem;
	}
	/* Etiqueta <img> con el 'Logo Chico de ULDIVIN SAC' del borde derecho superior */
	.logo {
		padding: 1vh;
	}

	/* 2. Pantalla Patreon */

	/* @media screen and (max-width: 3440px) { */

	.popup {
		max-width: 15%; /*Solo afecta PC pantallas superiores a 2048 hasta 3440 px*/
	}
	.rojo {
		color: #f00;
		text-decoration: none;
		font-size: 25px;
	}
	.blue {
		color: #00f;
		text-decoration: none;
		font-size: 18px;
	}
	.popup p {
		font-size: 18px;
	}
	.popup .close:hover {
		color: #09f;
		font-family: 'Quicksand', sans-serif;
		/*font-size: 25px;*/
	}
	.popup .close {
		font-size: 4em;
	}

	/* } */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                      FIN DEL HEADER                                                                                                       *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                    MAIN ULTRA WIDE SCREEN                                                     ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	.seccionPagina {
		width: 100vw;
		height: 100vh;
	}

	/* Continuacion de pureFullPage --> Bara de Exploracion y Progreso de las Secciones */

	/* -------------------- Menú Animación ---------------- */
	/*Variables con alcance global o local /// sintaxis:  var(--name, value)*/

	.nav-menu {
		/* background-color: #000a14; BUEN COLOR  */
		background-color: #000d1b;
		/* background-color: hsla(240, 100%, 0%, 0.3); */
		/*background-color: #202020; Establece el color de Fondo*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		flex-direction: row; /*Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		/*  left: 50%; Posición horizontal*/
		/* border: #03c4a1 solid 1px; */
	}

	.nav-li {
		color: #c4c4c4; /*Color de texto*/
		text-decoration: none; /*Especifica la decoración agregada al texto */
		text-align: center; /*Alinea los elementos del contenedor verticalmente*/
		/*font-size: 0.8vmax; Tamaño de texto*/
		font-weight: 300; /*Grosor de texto*/
		padding: 0.4vmax 0; /*Genera espacio al rededor del contenido*/
		transition: all 0.5s; /*Especifica la curva de velocidad del efecto.*/
		display: flex; /*Propiedad para que tu contenedor sea flexible - Responsivo a nivel de bloque*/
		/*flex-direction: row; Alinea los elementos hijos en fila(Horizontalmente)*/
		justify-content: center; /*Alinea los elementos del contenedor flexible en el eje principal (horizontalmente)*/
		align-items: center; /*Alinea los elementos del contenedor verticalmente*/
		border-right: 1px dashed black;
	}

	.nav-li {
	}

	.nav-li span {
		font-size: 0.8vmax; /*Tamaño de texto*/
	}

	.nav-li:hover {
	}

	.nav-li:hover span {
	}

	/* Actva color de enlace en la Exploracion de la Barra de Progreso cambiando el color de la misma */
	.nav-li.active {
	}

	.nav-li.active span {
	}

	.nav-li:nth-child(1).active {
	}

	.nav-li:nth-child(2).active {
	}

	.nav-li:nth-child(3).active {
	}

	.nav-li:nth-child(4).active {
	}

	.nav-li:nth-child(5).active {
	}

	.nav-li:nth-child(6).active {
	}

	.nav-li:nth-child(7).active {
	}

	.nav-li:nth-child(8).active {
	}

	.nav-li:nth-child(9).active {
	}

	/* PARA GENERAR UNA LINEA SOBRE EL CONTENEDOR DEL TEXTO MENU */
	.nav-li.active::after {
	}

	.nav-li:nth-child(1).active::after {
	}

	.nav-li:nth-child(2).active::after {
	}

	.nav-li:nth-child(3).active::after {
	}

	.nav-li:nth-child(4).active::after {
	}

	.nav-li:nth-child(5).active::after {
	}

	.nav-li:nth-child(6).active::after {
	}

	.nav-li:nth-child(7).active::after {
	}

	.nav-li:nth-child(8).active::after {
	}

	.nav-li:nth-child(9).active::after {
	}

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL MAIN                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        * *********************************************                                                    FOOTER ULTRA WIDE SCREEN                                                   ********************************************* *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */

	/*
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        *                                                                                                       FIN DEL FOOTER                                                                                                        *
        *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
        */
}