/*!
Theme Name: Archivos Vivos de la JEP 2025
Theme URI: http://herramientaspedagogicas.jep.gov.co/archivos-vivos/
Author: Original -Juan Diego Mesa O. Actualizaciones - Salomón Echavarria
Author URI:
Description: Tema personalizado para la SFI de la JEP
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: archivos_vivos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Archivos Vivos de la JEP is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/ 

/* 
Desarrollado por Juan Diego Mesa O. para la SFI de la JEP - Actualizado en 2025 por Salomón Echavarría
*/


* {
  margin: 0;
  padding: 0;
  text-transform: none;
  text-decoration: none;
  list-style: none;
  line-height: 1;
	box-sizing:border-box;
}
*:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

html {
  scroll-behavior: smooth;
}

body {
	width: 100vw;
	color:#333;
	overflow-x: hidden;
	background: #fff url(./assets/bg.png) repeat-y top center;
	background-size: 100vw;
	font-family: "Archivo", sans-serif;
	--color-1: #1A3A82;/* Azul */
	--color-2: #FC8860;/* Naranja */
	--color-3: #874d98;/* Morado */
	--color-4: #0e1d33;/* Azul JEP */
	--gris-claro: #f4f4f4;
	--gris-oscuro: #ccc;
	--positivo: #fff;
	--negativo: #000;
	--transparencia-1: #333333A6;
	--transparencia-2: #ffffff80;
	--fuente-1: "Archivo", sans-serif;
	--fuente-2: "Rubik", sans-serif;
	--fuente-xxxl: 5.5vw;
	--fuente-xxl: 4vw;
	--fuente-xl: 3vw;
	--fuente-l: 1.8vw;
	--fuente-m: 1.5vw;
	--fuente-n: 1.3vw;
	--fuente-s: 1.1vw;
	--fuente-xs: 0.8vw;
	--fuente-w-1: 300;
	--fuente-w-2: 400;
	--fuente-w-3: 700;
	--padding-0: 0.5vw;
	--padding-1: 1vw;
	--padding-2: 2vw;
	--padding-3: 3vw;
	--padding-4: 4vw;
	--espacio-superior: calc(var(--padding-4) * 2.5);
	--alto-1: 15vh;
	--alto-2: 55vh;
	--barra-lateral: 5vw;
	--lateral-1: 25%;
	--lateral-2: 15%;
	--lateral-3: 20%;
	--contenido: 75%;
	--contenido-2: 85%;
	--contenido-3: 80%;
}

/* 
Generales títulos, vínculo, párrafo y listas
*/

h1, h2, h3, h4, h5{
	color:var(--color-2);
	font-weight: var(--fuente-w-3);
}

h1 {
	font-size:var(--fuente-xxxl);
	line-height: 0.9;
}

h2 {
	font-size:var(--fuente-xxl);
	line-height: 0.9;
	margin-bottom:var(--padding-2);
}

h3 {
	font-size:var(--fuente-xl);
	line-height: 0.9;
	margin-bottom:var(--padding-2);
}

h4 {
	font-size:var(--fuente-l);
	line-height: 0.9;
	margin-bottom:var(--padding-2);
}

p{
	font-size:var(--fuente-n);
	line-height:1.4em;
	font-weight: var(--fuente-w-1);
	margin:0 0 var(--padding-1);
}

ol{
	padding: 30px 100px;
}

ol li{
	list-style-type:decimal;
}

ul li, ol li{
	font-size:var(--fuente-n);
	font-weight: var(--fuente-w-2);
	line-height:1.4em;
	padding-bottom:var(--padding-1);
	color:var(--color-1);
}

strong{
	font-weight: var(--fuente-w-3);
}

.si-mobil{
	display:none;
}

.boton-AV{
	border-radius:var(--padding-1);
	background-color:var(--color-3);
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	font-size:var(--fuente-n);
	padding:var(--padding-2);
	text-transform:uppercase;
	line-height:1.2em;
	color:var(--positivo);
	display:inline-block;
}

.full-ancho{
	width: 180%;
	margin: 0 0 0 -40%;
}

main {
  padding-top: 5vw;
}

#page main{
	padding-top: 6vw;
}

.home main{
	padding:0;
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
  main {
    padding-top: 5.5vw;
  }
}
@media screen and (max-width: 600px) {
  main {
    padding-top: 18vw;
  }
}
main.scrollableNav {
  padding-top: 0 !important;
}

a {
  color: inherit;
}

.hidden {
  display: none !important;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.AVJEPNav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: var(--padding-1) var(--padding-2);
  transition-duration: 0.5s;
}
.AVJEPNav::after {
  content: "";
  position: absolute;
  width: 85%;
  height: 1px;
  background-color: #fff;
  bottom: 0;
  right:0;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPNav::after {
    left: 5vw;
    width: 90vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPNav {
    width: 90vw;
    padding: 1.5vw 5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPNav.opened .AVJEPNav-menu {
    max-height: 100vh;
  }
  .AVJEPNav.opened .AVJEPNav-button-open {
    display: none;
  }
  .AVJEPNav.opened .AVJEPNav-button-close {
    display: block;
  }
}

.Logos-header{
	width: 45%;
	padding:0 var(--padding-4) 0 0;
	display:flex;
	flex-direction:row;
	align-items: center;
}

.Logos-header a:first-child{
	width:60%;
}

.AVJEPNav-logo {
	width:100%;
	padding-right:var(--padding-1);
}

.AVJEP-sec{
	border-left:1px solid var(--positivo);
	padding-left:var(--padding-1);
}

.AVJEPNav-logo, .AVJEP-sec{
	object-fit:contain;
	max-height:60px;
}


.AVJEPNav-button {
  display: none;
}
@media screen and (max-width: 600px) {
  
  .AVJEPNav-button > img {
    width: 8vw;
  }
}
.AVJEPNav-button-close {
  display: none;
}

.seccion-menus{
	width:55%;
}

.AVJEPNav-menu {
	width:100%;
	padding:var(--padding-0)
}

.AVJEPNav-menu-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.AVJEPNav-menu-element {
  font-weight: var(--fuente-w-3);
  color: var(--positivo);
  transition-duration: 0.5s;
  border-bottom: 1px solid transparent;
  font-size: var(--fuente-s);
  padding-bottom: var(--padding-0);
}

.sec-navigation{
	float:right;
	width:100%;
	text-align:right;
}

.sec-navigation ul li{
	display:inline-block;
	padding: 0 var(--padding-2) 0 0;
}

.sec-navigation ul li:last-child{
	padding:0;
}

.sec-navigation ul li a{
	color: var(--color-2);
	font-size: var(--fuente-s);
	font-weight: var(--fuente-w-3);
}

.AVJEPNav-menu-element:hover {
  border-bottom-color: #062B44;
}
.AVJEPNav:not(.top) {
  background-image: linear-gradient(20deg, var(--color-3), var(--color-1));
}
@media screen and (min-width: 1100px) {
  .AVJEPNav:not(.top) {
    padding: var(--padding-1);
  }
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPNav:not(.top) {
    padding: var(--padding-1);
  }
}
.AVJEPNav:not(.top)::after {
  display: none;
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPNav:not(.top) .AVJEPNav-logo {
    width: 19vw;
  }
}
@media screen and (min-width: 1100px) {
  .AVJEPNav:not(.top) .AVJEPNav-menu {
    padding: var(--padding-0) var(--padding-0) 0;
  }
  .AVJEPNav:not(.top) .AVJEPNav-menu-element {
    color: #fff;
  }
  .AVJEPNav:not(.top) .AVJEPNav-menu-element:hover {
    border-bottom-color: #fff;
  }
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPNav:not(.top) .AVJEPNav-menu {
    background-color: rgba(44, 41, 41, 0.2666666667);
    padding: 1vw 2vw;
  }
  .AVJEPNav:not(.top) .AVJEPNav-menu-element {
    color: #fff;
  }
  .AVJEPNav:not(.top) .AVJEPNav-menu-element:hover {
    border-bottom-color: #fff;
  }
}

.AVJEPHero {
	background-color: #c26e7e;
	width: 100vw;
	height:85vh;
	position: relative;
	overflow: hidden;
}
.AVJEPHero-illustration {
  width: 100%;
	height:100%;
	object-fit:cover;
}
@media screen and (max-width: 600px) {
  .AVJEPHero-illustration {
    padding-top: 18vw;
  }
}
.AVJEPHero-effect {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -4vw;
  width: 72vw;
  opacity: 0.5;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 600px) {
  .AVJEPHero-effect {
    width: 82vw;
  }
}

.titulo-intro-home{
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	left:0;
	top:0;
	padding-left:5%;
}

.titulo-intro-home-cont{
	width:55%;
}

.titulo-intro-home-cont h1{
	text-transform: uppercase;
}

.AVJEPHero-title {
  
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPHero-title {
    width: 60vw;
    left: 5vw;
    font-size: 8vw;
  }
}

.AVJEPHero-title span {
  font-weight: var(--fuente-w-2);
}

.AVJEPHero-subtitle {
  font-weight: var(--fuente-w-2);
  color: var(--positivo);
  line-height: 1;
  font-size: var(--fuente-xl);
}

.AVJEPIntro-content-primero p{
	font-size:var(--fuente-m);
	color:var(--positivo);
	font-weight: var(--fuente-w-1);
	margin: var(--padding-1) 0 0;
	line-height: 1.3em;
}

.AVJEPHero:after {
  content: "";
  position: absolute;
  background-color: #fff;
  bottom: var(--padding-4);
  right: var(--padding-4);
  width: 50%;
  height: 1px;
}

.AVJEPIntro {
	background: #fff url(./assets/bg.png) repeat-y top center;
	background-size: 100% auto;
	padding:var(--padding-4);
	max-width:60%;
	margin:0 auto;
}

.AVJEPIntro-content {
  width: 100%;
  transition-duration: 1s;
}
.AVJEPIntro-content p, .AVJEPIntro-content li {
  color: #062B44;
}

.AVJEPIntro-content h3 {
  
  font-weight: var(--fuente-w-3);
  color: var(--color-1);
}

.AVJEPIntro-content ul {
  padding-left: 50px;
}

.AVJEPIntro-content ul li {
  position: relative;
  list-style: none;
}
.AVJEPIntro-content ul li::before {
  content: "";
  background-color: #FC8860;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -20px;
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIntro-content ul li::before {
    top: 0.5vw;
    left: -1.8vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIntro-content ul li::before {
    top: 1.5vw;
    left: -5vw;
    width: 2.5vw;
    height: 2.5vw;
  }
}
.AVJEPIntro-more {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  
  font-weight: var(--fuente-w-2);
  color: #6947B8;
  width: max-content;
  margin-left: auto;
  transition-duration: 0.5s;
  cursor: pointer;
  font-size: 20px;
  padding-right: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIntro-more {
    font-size: 1.7vw;
    padding-right: 3.3vw;
    padding-bottom: 3.3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIntro-more {
    font-size: 5vw;
    padding-right: 0;
    padding-bottom: 10vw;
  }
}
.AVJEPIntro-more::after {
  content: "";
  transition-duration: 0.5s;
  display: inline-block;
  background: transparent url(./assets/arrowright_purple.svg) center no-repeat;
  background-size: contain;
  margin-left: 5px;
  width: 13px;
  height: 13px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIntro-more::after {
    width: 1.1vw;
    height: 1.1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIntro-more::after {
    width: 3vw;
    height: 3vw;
  }
}
.AVJEPIntro-more:hover {
  font-size: 21px;
}
.AVJEPIntro-more:hover::after {
  width: 14px;
  height: 14px;
  transform: rotateZ(90deg);
}

.AVJEPTimeline {
  background: var(--positivo) url(./assets/bg.png) repeat-x top left;
  box-shadow: #333 5px 5px 8px, #333 -5px -5px 8px;
  overflow: hidden;
  padding:var(--padding-4) calc(50% - 500px);
}

.intro-video-contenedor{
	display: flex;
	flex-direction: row;
	gap:var(--padding-3);
	margin:0 0 var(--padding-4);
}

.AVJEPTimeline-title {
	max-width:850px;
	margin: 0 auto var(--padding-2);
}

.AVJEPTimeline .AVJEPTimeline-title{
	max-width:100%;
}

.AVJEPTimeline-description a {
	transition-duration: 0.5s;
	width: 35%;
	margin: var(--padding-2) 0;
}

.AVJEPTimeline-description a:hover {
	opacity:0.8;
}

.video-embed_linea_tiempo{
	width:60%;
}

.AVJEPTimeline-container {
  position: relative;
  width: 100%;
}
.AVJEPTimeline-carrusel {
  position: relative;
  width: max-content;
  display: flex;
  flex-direction: row;
  transition-duration: 1s;
  gap: 30px;
  margin: 20px 0 30px;
  padding: 0;
}

.AVJEPTimeline-element {
	position: relative;
	background-color: var(--color-4);
	transition-duration: 0.5s;
	width: 350px;
	padding: var(--padding-2);
	border-radius: var(--padding-1);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	border: none;
	box-sizing: content-box;
}
.AVJEPTimeline-element:hover {
  box-shadow: #000 2px 2px 8px;
}
.AVJEPTimeline-element:hover .AVJEPTimeline-element-circle {
  box-shadow: #000 2px 2px 8px;
}
.AVJEPTimeline-element.unseen {
  display: none;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element {
    width: 28vw;
    padding: 2.5vw 2.5vw 1.5vw;
    border-radius: 1.7vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element {
    width: 65vw;
    padding: 7vw 7vw 12vw;
    border-radius: 5vw;
  }
}
.AVJEPTimeline-element-image {
	width: 100%;
	aspect-ratio: 16/10;
	object-fit: cover;
	object-position: top left;
	border-radius: var(--padding-0) var(--padding-0) 0 0;
}

.imagen-modal-caption .AVJEPTimeline-element-image {
	width: 100%;
	max-width:100%;
	aspect-ratio: auto;
	object-fit: contain;
}

.AVJEPTimeline-element-icon {
  position: absolute;
  width: 20px;
  left: 15px;
  bottom: 15px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-icon {
    width: 1.7vw;
    left: 1.3vw;
    bottom: 1.3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-icon {
    width: 5vw;
    left: 4vw;
    bottom: 4vw;
  }
}
.AVJEPTimeline-element-circle {
	z-index: 7;
	position: absolute;
	transition-duration: 0.5s;
	border-radius: var(--padding-0);
	background-color: var(--gris-claro);
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 230px;
	right: var(--padding-1);
	width: 25%;
	height: 6em;
	padding: var(--padding-0);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-circle {
    top: 19.5vw;
    right: 1vw;
    width: 6vw;
    height: 6vw;
    padding: 1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-circle {
    top: 44.5vw;
    right: 6vw;
    width: 20vw;
    height: 20vw;
    padding: 1vw;
  }
}
.AVJEPTimeline-element-circle-subtext {
  color: #6947B8;
  
  font-weight: var(--fuente-w-3);
  font-size: 16px;
  margin-left: auto;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-circle-subtext {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-circle-subtext {
    font-size: 4vw;
  }
}
.AVJEPTimeline-element-circle-text {
  color: var(--color-1);
  font-weight: var(--fuente-w-3);
  text-align: center;
	margin:0;
	padding:0;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-circle-text {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-circle-text {
    font-size: 5.5vw;
  }
}

.AVJEPTimeline-element-year {
  z-index: 7;
  position: absolute;
  color: #fff;
  font-weight: var(--fuente-w-3);
  top: 265px;
  right: 35%;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-year {
    top: 22.5vw;
    right: 9.8vw;
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-year {
    top: 53vw;
    right: 30vw;
    font-size: 5vw;
  }
}
.AVJEPTimeline-element-content {
  padding-top: 72px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-content {
    padding-top: 7vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-content {
    padding-top: 18vw;
  }
}
.AVJEPTimeline-element-content-title {
  font-weight: var(--fuente-w-3);
  font-size: var(--fuente-m);
  width: 100%;
  line-height: 1.1;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-content-title {
    font-size: 1.7vw;
    padding-bottom: 1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-content-title {
    font-size: 5vw;
    padding-bottom: 3vw;
  }
}
.AVJEPTimeline-element-content-text {
  color: #fff;
  line-height: 1.1;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-content-text {
    line-height: 1.2;
    font-size: 1.4vw;
    padding-bottom: 1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-content-text {
    font-size: 4vw;
    padding-bottom: 3vw;
  }
}
.AVJEPTimeline-element-cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.AVJEPTimeline-element-cta-category {
  width: 100%;
  color:var(--color-2);
  text-transform: uppercase;
  font-weight: var(--fuente-w-3);
  transition-duration: 0.5s;
  cursor: pointer;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-cta-category {
    margin-top: 0.8vw;
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-cta-category {
    margin-top: 2.5vw;
    font-size: 3.2vw;
  }
}
.AVJEPTimeline-element-cta-text {
  background-color: transparent;
  border: none;
  color: var(--color-2);
  width: 100%;
  text-align: right;
  font-weight: var(--fuente-w-2);
  transition-duration: 0.5s;
  cursor: pointer;
  border-bottom: solid transparent 1px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-cta-text {
    margin-top: 0.8vw;
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-cta-text {
    margin-top: 2.5vw;
    font-size: 3.5vw;
  }
}
.AVJEPTimeline-element-cta-text::after {
  content: "";
  transition-duration: 0.5s;
  display: inline-block;
  background: transparent url(./assets/arrowright_orange.svg) center no-repeat;
  background-size: contain;
  margin-left: 5px;
  width: 13px;
  height: 13px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-cta-text::after {
    margin-left: 0.5vw;
    width: 1.1vw;
    height: 1.1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-cta-text::after {
    margin-left: 1vw;
    width: 3vw;
    height: 3vw;
  }
}
.AVJEPTimeline-element-button {
  background-color: #FC8860;
  color: #062B44;
  
  font-weight: var(--fuente-w-3);
  text-transform: uppercase;
  width: max-content;
  transition-duration: 0.5s;
  box-shadow: #000 2px 2px 8px;
  margin-top: 10px;
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 10px;
  cursor: pointer;
}
.AVJEPTimeline-element-button:hover {
  background-color: #fff;
  box-shadow: #000 4px 4px 8px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-element-button {
    margin-top: 0.8vw;
    font-size: 1.4vw;
    padding: 0.5vw 1vw;
    border-radius: 0.8vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-element-button {
    margin-top: 2.5vw;
    font-size: 4vw;
    padding: 1.4vw 3vw;
    border-radius: 0.8vw;
  }
}
.AVJEPTimeline-element:hover .AVJEPTimeline-element-cta-text {
  border-bottom-color: #FC8860;
}
.AVJEPTimeline-line {
  z-index: 5;
  position: absolute;
  left: calc(-50vw + 590px);
  right: calc(-50vw + 590px);
  background-image: linear-gradient(20deg, #1A3A82, #6947B8);
  height: 30px;
  top: 265px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-line {
    height: 2.5vw;
    top: 22vw;
    left: -3vw;
    right: -3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-line {
    top: 52vw;
    height: 7.5vw;
    left: -3vw;
    right: -3vw;
  }
}
.AVJEPTimeline-control {
  z-index: 8;
  position: absolute;
  top: 0;
  left: calc(-50vw + 570px);
  right: calc(-50vw + 570px);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-control {
    left: -4vw;
    right: -4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-control {
    left: -4.5vw;
    right: -4.5vw;
  }
}
.AVJEPTimeline-control-button {
  position: absolute;
  border: none;
  border-radius: 50%;
  transition-duration: 0.5s;
  background-color: #444;
  padding: 15px;
  top: 250px;
  cursor: pointer;
}
.AVJEPTimeline-control-button:hover {
  filter: brightness(0.7);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-control-button {
    padding: 1.3vw;
    top: 20vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-control-button {
    padding: 4vw;
    top: 48vw;
  }
}
.AVJEPTimeline-control-button > img {
  object-fit: contain;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-control-button > img {
    width: 4vw;
    height: 4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-control-button > img {
    width: 7.5vw;
    height: 7.5vw;
  }
}
.AVJEPTimeline-control-button.left {
  left: 0;
  background-color: var(--color-3);
}
.AVJEPTimeline-control-button.right {
  right: 0;
  transform: rotate(180deg);
  background-color: var(--color-3);
}
.AVJEPTimeline-legends {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: var(--padding-1) auto;
  cursor: pointer;
  width: max-content;
  max-width: calc(100% - 100px);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-legends {
    margin: 1.8vw auto;
    box-shadow: #666 0.3vw 0.3vw 0.8vw;
    padding: 0.8vw 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-legends {
    margin: 3vw auto;
    padding: 1.5vw 5vw;
  }
}
.AVJEPTimeline-legends select {
	text-transform: uppercase;
	cursor: pointer;
	font-weight: var(--fuente-w-3);
	color: var(--positivo);
	transition-duration: 0.5s;
	border: none;
	text-align: center;
	font-size: var(--fuente-m);
	width: 100%;
	background-color:transparent;
}

.AVJEPTimeline-legends select option{
	color:var(--color-3);
}

.AVJEPTimeline-legends-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: none;
  background-color: transparent;
  cursor: pointer;
  width: 270px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-legends-element {
    width: 22.5vw;
  }
}
.AVJEPTimeline-legends-element-icon {
  width: 25px;
  transition-duration: 0.5s;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-legends-element-icon {
    width: 2vw;
  }
}
.AVJEPTimeline-legends-element:hover .AVJEPTimeline-legends-element-icon, .AVJEPTimeline-legends-element.selected .AVJEPTimeline-legends-element-icon {
  filter: brightness(0.7);
}
.AVJEPTimeline-legends-element-text {
  text-transform: uppercase;
  
  font-weight: var(--fuente-w-2);
  color: #6947B8;
  transition-duration: 0.5s;
  padding-left: 10px;
  font-size: 16px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPTimeline-legends-element-text {
    padding-left: 0.8vw;
    font-size: 1.4vw;
  }
}
.AVJEPTimeline-legends-element:hover .AVJEPTimeline-legends-element-text, .AVJEPTimeline-legends-element.selected .AVJEPTimeline-legends-element-text {
  text-decoration: underline;
}
.AVJEPTimeline-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6235294118);
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.AVJEPTimeline-modal.opened {
  display: flex;
}
.AVJEPTimeline-modal-container {
  width: 70%;
  max-height: 90vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: var(--positivo);
  padding:var(--padding-4);
}

.AVJEPTimeline-modal-close {
	float:right;
  cursor: pointer;
  border: none;
  background: transparent url("./assets/close_blue.svg") center no-repeat;
  background-size: contain;
  display: block;
  transition-duration: 0.5s;
  width: var(--padding-4);
  height: var(--padding-4);
  margin: calc(var(--padding-2) * -1.5) calc(var(--padding-2) * -1.5) 0 0;
}

.AVJEPTimeline-modal-close:hover {
  transform: scale(1.1);
}

.interna-modal-flex{
	display:flex;
	flex-direction:column;
}

.AVJEPTimeline-modal-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin:0;
  width: 100%;
}

.AVJEPTimeline-modal-title-circle {
  z-index: 7;
  position: absolute;
  background-color: var(--gris-claro);
  border-radius: var(--padding-0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  width: 20%;
  height: 130%;
  padding: var(--padding-0);
}

.AVJEPTimeline-modal-title-circle-subtext {
  color: #6947B8;
  font-weight: var(--fuente-w-2);
  font-size: 18px;
  text-align: center;
}

.AVJEPTimeline-modal-title-circle-text {
	color: var(--color-4);
	font-weight: var(--fuente-w-3);
	font-size: var(--fuente-m);
	text-align: center;
	margin:0;
}

.AVJEPTimeline-modal-title-text {
  width: 80%;
  text-align: left;
  color: var(--positivo);
  background-color: var(--color-4);
  border-radius: 0 var(--padding-0) var(--padding-0) 0;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  font-size: var(--fuente-l);
  padding: var(--padding-2);
  margin:0 0 0 20%;
}

.AVJEPTimeline-modal-content {
	display: flex;
	flex-direction: row;
	width: 100%;
	background: var(--color-1) url(./assets/bg.png) repeat-x top left;
	border-radius: var(--padding-0);
	padding: var(--padding-4);
	margin: var(--padding-3) 0 0;
}

.imagen-modal-caption{
	flex: 1 1 50%;
	margin: 0 var(--padding-3) var(--padding-2) 0;
	max-width:50%;
}

.imagen-modal-captio img{
	float:lef;
	margin: 0 0 var(--padding-1);
}

.texto-modal-open{
	flex: 50%;
}

.AVJEPTimeline-modal-content p {
	color: #fff;
}

.AVJEPTimeline-modal-content img {
  width: 100%;
  display: block;
  margin: 16px auto;
}

.AVJEPTimeline-modal-content p.author {
	font-size: var(--fuente-s);
	font-style: italic;
	overflow-wrap: break-word;
	word-wrap: break-word; /* Para compatibilidad con navegadores antiguos */
}

.AVJEPTimeline-modal-videos {
	background-color: #efefef;
	position: relative;
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	width: 100%;
	border-radius: var(--padding-0);
	padding: var(--padding-2);
	margin:var(--padding-2) 0;
}

.AVJEPTimeline-modal-videos-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.AVJEPTimeline-modal-videos-player {
  display: none;
  margin: var(--padding-2) auto;
}

.AVJEPTimeline-modal-videos-player.opened {
  display: block;
}
.AVJEPTimeline-modal-videos-player iframe {
  margin: 0 auto;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}

.AVJEPTimeline-modal-videos-container {
	max-width: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	margin:var(--padding-2) 0
}

.AVJEPTimeline-modal-videos-control {
  position: absolute;
  border: none;
  border: solid #1A3A82 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition-duration: 0.5s;
  bottom: 160px;
  width: 25px;
  height: 25px;
  border-radius: 50vw;
}

.AVJEPTimeline-modal-videos-control:hover {
  background-color: #1A3A82;
}
.AVJEPTimeline-modal-videos-control img {
  width: 80%;
}
.AVJEPTimeline-modal-videos-control:hover img {
  filter: brightness(50);
}
.AVJEPTimeline-modal-videos-control.mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-modal-videos-control.mobile {
    display: flex;
  }
  .AVJEPTimeline-modal-videos-control.desktop {
    display: none;
  }
}
.AVJEPTimeline-modal-videos-control.prev {
  left: 5px;
  transform: rotate(-90deg);
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-modal-videos-control.prev {
    left: 1vw;
  }
}
.AVJEPTimeline-modal-videos-control.next {
  right: 5px;
  transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
  .AVJEPTimeline-modal-videos-control.next {
    right: 1vw;
  }
}
.AVJEPTimeline-modal-videos-carrusel {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: max-content;
  transition-duration: 0.5s;
  gap: var(--padding-2);
}

.AVJEPTimeline-modal-videos-carrusel-element {
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  width: 245px;
}

.AVJEPTimeline-modal-videos-carrusel-element-thumbnail {
  display: block;
  transition-duration: 0.5s;
  filter: brightness(0.4);
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: var(--padding-0);
}

.AVJEPTimeline-modal-videos-carrusel-element:hover .AVJEPTimeline-modal-videos-carrusel-element-thumbnail {
  filter: brightness(0.6);
}

.AVJEPTimeline-modal-videos-carrusel-element-icon {
	position: absolute;
	z-index: 7;
	transition-duration: 0.5s;
	width: 25%;
	left: 40%;
	top: 20%;
}

.AVJEPTimeline-modal-videos-carrusel-element:hover .AVJEPTimeline-modal-videos-carrusel-element-icon {
  filter: brightness(1.1);
}
.AVJEPTimeline-modal-videos-carrusel-element-title {
  color: var(--color-1);
  text-transform: uppercase;
  font-weight: var(--fuente-w-3);
  text-align: left;
  font-size: var(--fuente-s);
  padding-top: var(--padding-1);
}

.AVJEPTimeline-modal-videos-carrusel-element:hover .AVJEPTimeline-modal-videos-carrusel-element-title {
  text-decoration: underline;
}

.AVJEPTimeline-modal-documents {
	margin: var(--padding-2) 0;
	border: solid var(--color-1) 3px;
	border-radius: var(--padding-0);
	width: 100%;
	padding:var(--padding-2);
}

.AVJEPTimeline-modal-documents-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.AVJEPTimeline-modal-documents-title-icon, .AVJEPTimeline-modal-videos-title-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--gris-claro);
  width: 60px;
  height: 60px;
  padding: var(--padding-0);
  border-radius: 50%;
  border: solid 4px var(--color-3);
}

.AVJEPTimeline-modal-documents-title-icon img, .AVJEPTimeline-modal-videos-title-icon img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.AVJEPTimeline-modal-documents-title-text, .AVJEPTimeline-modal-videos-title-text  {
  color: var(--color-1);
  font-size: var(--fuente-l);
  padding: var(--padding-1) var(--padding-1) var(--padding-1) 80px;
  margin-left: var(--padding-1);
  border-radius: var(--padding-0);
  box-shadow:3px 3px 3px rgba(0,0,0,0.3);
}

.AVJEPTimeline-modal-documents-container {
  padding: var(--padding-2) 0 0;
}

.AVJEPTimeline-modal-documents-element {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.AVJEPTimeline-modal-documents-element-icon {
  width: 20%;
}

.AVJEPTimeline-modal-documents-element-icon-image {
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 0 auto;
	background-color: var(--color-3);
	border-radius: 50%;
	padding: var(--padding-1);
	width: 30%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.AVJEPTimeline-modal-documents-element-icon-image > img {
  filter: brightness(5);
  height: 100%;
}
.AVJEPTimeline-modal-documents-element-icon-text {
  color: var(--color-1);
  text-align: center;
  text-transform: uppercase;
  font-weight: var(--fuente-w-3);
  padding-top: var(--padding-1);
  font-size: var(--fuente-s);
}

.AVJEPTimeline-modal-documents-element-title {
  color: var(--color-1);
  line-height: 1.2;
  border-top: solid #aaa 1px;
  width: 80%;
  font-size: var(--fuente-m);
  padding:var(--padding-1) 0;
	margin:0;
}

.AVJEPTimeline-modal-documents-element:nth-last-of-type(1) .AVJEPTimeline-modal-documents-element-title {
  border-bottom: solid #aaa 1px;
}

.AVJEPCases {
  width: 100%;
  margin:0;
	background-color:var(--color-1);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases {
    width: 90vw;
  }
}

.AVJEPCases-cover {
  transition-duration: 0.5s;
  overflow: hidden;
  max-height: 0;
}
.AVJEPCases-cover.opened {
  max-height: 200vh;
}
.AVJEPCases-cover-image {
  position: relative;
}
.AVJEPCases-cover-image-img {
  width: 100%;
	height:70vh;
	object-fit:cover;
}
.AVJEPCases-cover-image-info {
  width: 40%;
  position: absolute;
  bottom: 25%;
  left: 5%;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-cover-image-info {
    width: 51vw;
    left: 3vw;
    bottom: 2vw;
  }
}

.AVJEPCases-cover-image-info h2 {
  color: #fff;
}

.AVJEPCases-cover-image-info p {
  font-weight: var(--fuente-w-2);
  color: #fff;
  font-size: var(--fuente-m);
  padding-bottom: var(--padding-2);
  line-height: 1.1;
}

.AVJEPCases-navigation {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
	gap:10%;
}

.AVJEPCases-navigation-open {
  border: none;
  cursor: pointer;
  transition-duration: 0.2s;
  margin: var(--padding-2) var(--padding-1);
  width:30%;
}
.AVJEPCases-navigation-open.opened {
  transform: translateY(-50vh);
}
@media screen and (max-width: 600px) {
  .AVJEPCases-navigation-open.opened {
    display: none;
  }
}

.AVJEPCases-navigation-open:hover {
  box-shadow: #444 6px 6px 8px, #444 -3px -3px 8px;
}
.AVJEPCases-navigation-open::after {
  content: "";
  transition-duration: 0.2s;
  display: inline-block;
  background: transparent url(./assets/downarrow_blue.svg) center no-repeat;
  background-size: contain;
  margin-left: 5px;
  width: 13px;
  height: 13px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-navigation-open::after {
    width: 1.2vw;
    height: 1.2vw;
  }
}
.AVJEPCases-navigation-close {
  display: block;
  margin: 0 auto;
  background-color: transparent;
  cursor: pointer;
  border: none;
  position: absolute;
  transition-duration: 0.5s;
  left: calc(50% - 15px);
  top: 40%;
  padding-bottom: 20px;
  width: 30px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-navigation-close {
    width: 2.5vw;
    left: calc(50% - 1.75vw);
    padding-bottom: 1.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-navigation-close {
    position: static;
    margin: 0 5vw;
    padding-bottom: 0;
  }
}
.AVJEPCases-navigation-close.opened {
  transform: translateY(-50vh);
}
@media screen and (max-width: 600px) {
  .AVJEPCases-navigation-close.opened {
    display: none;
  }
}
.AVJEPCases-navigation-close:hover {
  transform: scale(1.15);
}
.AVJEPCases-navigation-close img {
  width: 100%;
  transform: rotate(180deg);
}
.AVJEPCases-mosaic {
  transition-duration: 0.5s;
  overflow: hidden;
  max-height: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--gris-oscuro);
  width: 100%;
  box-sizing: border-box;
  padding: 0 35px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-mosaic {
    padding: 0 3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-mosaic {
    padding: 0 2vw;
  }
}
.AVJEPCases-mosaic.opened {
  padding: 30px 35px 15px;
  max-height: 500vh;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-mosaic.opened {
    padding: 2.5vw 3vw 1.1vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-mosaic.opened {
    padding: 2vw;
  }
}
.AVJEPCases-mosaic-element {
  background-color: #efefef;
  box-shadow: #aaa 3px 3px 15px, #aaa -3px -3px 15px;
  width: 17%;
	margin:1% 1%;
  border: solid 5px #1A3A82;
  border-radius: 24px;
  padding: 25px 15px 20px;
  margin-bottom: 35px;
}

.AVJEPCases-mosaic-element-title {
  
  font-weight: var(--fuente-w-3);
  text-transform: uppercase;
  color: #1A3A82;
  text-align: center;
  font-size: 22px;
  padding-bottom: 6px;
}

.AVJEPCases-mosaic-element-subtitle {
  font-weight: var(--fuente-w-2);
  text-transform: uppercase;
  color: #1A3A82;
  text-align: center;
  font-size: 16px;
  padding-bottom: 10px;
  min-height: 32px;
}

.AVJEPCases-mosaic-element-image {
  display: block;
  object-fit: cover;
  margin: 10px auto;
  width: 100%;
  aspect-ratio: 1/1;
}
.AVJEPCases-mosaic-element-button {
  display: block;
  background-color: #1A3A82;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: max-content;
  margin: 0 auto;
  transition-duration: 0.5s;
  box-shadow: #666 3px 3px 3px;
	border-radius:var(--padding-0);
  padding:var(--padding-1);
}

.AVJEPCases-mosaic-element-button:hover {
  box-shadow: #222 4px 4px 10px;
}
.AVJEPCases-mosaic-element.active {
  border-color: #FC8860;
}
.AVJEPCases-mosaic-element.active .AVJEPCases-mosaic-element-button {
  background-color: #FC8860;
  color: #062B44;
}
.AVJEPCases-info {
  transition-duration: 0.5s;
  overflow: hidden;
  max-height: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #D9D9D9;
  width: 100%;
  box-sizing: border-box;
  padding: 0 35px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-info {
    padding: 0 3vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-info {
    padding: 0 4vw;
  }
}
.AVJEPCases-info.opened {
  padding: 30px 35px 10px;
  max-height: 400vh;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-info.opened {
    padding: 2.5vw 3vw 1.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-info.opened {
    padding: 4vw;
  }
}
.AVJEPCases-info p {
  
  font-weight: var(--fuente-w-2);
  color: #062B44;
  font-size: 18px;
  padding-bottom: 16px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-info p {
    font-size: 2vw;
    padding-bottom: 1.4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-info p {
    font-size: 4vw;
    padding-bottom: 4vw;
  }
}
.AVJEPCases-info img {
  width: 100%;
  display: block;
  margin: 24px auto;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-info img {
    margin: 2vw auto;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-info img {
    margin: 4vw auto;
  }
}
.AVJEPCases-info a {
  background-color: #6947B8;
  text-transform: uppercase;
  
  font-weight: var(--fuente-w-2);
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 50vw;
  transition-duration: 0.5s;
  box-shadow: #444 5px 5px 8px;
  width: 200px;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 30px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCases-info a {
    box-shadow: #444 0.5vw 0.5vw 0.8vw;
    width: 18vw;
    font-size: 1.3vw;
    padding: 0.8vw 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCases-info a {
    display: block;
    box-shadow: #444 1vw 1vw 2vw;
    width: 60vw;
    margin: 5vw auto;
    font-size: 4vw;
    padding: 2.5vw 2.5vw;
  }
}
.AVJEPCases-info a:hover {
  box-shadow: #666 5px 5px 8px, #666 -3px -3px 8px;
}

.home .AVJEPIssues {
  background: var(--color-1) url(https://herramientaspedagogicas.jep.gov.co/archivos-vivos/wp-content/themes/archivos_vivos_2025/assets/cover_effect.png);
  padding: var(--padding-4);
  overflow: hidden;
  position: relative;
	background-size:cover;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues {
    padding: 6vw 5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssues {
    padding: 10vw 5vw 7vw;
  }
}
.AVJEPIssues::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: url(./assets/bg.png) repeat-x top left;
	z-index:0;
}
.AVJEPIssues-info {
	position:relative;
	z-index:1;
	padding-bottom: var(--padding-0);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-info {
    padding-bottom: 4vw;
  }
}

.AVJEPIssues-info-image{
	float:right;
	width:70%;
	margin: 0 0 0 var(--padding-4);
	max-height:60vh;
	object-fit:cover;
}

.AVJEPIssues-info-title {
	border-bottom:1px solid var(--color-2);
	padding-bottom:var(--padding-2);
	color:var(--positivo);
}


.AVJEPIssues-info-subtitle  {
	color:var(--positivo);
	font-size:var(--fuente-l);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-info-title span {
    font-size: 5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssues-info-title span {
    font-size: 8vw;
  }
}

.AVJEPIssues-info-text p {
  color: var(--positivo);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-info-text p {
    max-width: 70vw;
    font-size: 1.8vw;
    padding-bottom: 2vw;
  }
}

.home .AVJEPIssues-items{
	float:left;
	position: relative;
	background-color:transparent;
	padding:var(--padding-2) var(--padding-4) var(--padding-4);
	width:calc(100% + (var(--padding-4)*2));
	margin:0 0 0 calc(var(--padding-4)*-1);
}

.AVJEPIssues-items {
	float:left;
	position: relative;
	background-color:rgba(255,255,255, 0.3);
	padding:var(--padding-2);
	width:calc(100% + (var(--padding-2)*2));
	margin:0 0 0 calc(var(--padding-2)*-1);
}

.AVJEPIssues-items h3{
	font-size: var(--fuente-l);
	color: var(--color-3);
}

.home .AVJEPIssues-items h3{
	padding:0 0 var(--padding-1);
	color:var(--positivo);
	border-bottom:1px solid;
	font-size:var(--fuente-xl)
}

.home .AVJEPIssues-items-element-icon{
	
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-items {
    padding-bottom: 8vw;
  }
}

.AVJEPIssues-items-carrusel {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  transition-duration: 0.5s;
	gap:2%;
}

.home .AVJEPIssues-items-element{
	width:20%;
	background-color:var(--color-3);
	margin:var(--padding-2) 0;
	padding: var(--padding-1);
	box-shadow:3px 3px 3px rgba(0,0,0,0.3);
	border-radius: var(--padding-1);
}

.home .AVJEPIssues-items-element-info-title{
	color:var(--positivo);
}

.AVJEPIssues-items-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  padding: var(--padding-1) 0;
  width: 100%;
}

.single .AVJEPIssues-items-element{
	background-color:var(--color-3);
	padding:0 var(--padding-1);
	z-index:3;
	margin:0 0 0 calc(var(--padding-2)*-1);
	border-radius: 0 var(--padding-0) var(--padding-0) 0;
	width: calc(100% + var(--positivo));
	min-height: 5em;
}

.single .AVJEPIssues-items-element.current-activo{
	background-color:var(--color-1);
}

.single .AVJEPIssues-items-element.current-activo::before {
  content: "";
  display: inline-block;
  margin:0 var(--padding-0) 0 -3.3em;
  width: 0;
  height: 0;
  border-top: 2.5em solid transparent;
  border-bottom:2.5em solid transparent;
  border-right: 2.5em solid var(--color-1);
}


.home .AVJEPIssues-items-element {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  padding: var(--padding-1) 0;
  width: 100%;
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-items-element {
    width: 36vw;
    padding: 2.5vw 3vw;
  }
}

.AVJEPIssues-items-element-icon {
  width: 18%;
  height: auto;
  object-fit: contain;
}

.home .AVJEPIssues-items-element-icon {
  width: 50%;
  height: auto;
  object-fit: contain;
}

.AVJEPIssues-items-element-icon{
	background-color:var(--positivo);
	aspect-ratio:1 / 1;
	border-radius:50%;
	padding:var(--padding-1);
	margin:0 0 var(--padding-1) 0;
}

.single .AVJEPIssues-items-element-icon{
	margin:0;
	padding:var(--padding-0);
}

.AVJEPIssues-items-element-info {
	width: 100%;
	text-align:left;
	padding:0 0 0 var(--padding-2);
}

.home .AVJEPIssues-items-element-info {
	text-align:center;
	padding:0;
}

.AVJEPIssues-items-element-info h3{
	font-size:var(--fuente-n) !important;
	margin:0;
	color:var(--positivo);
}

.home .AVJEPIssues-items-element-info h3{
	margin:var(--padding-0);
	border:none;
}

#JEPUnTribunal .AVJEPIssues-items-controls{
	display:none;
}


.AVJEPIssues-items-element-info-title {
	font-size: var(--fuente-m);
}

.AVJEPIssues-items-element-info-button {
  background-color: #fff;
  text-align: center;
  color: #1A3A82;
  text-transform: uppercase;
  font-weight: var(--fuente-w-2);
  border-radius: 50vw;
  display: block;
  width: max-content;
  transition-duration: 0.5s;
  box-shadow: #333 3px 3px 8px;
  margin: 0 auto;
  padding: 12px 20px;
  font-size: 16px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssues-items-element-info-button {
    padding: 1vw 2vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssues-items-element-info-button {
    padding: 2vw 4vw;
    font-size: 3.5vw;
  }
}
.AVJEPIssues-items-element:hover {
	opacity:0.6;
	border-bottom: 1px solid var(--color-1);
}
.AVJEPIssues-items-element:hover .AVJEPIssues-items-element-info-button {
  background-color: #1A3A82;
  color: #fff;
}
.AVJEPIssues-items-controls {
  position: absolute;
  bottom: 0;
  width: 200px;
  left: calc(50% - 100px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.AVJEPIssues-items-controls-button {
  display: block;
  background-color: transparent;
  border-radius: 50vw;
  cursor: pointer;
  transition-duration: 1s;
  border: solid 6px #FC8860;
  width: 50px;
  height: 50px;
  padding: 5px 5px 5px 2px;
}

.AVJEPIssues-items-controls-button:hover {
  filter: brightness(3);
}
.AVJEPIssues-items-controls-button > img {
  height: 100%;
}
.AVJEPIssues-items-controls-button.right {
  transform: rotate(180deg);
}

.AVJEPDocuments {
	padding: var(--padding-3) 10%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.AVJEPDocuments-info {
  width: 100%;
}

.AVJEPDocuments-info-title {
  color: var(--color-1);
}

.AVJEPDocuments-info-text p{
	font-size:var(--fuente-m);
	margin:0 0 var(--padding-2);
}

.AVJEPDocuments-info-button {
}

.AVJEPDocuments-info-button:hover {
  background-color: #1A3A82;
  color: #fff;
}
.AVJEPDocuments-illustration {
  object-fit: contain;
  width: 450px;
  height: 450px;
  margin-right: 50px;
}

.AVJEPGlossary {
  width: 100%;
  padding: calc(var(--padding-4)*2) calc(50% - 500px) calc(var(--padding-4)*4) 50vw;
  background: transparent center no-repeat;
  background-image: linear-gradient(90deg, transparent, rgba(26, 58, 130, 0.8784313725)), var(--bgimage);
  background-size: cover;
}


.AVJEPGlossary-title {
  text-align: right;
}

.AVJEPGlossary-title h2{
	color:var(--positivo);
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPGlossary-title {
    font-size: 5vw;
    padding-bottom: 2.5vw;
  }
}

.AVJEPGlossary-text {
  color: #fff;
  text-align: right;
}

.AVJEPGlossary-text p{
	font-size:var(--fuente-m);
	margin:0 0 var(--padding-2);
}

.AVJEPGlossary-button {
	float:right
}


.AVJEPGlossary-button:hover {
  background-color: #1A3A82;
  color: #fff;
}

/*----------------FOOTER-----------------*/
#footer {
  height: auto;
  width: 100%;
  background-color: #0e1d33 !important;
  color: #fff !important;
  font-family: "Roboto", sans-serif !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  padding: 34px 0;
}

#footer a,
#footer a:visited {
  color: #606060;
}

.container {
  color: #ffffff;
  width: 100% !important;
  padding: 0 !important;
}

.row {
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.col-md-2,
.col-sm-2,
.col-xs-2 {
  padding-right: 0 !important;
  position: inherit !important;
}

.col-md-3 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 1100px) {
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.menu-footer {
  background-color: #f8f8f8;
  padding: 50px 110px 10px 110px !important;
  color: #606060;
  display: flex;
  justify-content: space-between;
}

.menu-footer h6 {
  text-transform: uppercase;
  font-weight: bolder;
  color: #06223b;
  margin-top: 0;
  letter-spacing: 0.7px;
  font-size: 10px;
  margin-bottom: 5px;
}

.menu-footer ul {
  list-style: none;
  padding-left: 1em;
  font-size: 11px;
}

.menu-footer ul li::before {
  content: "•";
  color: #a3b723;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.related-entities {
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
}

.entities-text {
  padding-top: 10px;
  width: 100%;
  max-width: 1200px;
  border-top: 1px #d3d2d2 solid;
  margin: 0 auto;
  font-size: 12px;
  font-weight: var(--fuente-w-2);
  color: #8d8b8b;
}

.logoentities {
  display: inline-flex;
  margin-top: 5px;
}

.logo-comision,
.logo-unidad {
  padding: 0 15px 0 15px;
  width: 200px;
}

.logo-comision {
  border-right: 2px #d3d2d2 solid;
  text-align: right;
}

.footer-info {
  padding-bottom: 34px;
  text-align: center;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between;
}

.footer-info h6 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  text-align: left;
  font-size: 14px;
  padding: 9px 0;
  font-weight: var(--fuente-w-3);
  font-family: sans-serif !important;
}

.footer-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  color: rgba(255, 255, 255, 0.75);
}

.footer-info li {
	margin: var(--padding-0) 0;
	font-size: var(--fuente-s);
	line-height: 1em;
  color: var(--positivo);
}

.footer-info li:last-child {
  margin-bottom: 0;
}

.footer-info a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
}

.titlefoot,
.titlefoot a {
  font-weight: var(--fuente-w-3);
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: sans-serif;
}

.logo-footer {
  width: 300px;
  margin: 34px auto;
}

.redesfooter {
  display: flex;
  margin: 10px 0 0 0;
}

.redesfooter a {
  margin: 0px 9px 0px 0px;
  display: inline-block;
}

.footer-text {
  text-align: center;
  color: rgba(255, 255, 255, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding: 9px 0;
  font-size: 11.6px;
}

.whitefooter {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
}

.entidades {
  text-align: center;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 200px) and (max-width: 840px) {
  .footer-info ul {
    margin-bottom: 34px;
  }
  .footer-info li {
    margin: 9px 0;
  }
  .entidades img {
    width: 80%;
    margin: 16px auto;
  }
  .footer-info {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 376px) and (max-width: 768px) {
  #footer {
    max-width: 768px;
  }
}
@media screen and (max-width: 375px) {
  #footer {
    padding: 50% 0 !important;
    max-width: 375px;
  }
}
.AVJEPCase-header {
  padding: 0 0 40px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-header {
    padding: 0 0 3.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-header {
    padding: 0 0 10vw;
  }
}
.AVJEPCase-header-image {
  object-fit: cover;
  display: block;
  width: 100vw;
  height: 450px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-header-image {
    height: 35vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-header-image {
    height: 45vw;
  }
}
.AVJEPCase-header-title {
  
  color: #FC8860;
  font-weight: var(--fuente-w-3);
  text-align: center;
  margin: 0 auto;
  width: 800px;
  font-size: 60px;
  padding: 20px 0 10px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-header-title {
    width: 70vw;
    font-size: 5vw;
    padding: 1.5vw 0 0.9vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-header-title {
    width: 70vw;
    font-size: 10vw;
    padding: 10vw 0 3vw;
  }
}
.AVJEPCase-header-subtitle {
  
  color: #062B44;
  font-weight: var(--fuente-w-3);
  text-align: center;
  margin: 0 auto;
  width: 800px;
  font-size: 35px;
  padding-bottom: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-header-subtitle {
    width: 70vw;
    font-size: 3vw;
    padding-bottom: 0.9vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-header-subtitle {
    width: 70vw;
    font-size: 7vw;
    padding-bottom: 3vw;
  }
}
.AVJEPCase-header-description {
  
  color: #062B44;
  text-align: center;
  font-weight: var(--fuente-w-2);
  margin: 0 auto;
  line-height: 1.3;
  width: 800px;
  font-size: 25px;
  padding-bottom: 24px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-header-description {
    width: 70vw;
    font-size: 2vw;
    padding-bottom: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-header-description {
    width: 80vw;
    font-size: 4vw;
    padding-bottom: 6vw;
  }
}
.AVJEPCase-content {
	margin: var(--padding-3) auto;
	width:100%;
	padding:var(--padding-3);
	max-width:60%;
}

.AVJEPCase-content p {
}

.AVJEPCase-content p span {
  color: #2B1FC3;
}

.AVJEPCase-content img {
	display: block;
	max-width: 100%;
	width:100%;
	margin: var(--padding-2) 0;
}

.AVJEPCase-content img.right {
  float: right;
  margin-left: 50px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content img.right {
    margin-left: 4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content img.right {
    float: none;
    margin-left: auto;
  }
}
.AVJEPCase-content img.left {
  float: left;
  margin-right: 50px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content img.left {
    margin-right: 4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content img.left {
    float: none;
    margin-right: auto;
  }
}
.AVJEPCase-content img.i1 {
  width: 30%;
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content img.i1 {
    width: auto;
  }
}
.AVJEPCase-content img.i2 {
  width: 60%;
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content img.i2 {
    width: auto;
  }
}
.AVJEPCase-content figcaption {
  font-size: var(--fuente-s);
  padding-bottom: var(--padding-2);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content figcaption {
    width: 100%;
    font-size: 1.4vw;
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content figcaption {
    width: 100%;
    font-size: 3.5vw;
    padding-bottom: 7vw;
  }
}
.AVJEPCase-content ul {
  padding: 30px 100px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content ul {
    padding: 2.5vw 9vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content ul {
    padding: 7vw 0 10vw 8vw;
  }
}
.AVJEPCase-content ul li {
  position: relative;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content ul li {
    font-size: 1.6vw;
    padding-bottom: 1.4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content ul li {
    font-size: 4vw;
    padding-bottom: 7vw;
  }
}
.AVJEPCase-content ul li::before {
  content: "";
  background-color: #FC8860;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -20px;
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPCase-content ul li::before {
    top: 0.5vw;
    left: -1.8vw;
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPCase-content ul li::before {
    top: 1.5vw;
    left: -5vw;
    width: 2.5vw;
    height: 2.5vw;
  }
}
.AVJEPCase-content-button {
	background-color: var(--color-3);
	text-transform: uppercase;
	font-weight: var(--fuente-w-3);
	color: #fff;
	display: block;
	text-align: center;
	border-radius: var(--padding-1);
	transition-duration: 0.5s;
	box-shadow: #444 3px 3px 5px;
	width: 100%;
	font-size: var(--fuente-n);
	padding: var(--padding-2);
}

.AVJEPCase-content-button:hover {
  box-shadow: #666 5px 5px 8px, #666 -3px -3px 8px;
}

#primary.perfil{
	display:flex;
	flex-direction:row;
}

.content-left{
	width:var(--contenido);
	overflow:hidden;
}

#primary.perfil .AVJEPIssues{
	width:var(--lateral-1);
	padding: var(--padding-2);
	background-color:var(--gris-claro);
	box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}

#primary.perfil .AVJEPIssues .AVJEPIssues-items-carrusel{
	flex-direction:column;
	width:100%;
	gap:var(--padding-2);
}

#primary.perfil .AVJEPIssues .AVJEPIssues-items-controls{
	display:none;
}

.AVJEPIssue-header {
  padding: var(--padding-3) 0 var(--padding-1);
	position:relative;
}

.perfil .AVJEPIssue-header {
  padding: 0 0 var(--padding-1);
}

.AVJEPIssue-header-image {
	object-fit: cover;
	display: block;
	width: 100%;
	height: 60vh;
	position: relative;
	z-index: 1;
}

.AVJEPIssue-cont-header{
	position:relative;
	z-index:3;
}

.AVJEPIssue-header-icon {
  display: block;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -16% auto 30px;
  width: 25%;
  padding: var(--padding-2);
	aspect-ratio:1 / 1;
}

.AVJEPIssue-header-icon > img {
  width: 80%;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.AVJEPIssue-header-title {
	color: var(--color-2);
	font-weight: var(--fuente-w-3);
	text-align: center;
	font-size: var(--fuente-xxl);
	padding: var(--padding-1) 0;
	background-color:var(--positivo);
	margin:0 auto;
	max-width: 60%;
	text-align: center;
	padding: var(--padding-2) var(--padding-4) 0;
}

.perfil .AVJEPIssue-header-title {
	margin:-6vw auto var(--padding-1);
}

.pagina-simple{
	padding: var(--padding-4);
	max-width: 60%;
	margin: 0 auto;
}

.AVJEPIssue-header-description {
  margin: 0 auto;
  max-width: 800px;
}

.AVJEPIssue-header-description p {
	text-align:center;
	color:var(--negativo);
	font-weight: var(--fuente-w-2);
	line-height: 1.3;
	font-size: var(--fuente-m);
}

.AVJEPIssue-header-description img {
  max-width: 100%;
  margin: 24px auto;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssue-header-description img {
    margin: 2vw auto;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-header-description img {
    margin: 4vw auto;
  }
}
.AVJEPIssue-buttons {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: inherit;
  justify-content: center;
  padding: var(--padding-4) 0;
  width: 90%;
  gap: 20px;
}

.AVJEPIssue-buttons-element {
	cursor: pointer;
	border: none;
	text-align: center;
	color: var(--color-1);
	transition-duration: 0.5s;
	font-size:var(--fuente-n);
	flex:1;
	padding: var(--padding-1);
	max-width: 30%;
}

.AVJEPIssue-buttons-element.opened {
  background-color: var(--color-1);
  color: #fff;
}
.AVJEPIssue-buttons-element:not(.opened):hover {
  background-color: rgba(202, 199, 199, 0.5058823529);
}
.AVJEPIssue-container {
  margin: 0 auto;
  border-top: solid #aaa 1px;
  width: 100%;
  padding: var(--padding-4);
}

.AVJEPIssue-mosaic {
  margin: 0 auto;
  overflow: hidden;
  transform-origin: top left;
  max-height: 0;
  width: 100%;
}

.AVJEPIssue-mosaic.opened {
  transition-duration: 2s;
  padding-bottom: 40px;
  max-height: 1000vh;
}

.AVJEPIssue-mosaic-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--padding-1);
}

.AVJEPIssue-mosaic-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  background-color: var(--gris-claro);
  transition-duration: 0.5s;
  width: 32%;
  border: solid var(--color-1) 2px;
}

.AVJEPIssue-mosaic-item:hover {
  border-color: #FC8860;
}
.AVJEPIssue-mosaic-item-icon {
  position: absolute;
  z-index: 7;
  transition-duration: 0.5s;
  width: 25%;
  left: 40%;
  top: 15%;
}

.AVJEPIssue-mosaic-item:hover .AVJEPIssue-mosaic-item-icon {
  filter: brightness(1.1);
}
.AVJEPIssue-mosaic-item-image {
  display: block;
  transition-duration: 0.5s;
  filter: brightness(0.4);
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
}

.AVJEPIssue-mosaic-item:hover .AVJEPIssue-mosaic-item-image {
  filter: brightness(0.6);
}
.AVJEPIssue-mosaic-item-title {
  color: var(--color-1);
  font-weight: var(--fuente-w-2);
  margin: 0 auto;
  line-height: 1.2;
  min-height: var(--padding-4);
  font-size: var(--fuente-m);
  padding: var(--padding-2);
}

.AVJEPIssue-mosaic-item-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0;
  border-top: solid #2B1FC3 1px;
}

.AVJEPIssue-mosaic-item-info-text {
  color: #2B1FC3;
  font-weight: var(--fuente-w-2);
  font-size: var(--fuente-s);
}

.AVJEPIssue-paginador {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: max-content;
  align-items: center;
  margin: 0 auto;
  padding: 40px 0 20px;
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-paginador {
    padding: 5vw 0;
  }
}
.AVJEPIssue-paginador-arrow {
  background: transparent url("./assets/leftarrow_orange.svg") center no-repeat;
  background-size: contain;
  transition-duration: 0.5s;
  margin: 0 var(--fuente1);
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssue-paginador-arrow {
    margin: 0 var(--fuente3_tablet);
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-paginador-arrow {
    margin: 0 var(--fuente3_mobile);
    width: 5vw;
    height: 5vw;
  }
}
.AVJEPIssue-paginador-arrow:hover {
  filter: invert(0.5);
}
.AVJEPIssue-paginador-arrow.next {
  transform: rotate(180deg);
}
.AVJEPIssue-paginador-text {
  color: #000;
  font-weight: var(--fuente-w-2);
  font-size: 22px;
  padding: 0 15px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssue-paginador-text {
    font-size: var(--fuente1_tablet);
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-paginador-text {
    font-size: var(--fuente1_mobile);
  }
}
.AVJEPIssue-button {
  background-color: #2B1FC3;
  text-align: center;
  
  color: #fff;
  text-transform: uppercase;
  font-weight: var(--fuente-w-2);
  border-radius: 50vw;
  display: block;
  width: max-content;
  transition-duration: 0.5s;
  box-shadow: #333 3px 3px 8px;
  font-size: 18px;
  margin: 30px auto;
  padding: 12px 20px;
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-button {
    font-size: 4.5vw;
    margin: 10vw auto;
    padding: 3vw 5vw;
  }
}
.AVJEPIssue-button:hover {
  background-color: #1A3A82;
  color: #fff;
}
.AVJEPIssue-videoModal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6235294118);
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.AVJEPIssue-videoModal.opened {
  display: flex;
}
.AVJEPIssue-videoModal-container {
  width: 80%;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.AVJEPIssue-videoModal-subcontainer {
  background: var(--color-4) url(./assets/bg.png) repeat-x top left;
  box-shadow: #333 3px 3px 8px, #333 -3px -3px 8px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: var(--padding-4);
}

.AVJEPIssue-videoModal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  border: none;
  background: transparent url("./assets/close_white.svg") center no-repeat;
  background-size: contain;
  display: block;
  transition-duration: 0.5s;
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssue-videoModal-close {
    top: 1vw;
    right: 1vw;
    width: 3.5vw;
    height: 3.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-videoModal-close {
    top: 2.5vw;
    right: 2.5vw;
    width: 9vw;
    height: 9vw;
  }
}
.AVJEPIssue-videoModal-close:hover {
  transform: scale(1.1);
}
.AVJEPIssue-videoModal-title {
  color: var(--color-2);
  font-weight: var(--fuente-w-2);
  font-size: var(--fuente-l);
  width: 100%;
  padding-bottom: var(--padding-2);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPIssue-videoModal-title {
    font-size: 3vw;
    width: 90%;
    padding-bottom: 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPIssue-videoModal-title {
    font-size: 5vw;
    width: 100%;
    padding: 5vw 0;
    font-weight: var(--fuente-w-2);
  }
}
.AVJEPIssue-videoModal-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 4%;
}

.AVJEPIssue-videoModal-info-video {
  width:70%;
}

.AVJEPIssue-videoModal-info-video > iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.AVJEPIssue-info-modal-video{
	width:26%;
}

.AVJEPIssue-videoModal-info-text {
  width: 100%;
  color: var(--positivo);
  font-weight: var(--fuente-w-2);
  font-size: var(--fuente-n);
  padding-bottom: var(--padding-1);
	margin-bottom: var(--padding-1);
	border-bottom:1px solid var(--positivo);
  line-height: 1.2;
}

.AVJEPIssue-videoModal-links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding:var(--padding-1) 0;
}

.AVJEPIssue-videoModal-links-data-text {
  color: #fff;
  font-weight: var(--fuente-w-2);
  
  font-size: 18px;
  padding-bottom: 5px;
  line-height: 1.3;
}

.AVJEPIssue-videoModal-links-buttons {
  width: 100%;
}

.AVJEPIssue-videoModal-links-buttons-element {
  display: block;
  background-color: var(--positivo);
  border: solid 1px transparent;
  text-align: center;
  color: var(--color-1);
  text-transform: uppercase;
  font-weight: var(--fuente-w-3);
  transition-duration: 0.5s;
  padding: var(--padding-1) var(--padding-0);
  margin: var(--padding-1) 0 0;
  font-size: var(--fuente-s);
}

.AVJEPIssue-videoModal-links-buttons-element:hover {
  background-color: #1A3A82;
  color: #fff;
  border-color: #fff;
}

.documentos-wrapper{
	max-width:60%;
	padding:var(--padding-4) var(--padding-3);
	margin: 0 auto;
}

.AVJEPDocument-title {
  width:100%;
}

.AVJEPDocument-description {
  width:100%;
}

.AVJEPDocument-content {
  position: relative;
  border-radius: var(--padding-1);
  background-color: var(--gris-claro);
  padding: var(--padding-4) var(--padding-3) var(--padding-1);
  width:100%;
}

.AVJEPDocument-content form {
  display: block;
  width: max-content;
  height: max-content;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-content form {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-content form {
    margin-bottom: 7vw;
  }
}
.AVJEPDocument-content-input {
  border: solid #2B1FC3 2px;
  background-color: transparent;
  
  color: #062B44;
  font-size: 16px;
  font-weight: var(--fuente-w-2);
  position: relative;
  width: 500px;
  padding: 12px 20px;
  border-radius: 8px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-content-input {
    width: 60vw;
    padding: 1vw 1.7vw;
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-content-input {
    width: 70vw;
    padding: 3vw 5vw;
  }
}
.AVJEPDocument-content-input-button {
  position: absolute;
  background: transparent url("./assets/search_icon.png") center no-repeat;
  background-size: cover;
  border: none;
  width: 18px;
  height: 18px;
  right: 10px;
  top: calc(50% - 10px);
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-content-input-button {
    width: 1.6vw;
    height: 1.6vw;
    right: 0.9vw;
    top: calc(50% - 0.9vw);
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-content-input-button {
    width: 4vw;
    height: 4vw;
    right: 3vw;
    top: calc(50% - 2vw);
  }
}
.AVJEPDocument-element {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.AVJEPDocument-element-icon {
  width: 150px;
}

.AVJEPDocument-element-icon-image {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0 auto;
  background-color: var(--color-1);
  border-radius: 50%;
  object-fit: contain;
  padding: 15px;
  width: 50px;
  height: 50px;
}

.AVJEPDocument-element-icon-image > img {
  filter: brightness(5);
  height: 100%;
}
.AVJEPDocument-element-icon-text {
  color: var(--color-1);
  text-align: center;
  text-transform: uppercase;
  font-weight: var(--fuente-w-3);
  font-size: var(--fuente-n);
  padding-top: var(--padding-1);
}

.AVJEPDocument-element-title {
  color: var(--negativo);
  font-weight: var(--fuente-w-2);
  line-height: 1.2;
  border-top: solid #aaa 1px;
  width: 100%;
  font-size: var(--fuente-n);
  padding: var(--padding-2) var(--padding-2) var(--padding-2) 0;
}

.AVJEPDocument-element:nth-last-of-type(1) .AVJEPDocument-element-title {
  border-bottom: solid #aaa 1px;
}
.AVJEPDocument-paginador {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: max-content;
  align-items: center;
  margin: 0 auto;
  padding: 150px 0;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-paginador {
    padding: 15vw 0;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-paginador {
    padding: 5vw 0;
  }
}
.AVJEPDocument-paginador-arrow {
  background: transparent url("./assets/leftarrow_orange.svg") center no-repeat;
  background-size: contain;
  transition-duration: 0.5s;
  margin: 0 20px;
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-paginador-arrow {
    margin: 0 1.8vw;
    width: 1.4vw;
    height: 1.4vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-paginador-arrow {
    margin: 0 4vw;
    width: 5vw;
    height: 5vw;
  }
}
.AVJEPDocument-paginador-arrow:hover {
  filter: invert(0.5);
}
.AVJEPDocument-paginador-arrow.next {
  transform: rotate(180deg);
}
.AVJEPDocument-paginador-text {
  
  color: #000;
  font-weight: var(--fuente-w-2);
  font-size: 22px;
  padding: 0 15px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-paginador-text {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-paginador-text {
    font-size: 5vw;
  }
}
.AVJEPDocument-illustration {
  position: absolute;
  height: 380px;
  right: 10px;
  bottom: 10px;
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
  .AVJEPDocument-illustration {
    height: 32vw;
    right: 0.9vw;
    bottom: 0.9vw;
  }
}
@media screen and (max-width: 600px) {
  .AVJEPDocument-illustration {
    position: static;
    height: 60vw;
    display: block;
    margin: 0 auto;
  }
}

/* Estilos plugins */

.uagb-infobox__content-wrap.uagb-infobox__content-wrap{
	border-radius:var(--padding-1);
	background-color: var(--positivo);
	border:none;
	padding:var(--padding-1);
}

.iconos-inicio .uagb-ifb-image-content img{
	border-radius: 50%;
	border: 2px solid var(--color-1);
	padding: 0.2em;
	width: 40%;
}

.wp-block-image .alignright{
	margin:0 0 var(--padding-2) var(--padding-2);
}

.wp-block-button__link{
	border-radius:var(--padding-1);
	padding:var(--padding-2);
	background-color:var(--color-3);
	margin:var(--padding-1) 0;
}

.wp-block-button__link:hover{
	opacity:0.8;
}