/* ===================
VARIABLES
=================== */

:root {
  --color-texto-negro: #222222;
  --color-texto-blanco: #ffffff;
  --color-menu-1: #BC0063;
  --color-menu-2: #6839DF;
  --color-menu-3: #5EBF0A;
  --color-menu-4: #FCA537;
  --color-menu-5: #389FFC;
  --color-menu-6: #282828;
  --menu-bg: #282828;        /* base */

  --color-territorio:#f9d1e6;
  --color-desobediencia:#d3f6b6;
  --color-idea:#e2d8fb;
  --color-herramientas:#ffe4c5;
  --color-experiencia:#c4e3fe;

  --color-territorio-oscuro:#fa9acb;
  --color-desobediencia-oscuro:#b7ff7c;
  --color-idea-oscuro:#bda4fc;
  --color-herramientas-oscuro:#f8c992;
  --color-experiencia-oscuro:#9bcefa;

  --color-resalte-rosa: #BC0063;
  --color-base-gris: #d9d9d9;
  --color-base-equipo: #595959;

  --maxwidth: 1280px;
  --padding-interior: calc(100% - 4rem);

  --font-size-titulos: 3rem;
  --font-size-subtitulos: 2.3rem;
  --font-size-temario: 1.8rem;
  --font-size-txt-general: 1.3rem;
  --font-size-letras-pequenas: 1.1rem;
}


/* ===================
BASE
=================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Noto Sans", sans-serif;
  color: var(--color-texto-negro);
  font-size: 2.5vw;
}


h1,
h2,
h3 {
  margin: 0;
}

p {
  font-size: var(--font-size-txt-general);
  line-height: 2;
  margin: 0;
}

ul {
  list-style: none;
  padding-left: 0;
}

li {
  font-size: var(--font-size-letras-pequenas);
}

strong {
  font-size: var(--font-size-txt-general);
}


/* ===================
UTILIDADES
=================== */

.letras-pequenas {
  font-size: var(--font-size-letras-pequenas);
  margin: 0;
}

.letras-grandes {
  font-size: var(--font-size-subtitulos);
  margin-top: 4rem;
}

.icono-lineas svg {
  height: 10%;
  width: auto;
}
/* ===================
FLECHA INICIO
=================== */
.btn-top{
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  border: none;
  border-radius: 50%;
  background-color: var(--color-base-equipo);
  color: white;
  font-size: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all .3s ease;
  z-index: 19999;
}


@keyframes subir {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
}
.btn-top img{
  max-width: 1rem;
}
.btn-top.mostrar{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.btn-top:hover{
  transform: scale(1.1);
  animation: descarga 0.8s ease-in-out infinite;
}
/* ===================
SECCIONES GENERALES
=================== */

.secciones-generales {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 0;
}

/* ===================
CONTENEDORES GENERALES
=================== */

.contenedor-externo-gral {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contenedor-interno {
  width: 100%;
  max-width: var(--maxwidth);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}

/* ===================
HEADER
=================== */

.contenedor-header {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  position: relative;
  background-image:url(img/recursos/degradado_rectangulo-01.svg) ;
  background-position: bottom;
}

.pleca-gob {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2rem);
  position: relative;
  z-index: 2;
}

.pleca-gob img {
  width: min(100%, 300px);
  height: auto;
  display: block;
}

.logo-centro {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: clamp(2rem, 8vw, 5rem);
  padding: 0 clamp(1rem, 4vw, 3rem);
  position: relative;
  z-index: 2;
}

.logo-centro img {
  width: min(100%, 800px);
  max-height: 40vh;
  height: auto;
  display: block;
  object-fit: contain;
  transform: translateX(-15px);
 filter:
    drop-shadow(0 16px 10px rgba(0, 0, 0, 0.32))
    drop-shadow(0 32px 28px rgba(0, 0, 0, 0.28));
}


/* ===================
NAV / MENU PRINCIPAL
=================== */

.nav {
  z-index: 1000;
  width: 100%;
}

.nav-list {
  display: flex;
  justify-content: center;
  gap: 4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-item {
  position: relative;
  padding-bottom: 0.5rem;
}

.nav-link {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none;
  color: var(--color-texto-blanco);
  transition: width 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
}

.menu-text {
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
}

.nav-item:hover .nav-link {
  width: auto;
  padding: 0 2rem;
  border-radius: 999px;
}

.nav-item:hover .menu-text {
  max-width: 220px;
  opacity: 1;
  margin-left: 0.5rem;
}
.nav-link.inicio img{
  max-height: 2rem ;
}
.nav-link.lineas img, .nav-link.bibliografia img{
  width: 1.8rem !important;
}
.nav-link.calendario img,.nav-link.descargables img {
  width: 1.5rem !important;
}
.nav-link.contacto img {
  width: 1.3rem !important;
}
.nav-link.anteriores img {
  width: 2.5rem !important;
}
/* ===================
COLORES MENU
=================== */

.inicio {
  background-color: rgba(40, 40, 40, 0.8);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);
}

.lineas {
background-color: rgba(40, 40, 40, 0.7);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);
}

.calendario {
background-color: rgba(40, 40, 40, 0.6);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);

}

.bibliografia {
background-color: rgba(40, 40, 40, 0.5);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);

}

.descargables {
background-color: rgba(40, 40, 40, 0.3);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);
}

.contacto {
background-color: rgba(40, 40, 40, 0.2);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);

}
.anteriores{
  background-color: rgba(40, 40, 40, 0.8);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);
}

.anteriores{
  background-color: rgba(40, 40, 40, 0.8);
box-shadow:
  12px 14px 28px rgba(0, 0, 0, 0.55),
  -6px -6px 16px rgba(255, 255, 255, 0.10),
  inset 2px 2px 4px rgba(255, 255, 255, 0.06),
  inset -3px -3px 6px rgba(0, 0, 0, 0.35);
}


/* ===================
SUBMENUS
=================== */

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  padding: 0;
  border-radius: 1rem;
  overflow: hidden;
}

.nav-item:hover .submenu {
  display: block;
}

.submenu li a {
  display: block;
  width: 100%;
  padding: 1rem;
  text-decoration: none;
  color: var(--color-texto-blanco);
  transition: background-color 0.3s ease, color 0.3s ease;

}

.submenu li:hover a {
  background-color: var(--color-texto-blanco);
}

.sub-inicio {
  background-color: var(--color-menu-1);
}

.sub-lineas {
  background-color: var(--color-menu-2);
}

.sub-inicio a:hover {
  color: var(--color-menu-1);
}



.sub-lineas li:nth-child(1) a {
  background-color:var(--color-menu-1);
}

.sub-lineas li:nth-child(2) a {
background-color:var(--color-menu-2);
}

.sub-lineas li:nth-child(3) a {
background-color:var(--color-menu-3);
}

.sub-lineas li:nth-child(4) a {
background-color:var(--color-menu-4);
}

.sub-lineas li:nth-child(5) a {
background-color:var(--color-menu-5);
}
.sub-lineas li:nth-child(1) a:hover {
  background: white;
  color:var(--color-menu-1)
}
.sub-lineas li:nth-child(2) a:hover {
  background: white;
  color:var(--color-menu-2)
}
.sub-lineas li:nth-child(3) a:hover {
  background: white;
  color:var(--color-menu-3)
}
.sub-lineas li:nth-child(4) a:hover {
  background: white;
  color:var(--color-menu-4)
}
.sub-lineas li:nth-child(5) a:hover {
  background: white;
  color:var(--color-menu-5)
}
/*=================
HAMBURGUESA
=================== */

.hamburger {
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  z-index: 1001;
  background-color: var(--color-base-equipo);
  border-radius: 50%;
  transition: transform 0.2s ease;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  
}

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

.hamburger span {
  display: block;
  width: 1.2rem;
  height: 0.2rem;
  border-radius: 2px;
  background-color: var(--color-texto-blanco);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.hamburger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ===================
NAV COMPACTO / HAMBURGUESA AL HACER SCROLL
=================== */

.nav.compact {
  position: fixed;
  top: 1rem;
  right: 3rem;
  width: auto;
  z-index: 1000;
}

.nav.compact .hamburger {
  display: flex;
}

.nav.compact .nav-list {
  display: none;
}

.nav.compact.active .nav-list {
  display: flex;
  flex-direction: column;
  gap: .5rem;

  position: absolute;
  top: 3.5rem;
  right: 0;

  padding: 0;
  margin: 0;

  overflow: visible;
}

.nav.compact.active .nav-item {
  width: 17rem;
  display: flex;
  justify-content: flex-end;
  overflow: visible;
}

.nav.compact.active .nav-link {
  width: 3rem;
  height: 3rem;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  border-radius: 999px;

  overflow: hidden;

  transition:
    width .3s ease,
    padding .3s ease,
    gap .3s ease;
}

.nav.compact.active .nav-link img {
  max-width: 1.6rem;
  flex-shrink: 0;
}

.nav.compact.active .menu-text {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0;
  transition:
    max-width .3s ease,
    opacity .2s ease,
    margin-left .3s ease;
}

.nav.compact.active .nav-link:hover {
  width: 100%;
  justify-content: flex-start;
  gap: .75rem;
  padding: 0 1rem;
}

.nav.compact.active .nav-link:hover .menu-text {
  max-width: max-content;
  opacity: 1;
  margin-left: .25rem;
}

.nav.compact.active .submenu {
  display: none;
}

/* ===================
SECCION INICIO CSS STYLES
=================== */
.seccion-inicio{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center; 
  gap: 1rem;
}

.seccion-inicio{
  background-color: #c9c8c8;
}
.seccion-inicio .resalte-rosa{
  font-size: var(--font-size-temario);
}
.contenedor-inicio-texto{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

}
.inicio-texto-coluna,
.inicio-texto-coldos{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 50%;
}


.inicio-texto-coldos{
  align-items: flex-end;
}
.inicio-texto-coldos p{
  max-width: 20rem;
  font-size: var(--font-size-subtitulos);
} 
.seccion-inicio h2{
  width: 100%;
  color: var(--color-resalte-rosa);
  font-size: var(--font-size-titulos);
  margin-bottom: 2rem;
}
.viñeta {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin-left: 2rem;
  font-size: var(--font-size-txt-general);
  line-height: 2;  
}
.seccion-inicio .inicio-texto-coluna ul{
  list-style: circle;
}
.seccion-inicio .inicio-texto-coluna li::marker{
  content: "- ";
  color: var(--color-menu-1);
}
.seccion-inicio .inicio-texto-coluna a{
  text-decoration: underline #BC0063;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px;
  color: var(--color-texto-negro);
  transition: transform 0.3s ease;
  
}
.seccion-inicio .inicio-texto-coluna a:hover{
  color: #BC0063;
}
.seccion-inicio .letras-pequenas{
  margin-bottom: 1rem;
  max-width: 20rem;
}
.resalte-rosa{
  color: var(--color-menu-1);
}
.inicio-texto-coldos {
  font-size:2rem ;
}
.descarga-linea p{
  line-height: 1.2;
}
/* ===========================
seccion-laboratorio CSS STYLES
============================ */
.seccion-laboratorio{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color:#e4e3e3;
  margin-top: 0;
}
.seccion-laboratorio svg{
  display: block;
  fill: #e4e3e3;
  background-color: #c9c8c8;
}
.seccion-laboratorio h2{
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 2rem;
  color: var(--color-menu-1);
  font-size: var(--font-size-subtitulos);
}

.flex-asesores, .grid-equipo{
  width: 100%;
  height: 100%;
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}
.item-integrante,
.item-asesores{
  width: 100%;
  height: 100%;
  max-width: 16rem;
  min-width: 10rem;
  max-height: 16rem;
  min-height: 10rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  background-color: var(--color-base-equipo);
  color: var(--color-texto-blanco);
  font-size: var(--font-size-txt-general);
}

.item-integrante, .item-asesores{
  position: relative;
  object-fit: contain;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  overflow: hidden;
}

.item-integrante img, .item-asesores img{
  max-height: 18rem;
  object-fit: contain;
  position: absolute;
  object-position: center;
}
.texto-hoover-integrantes,
.texto-hoover-asesores{
  opacity: 0;
  transform: translateY(1px);
  transition:
    opacity .4s ease,
    transform .4s ease;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(242, 164, 206, 0);
  padding: 1rem;
  box-sizing: border-box;
  color: white;
}

.linea__onda--top{
  margin-top:0;
  padding: 0;
  background:#ffffff;
  fill:#c9c8c8;
}

.texto-hoover-integrantes::before,
.texto-hoover-asesores::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(207, 19, 119, 0.8);
  opacity: 0;
  transition: opacity .4s ease;
  z-index: -1;
}

.item-integrante:hover .texto-hoover-integrantes,
.item-integrante:active .texto-hoover-integrantes,
.item-asesores:hover .texto-hoover-asesores,
.item-asesores:active .texto-hoover-asesores{
  opacity: 1;
}

.item-integrante:hover .texto-hoover-integrantes::before,
.item-integrante:active .texto-hoover-integrantes::before,
.item-asesores:hover .texto-hoover-asesores::before,
.item-asesores:active .texto-hoover-asesores::before{
  opacity: 1;
}
/* ===========================
seccion-que-es CSS STYLES
============================ */
.seccion-que-es{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  background-color: #fbfbfb;
  margin-top: 0;
}
.seccion-que-es h2{
  color: var(--color-menu-1);
  font-size: var(--font-size-subtitulos);
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.txt-quees{
  width: 50%;
}
.linea__onda--top-quees{
  fill:#fbfbfb;
  background-color: #e4e3e3;
}

/* ===========================
seccion-LINEAS CSS STYLES
============================ */
.seccion-lineas {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem 1rem;
  background-color:white;
  margin-top: 0;
}
.seccion-lineas h2 {
  color: var(--color-texto-negro);
  font-size: var(--font-size-subtitulos);
}
.contenedor-lineas {
  position: relative;
  width: min(80vw, 800px);
  aspect-ratio: 1;
  margin: 5rem auto 0;
}

.circulo-grande {
  width: 56%;
  aspect-ratio: 1;
  background: #ccc;
  border-radius: 50%;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%) scale(.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .7s ease, transform .7s ease;
}

.circulo-grande img {
  width: 70%;
}
.linea__onda--top-burbujas{
  fill:white;
  background-color: #fbfbfb;
}
.burbuja {
  width: 24%;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
}
.burbuja {
  opacity: 0;
  transform: scale(.7);
  transition: opacity .6s ease, transform .6s ease;
}
.contenedor-lineas video{
  max-width: 8rem;
}

.rosa {
  background: var(--color-territorio);
  top: -6%;
  left: 50%;
  translate: -50% 0;
  transition-delay: .2s;
}

.morado {
  background: var(--color-idea);
  top: 22%;
  right: -3%;
  transition-delay: .4s;
}

.verde {
  background: var(--color-desobediencia);
  right: 3%;
  bottom: 11%;
  transition-delay: .6s;
}

.naranja {
  background: var(--color-herramientas);
  bottom: -3%;
  left: 32%;
  translate: -50% 0;
  transition-delay: .8s;
}

.azul {
  background: var(--color-experiencia);
  top: 40%;
  left: -6%;
  transition-delay: 1s;
}

.contenedor-lineas.animar .circulo-grande,
.contenedor-lineas.animar .burbuja {
  opacity: 1;
  transform: scale(1);
}

.contenedor-lineas.animar .circulo-grande {
  transform: translate(-50%, -50%) scale(1);
}

.burbuja:hover {
  transform: scale(1.12);
}

.contenedor.animar .burbuja {
  opacity: 1;
  transform: scale(1);
}

/* Orden exacto */
.contenedor.animar .rosa {
  transition-delay: 0s;
}

.contenedor.animar .morado {
  transition-delay: .3s;
}

.contenedor.animar .verde {
  transition-delay: .6s;
}

.contenedor.animar .naranja {
  transition-delay: .9s;
}

.contenedor.animar .azul {
  transition-delay: 1.2s;
}

/* ===========================
Esta seccion contiene los estilos de 
las clases compartidas de lineas
============================ */
.linea {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 0;
}
.linea__fondo{
  background-color:var(--color-fondo) ;
}
.fechas-lineas{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.fechas-lineas img{
  height: 3rem;
}
.lineas-caja-izq,
.lineas-caja-der{
  display: flex;
  width: 45%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.txt-izq-lineas{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.txt-der-lineas{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.txt-der-lineas h2{
  font-size: var(--font-size-temario);
}
.txt-der-lineas{
  justify-content: flex-end;
}
.txt-der-lineas p{
  font-size: var(--font-size-temario) !important;
}
.txt-izq-lineas{
  justify-content: flex-start;
  position: relative;
}
.caja-contenidos-lineas{
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: var(--maxwidth);
  margin: 0 auto;
  padding: 2rem;
  box-sizing: border-box;
}
.linea__resalte {
  color: var(--color-acento);
  font-size: var(--font-size-temario);
}

.linea__titulo {
  font-size: var(--font-size-subtitulos);
  margin-top: 1rem;
  color: var(--color-texto-negro);
}


.linea__onda--bottom {
  background-color: var(--color-fondo);
}

.linea__video {
  display: flex;
  justify-content: center;
  align-items: center;
}

.linea__videos-movil {
  width: 100%;
  display: none;
  flex-direction: row;
  justify-content: center;
}

.linea__videos-movil .linea__video {
  max-height: 10rem;
}

.icono-movil{
  width: 100%;
  display: none;
  justify-content: center;
}
.icono-movil{
  max-width: 10rem;
}
.descarga-linea{
  display: flex;
  flex-direction: row;
  align-items:center;
  justify-content: center;
  gap: 1rem;
}

.descarga-linea .icono-descarga-linea img{
  max-height: 1.5rem;
  margin-bottom: .4rem;
  transition: transform 0.3s ease;
}

.icono-descarga-linea a:hover img,
.icono-descarga-linea a:active img{
  animation: descarga 0.8s ease-in-out infinite;
}


@keyframes descarga {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }

}
.icono-descarga-linea{
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  aspect-ratio: 1;
  padding: 1rem;
  box-sizing: border-box;
}
.icono-descarga-linea.territorio{
  background-color: var(--color-menu-1);
}
.icono-descarga-linea.idea{
  background-color: var(--color-menu-2);
}
.icono-descarga-linea.desobediencia{
  background-color: var(--color-menu-3);
}
.icono-descarga-linea.herramienta{
  background-color: var(--color-menu-4);
}
/* ===========================
.seccion-territorio CSS STYLES
============================ */
.linea--territorio .linea__fondo {
  width: 100%;
}

.linea--territorio{
  --color-acento: var(--color-menu-1);
  --color-fondo: var(--color-territorio);
}
.linea--territorio .linea__video{
  max-height: 20rem;
}
.linea--territorio .linea__onda--top{
  background-color: white;
  fill: var(--color-territorio);
}
/* ===========================
.seccion-idea CSS STYLES
============================ */
.linea--idea .linea__fondo {
  width: 100%;
  position: relative;
}
.linea--idea {
  --color-acento: var(--color-menu-2);
  --color-fondo: var(--color-idea);
  overflow: hidden;
}
.linea--idea .linea__video {
  position: absolute;
  top: clamp(1.5rem, 4vw, 5rem);
  width: 90%;
  height: 75%;          
  object-fit: cover;    
  opacity: .7;
}
.linea--idea .linea__video{
  position: absolute;
  top: 2rem;
  width: 100%;
  opacity: .7;
}
.linea--idea .linea__video--centro{
  display: none;
}
.espacio-texto-idea{
  height: 18rem;
}
.linea__onda--top-idea{
  background-color:var(--color-territorio);
  fill:var(--color-idea);
}
.linea--idea .lineas-caja-der{
  margin-top: 30rem;
}
.linea--idea .lineas-caja-der{
  width: 40%;
}
/* ===========================
.seccion-desobediencia CSS STYLES
============================ */
.linea--desobediencia .linea__fondo {
  width: 100%;
  flex-direction: column;
}
.linea--desobediencia {
  --color-acento: var(--color-menu-3);
  --color-fondo: var(--color-desobediencia);
  overflow: hidden;
}
.linea--desobediencia .linea__video{
  width: 100%;
}
.linea__onda--top-desobediencia{
  background-color:var(--color-idea);
  fill: var(--color-desobediencia);
}
.desobediencia{
  max-width: 100vw;
  flex-direction: column;
}
.desobediencia video{
  max-height: 20rem;
}

/* ===========================
.seccion-herramienta CSS STYLES
============================ */
.linea--herramienta .linea__fondo {
  width: 100%;
}
.linea--herramienta {
  --color-acento: var(--color-menu-4);
  --color-fondo: var(--color-herramientas);
}
.linea--herramienta .linea__video{
  max-height: 20rem;
}

.linea__onda--top-herramienta{
  background-color:var(--color-desobediencia);
  fill: var(--color-herramientas);
}
/* ===========================
.seccion-experiencia CSS STYLES
============================ */
.linea--experiencia .linea__fondo {
  width: 100%;
}
.linea--experiencia {
  --color-acento: var(--color-menu-5);
  --color-fondo: var(--color-experiencia);
}

.linea__onda--top-experiencia{
  background-color: var(--color-herramientas);
  fill:var(--color-experiencia);
}
.linea__onda--bottom-experiencia{
  background-color: var(--color-experiencia);
  fill: #d9d9d9;
}
.linea--experiencia .caja-contenidos-lineas{
  align-items: center !important;
}
.experiencia{
  max-width: 100vw;
}
.experiencia video{
  max-width: 100%;
}
/* ===========================
.seccion-calendarios CSS STYLES
============================ */
.seccion-calendarios{
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: 0;
  background-color:var(--color-base-gris);
}
.seccion-calendarios .linea__onda--bottom svg{
  fill: var(--color-base-gris);
}
.seccion-calendarios .contenedor-interno h2{
  font-size: var(--font-size-subtitulos);
}
.contenedor-calendarios{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  box-sizing: border-box;
}
.calendario-grid{
  width: 60%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1rem;
  justify-content: center;
}
.dia-evento{
 position: relative;
}
.dia {
  width: 8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .5rem;
  box-sizing: border-box;
  position: relative;
  transition: .3s ease;
  overflow: visible; 
}

.numero-dia {
  position: absolute;
  bottom: calc(100% - 40px); 
  left: -20px;              
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0;
  z-index: 10;           
  line-height: 0;
  border-radius: 50%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  color: white;
}
.nombre-dia{
  background: transparent;
  font-weight: 600;
}
.naranja-calendario .numero-dia {
  background-color: var(--color-menu-4)
}
.rosa-calendario .numero-dia {
  background-color: var(--color-menu-1);
}
.morado-calendario .numero-dia {
  background-color: var(--color-menu-2);
}
.verde-calendario .numero-dia {
  background-color: var(--color-menu-3);
}
.azul-calendario .numero-dia {
  background-color: var(--color-menu-5);
}
.iconos-lineas {
  width: 100%; 
  height: 100%;
}

.vacio{
  background: transparent;
}
.numero-dia, .dia {
  font-size: 1.5rem;
}

.numero-dia {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.video-calendario {
  max-width: 4rem;         
  aspect-ratio: 1/1;
}

.titulo-calendario{
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 2rem;
  margin-right: 2rem;
}

.rosa-calendario{ background-color:var(--color-territorio-oscuro);}
.morado-calendario{ background-color: var(--color-idea-oscuro); }
.verde-calendario{ background-color: var(--color-desobediencia-oscuro); }
.naranja-calendario{ background-color: var(--color-herramientas-oscuro); }
.azul-calendario{ background-color:var(--color-experiencia-oscuro); }

.dia-evento p {
  line-height: 1;
  z-index: 2;
  font-weight: 800;
}

.mini-popup{
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
  border-radius:1rem;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  padding: 0;
  transition:
    max-width .4s ease,
    opacity .3s ease,
    padding .3s ease,
    background-color .3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 999;
}
.mini-popup p{
  font-size: var(--font-size-letras-pequenas) !important;
  font-weight: 300;
  color: white;
}
.mini-popup h2{
  font-size: var(--font-size-txt-general);
  color: white;
}

.dia-evento:hover .mini-popup{
  max-width: max-content;
  opacity: 1;
  padding: .8rem 1.5rem;
}
.dia-evento:hover .pop-territorio{ background-color: var(--color-resalte-rosa); }
.dia-evento:hover .pop-idea{ background-color: var(--color-menu-2); }
.dia-evento:hover .pop-desobediencia{ background-color: var(--color-menu-3); }
.dia-evento:hover .pop-herramienta{ background-color: var(--color-menu-4); }
.dia-evento:hover .pop-experiencia{ background-color: var(--color-menu-5); }
.dia-oculto.territorio{
  background-color: #BC0063;
}
.dia-oculto{
  display: none;
}
.dia-oculto.idea{
  background-color: var(--color-menu-2);
}
.dia-oculto.desobediencia{
  background-color: var(--color-menu-3);
}
.dia-oculto.herramienta{
  background-color: var(--color-menu-4);
}
.dia-oculto.experiencia{
  background-color: var(--color-menu-5);
}

/* ===========================
 BIBLIOGRAFIA CSS STYLES
============================ */
.seccion-bibliografia{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.seccion-bibliografia .linea__titulo{
  margin-bottom: 2rem;
}
.contenedor-acordeon{
  width: 100%; 
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
}

.botones-bibliografia{
  display: grid;
  grid-template-areas:
    ". territorio ."
    "herramienta centro idea"
    ". desobediencia .";

  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  row-gap: 3rem; /* antes 1rem o más */
  position: static;
  height: auto;
  min-height: auto;
  }

.boton-centro{
    grid-area: centro;
  }  
.radial-1{
    grid-area: territorio;
  }  

.radial-2{
    grid-area: idea;
  }  

.radial-3{
    grid-area: desobediencia;
  }  

.radial-4{
    grid-area: herramienta;
  }  

.boton-centro,
.radial-1,  
.radial-2,
.radial-3,
.radial-4{
    position: static;
    transform: none;
    max-width: 18rem;
    max-height: 18rem;
    border-radius: 50%;
    aspect-ratio: 1;
    padding: 1rem;
    box-sizing: border-box;
    justify-self: center;
    border: none;
  }  
.radial-1,
.radial-2,
.radial-3,
.radial-4{
  background-color: var(--color-base-gris);
}
.boton-centro{
    background-color: var(--color-base-equipo);
}
  .radial-2{
  justify-self: start;
}

.radial-4{
  justify-self: end;
  
}
.titulo-acordeon .contenedor-interno{
  font-size: var(--font-size-temario);
  font-weight: bold;
}

.titulo-acordeon .contenedor-interno{
  flex-direction: column;  
  gap: 1rem;
  align-items: center;
  justify-content: center;

}
.item-acordeon{
  position: relative;
}
.linea__onda--bibliografia{
  fill:white;
  background-color: rgb(217 217 217);
}
.linea__onda--acordeon{
  background-color: white;
}

.botones-bibliografia .titulo-acordeon:nth-child(2){
  color: var(--color-menu-1);
}
.botones-bibliografia .titulo-acordeon:nth-child(2):hover{
  background-color: var(--color-territorio);
}
.botones-bibliografia .titulo-acordeon:nth-child(3){
  color: var(--color-menu-2);
}
.botones-bibliografia .titulo-acordeon:nth-child(3):hover{
  background-color: var(--color-idea);
}
.botones-bibliografia .titulo-acordeon:nth-child(4){
  color: var(--color-menu-3);
}
.botones-bibliografia .titulo-acordeon:nth-child(4):hover{
  background-color: var(--color-desobediencia);
}
.botones-bibliografia .titulo-acordeon:nth-child(5){
  color: var(--color-menu-4);
}
.botones-bibliografia .titulo-acordeon:nth-child(5):hover{
  background-color: var(--color-herramientas);
}

.botones-bibliografia .titulo-acordeon:nth-child(2) video{
  max-height: 6rem;
}

.botones-bibliografia .titulo-acordeon:nth-child(3) video{
  max-height: 6rem;
}
.botones-bibliografia .titulo-acordeon:nth-child(4) video{
  max-height: 5rem;
}
.botones-bibliografia .titulo-acordeon:nth-child(5) video{
  max-height:5rem;
}



.panel-bibliografia{
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: none;
}

.panel-bibliografia.visible{
  display: block;
}
.contenido-panel:nth-child(1) svg{
  fill: var(--color-territorio);
}
.contenido-panel:nth-child(1) {
  background-color: var(--color-territorio);
}
.contenido-panel:nth-child(2) svg{
  fill: var(--color-idea);
}
.contenido-panel:nth-child(2) {
  background-color: var(--color-idea);
}
.contenido-panel:nth-child(3) svg{
  fill: var(--color-desobediencia);
}
.contenido-panel:nth-child(3) {
  background-color: var(--color-desobediencia);
}
.contenido-panel:nth-child(4) svg{
  fill: var(--color-herramientas);
}
.contenido-panel:nth-child(4) {
  background-color: var(--color-herramientas);
}
.linea__bottom--acordeon{
  background-color: #6839DF;
  fill: white !important;
}
.contenido-panel{
  display: none;
}

.contenido-panel.activo{
  display: block;
}
.contenido-panel ul{
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
.bibliografia-subtitulo{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  font-size: var(--font-size-subtitulos);
}
.bibliografia-subtitulo h2{
  font-size: var(--font-size-subtitulos);
}
.bibliografia-subtitulo img{
  max-width: 4rem;
}
.contenido-panel ul li{
  list-style: disc;
  margin-left: 2rem;
  line-height: 2;
  padding-bottom: 1rem;
}
.contenido-panel[data-panel="1"] li::marker {
  color: var(--color-menu-1);
}

.contenido-panel[data-panel="2"] li::marker {
  color:var(--color-menu-2);
}

.contenido-panel[data-panel="3"] li::marker {
  color:var(--color-menu-3);
}

.contenido-panel[data-panel="4"] li::marker {
  color: var(--color-menu-4);
}
.contenido-panel[data-panel="1"] a {
  text-decoration-color: var(--color-menu-1);
  color: var(--color-menu-1);
}

.contenido-panel[data-panel="2"] a {
  text-decoration-color: var(--color-menu-2);
  color: var(--color-menu-2);
}

.contenido-panel[data-panel="3"] a {
  text-decoration-color:var(--color-menu-3);
  color: var(--color-menu-3);
}
.contenido-panel[data-panel="4"] a {
  text-decoration-color: var(--color-menu-4);
  color: var(--color-menu-4);
}
.panel-bibliografia a{
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.contenedor-bibliografia{
  width: 50%;
}
/* ===========================
 DESCARGABLES STYLES
============================ */
.seccion-descargables{
  width: 100%;
  background:#e4e3e3 ;
  box-sizing: border-box;
}
.linea__onda--descargables{
  fill: #e4e3e3;
  background-color: white;
  transition: fill .3s ease;
}
.seccion-descargables .contenedor-interno{
  gap: 2rem;
}
.seccion-descargables h2{
  font-size: var(--font-size-subtitulos);
}
.contenedor-descargas{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  box-sizing: border-box;
}
.contenedor-bibliografia, .descargables_der{
  width: 50%;
  display: flex;
  flex-direction: column;
  gap:1rem;
}

 .descargables_der p{
  font-weight: bold;
}
.descargables_izq{
  display: none;
}
.biblio-descargable a,
.programa-descargable a{
  display:flex;
  gap:.5rem;

}

.programa-descargable, .biblio-descargable{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.programa-descargable a,
.biblio-descargable a{
  display: flex;
  align-items: center;
  font-size: var(--font-size-txt-general);
  text-decoration: none;
  color: #222222;
}

.icono-descarga{
  margin-right: .5rem;
  flex-shrink: 0;
}

.texto-descarga{
  display: inline;
}


.icono-descarga{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-base-equipo);
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.icono-descarga img{
  max-height:1.5rem;
  transition: transform 0.3s ease;
}


a:hover .icono-descarga img,
a:active .icono-descarga img{
  animation: descarga 0.8s ease-in-out infinite;
}

@keyframes descarga {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
}

a:nth-of-type(1) .color-texto{
  color: var(--color-menu-1);
}

a:nth-of-type(2) .color-texto{
  color: var(--color-menu-2);
}

a:nth-of-type(3) .color-texto{
  color: var(--color-menu-3);
}

a:nth-of-type(4) .color-texto{
  color: var(--color-menu-4);
}
/* ===========================
 Anteriores STYLES
============================ */
.seccion-anteriores{
  width: 100%;
  background:#c9c8c8;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.linea__onda--anteriores{
  fill: #c9c8c8;
  background-color: #e4e3e3;
  transition: fill .3s ease;
}
.seccion-anteriores .contenedor-interno{
  gap: 5rem;
}
.seccion-anteriores .contenedor-interno h2{
  font-size: var(--font-size-subtitulos);
}

.contenedor-anteriores{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  box-sizing: border-box;
  gap: 1rem;
}
.anteriores-logo{
  transition: transform 0.3s ease;
  animation: floatSoft 3s ease-in-out infinite;
}
@keyframes floatSoft{
  0%{
    transform: translateY(0);
  }

  50%{
    transform: translateY(-20px); /* sube poquito */
  }

  100%{
    transform: translateY(0); /* baja otra vez */
  }
}
.contenedor-anteriores:hover .anteriores-logo{
  transform: scale(1.05);
}

/* fondo */
.anteriores-logo .fd636b55-462a-4b7e-9d48-e20a1e1df40d{
  fill: #3c3c3b;
  transition: fill 0.3s ease;
}

/* letras blancas */
.anteriores-logo .afde5d3c-fc89-48b7-b1af-5ec71b1afd53{
  fill: white;
}

/* hover */
.contenedor-anteriores:hover .anteriores-logo .fd636b55-462a-4b7e-9d48-e20a1e1df40d{
  fill: #BC0063;
}
.contenedor-anteriores p{
  color:#BC0063;
  font-weight: bold;
}
/* ===========================
CONTACTO CSS STYLES
============================ */
.seccion-contacto{
  width: 100%;
  margin-top: 0;
}
.caja-inscripcion h2{
  font-size: var(--font-size-subtitulos);
}
.caja-contacto h2{
  font-size: var(--font-size-temario);
}
.linea__onda--contacto{
  width: 100%;
  background: #c9c8c8;
  fill: white;
}
.seccion-contacto .contenedor-interno{
  display: flex;
  gap: 3rem;
  flex-direction: row;
}
.caja-inscripcion, .caja-contacto{
  width: 50%;
  padding: 2rem;
  box-sizing: border-box;
}
.info-contacto .dos{
  margin-left: 5rem;
}
.caja-inscripcion, .caja-contacto{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
  box-sizing: border-box;
}
.contacto-icono{
  display: flex;
  flex-direction: row;
}
.caja-contacto{
  justify-content: center;
}
.info-contacto li{
  line-height: 2;
  list-style: disc;
  margin-left: 5rem;
}
.info-contacto ul li::marker {
  color: #BC0063;
}
.inscripcion-box{
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.contenedor-contacto{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.icono-contacto{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-base-equipo);
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.icono-contacto img{
  max-width: 1.5rem;
}
.info-contacto a{
  color: inherit;
  transition: color .3s ease;
}
.info-contacto.uno{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-contacto.dos ul li{
  font-size: var(--font-size-txt-general) !important;
}
.info-contacto a:hover{
  color: var(--color-menu-1);
}
.info-contacto a{
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.caja-contacto strong{
  font-size: var(--font-size-letras-pequenas);
}
.contenedor-contacto .info-contacto p, .contenedor-contacto .info-contacto a{
  font-size: var(--font-size-letras-pequenas) !important; 
}
/* ===========================
 Anteriores STYLES
============================ */
.seccion-anteriores{
  width: 100%;
  background:#c9c8c8;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.linea__onda--anteriores{
  fill: #c9c8c8;
  background-color: #e4e3e3;
  transition: fill .3s ease;
}
.seccion-anteriores .contenedor-interno{
  gap: 5rem;
}
.seccion-anteriores .contenedor-interno h2{
  font-size: var(--font-size-subtitulos);
}

.contenedor-anteriores{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  box-sizing: border-box;
  gap: 1rem;
}
.anteriores-logo{
  transition: transform 0.3s ease;
  animation: floatSoft 3s ease-in-out infinite;
}
@keyframes floatSoft{
  0%{
    transform: translateY(0);
  }

  50%{
    transform: translateY(-20px); /* sube poquito */
  }

  100%{
    transform: translateY(0); /* baja otra vez */
  }
}
.contenedor-anteriores:hover .anteriores-logo{
  transform: scale(1.05);
}

/* fondo */
.anteriores-logo .fd636b55-462a-4b7e-9d48-e20a1e1df40d{
  fill: #3c3c3b;
  transition: fill 0.3s ease;
}

/* letras blancas */
.anteriores-logo .afde5d3c-fc89-48b7-b1af-5ec71b1afd53{
  fill: white;
}

/* hover */
.contenedor-anteriores:hover .anteriores-logo .fd636b55-462a-4b7e-9d48-e20a1e1df40d{
  fill: #BC0063;
}
.contenedor-anteriores p{
  color:#BC0063;
  font-weight: bold;
}
/* ===========================
FOOTER STYLES
============================ */
footer{
  width: 100%;
  background-color: var(--color-base-equipo);
}
footer svg{
  fill:var(--color-base-equipo);
  background-color: white;
}
.contenedor-footer{
  width: 100%;
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  box-sizing: border-box;
}
.video-footer{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  
}
.movie-footer{
  width: 100%;
  height: auto;
  z-index: 2;
  margin: 0 auto;
}
.logos-footer{
  width: 70%;
  display: flex;
  justify-content:space-between;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  margin-top: 2rem;
}
.logo-buap{
  width: 4rem;
}
.logo-buap1{
  width: 7rem;
}
.logos-footer img{
  max-width: 10rem;
}
.contenedor-footer p{
  font-size: 1rem;
  color: white;
  margin-top: 2rem;
  text-align: center;
}
/* ===========================
MEDIA QUERIES CSS STYLES
============================ */
@media (max-width: 1500px) {

  .linea--idea .letras-grandes{
    margin: 0;
      }
  .dia-evento:hover .pop-experiencia{
    top: 100%;
    transform: translateX(-50%);
    left: calc(100% - 5rem);
  }
}

@media (max-width: 1025px) {
  .nav-list{
    display: none;
  }
  .dia{
    width:auto;
  }
  .video-calendario{
    width: auto;
  }
  .numero-dia {
    font-size: 1rem;
  }
  .contenedor-bibliografia, .descargables_der, .contenedor-contacto{
    width: 100%;
  }
  .contenedor-contacto p{
    text-align: start;
  }
    .seccion-contacto .contenedor-interno{
    flex-direction: column;
  }
  .caja-contacto, .caja-inscripcion{
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* INICIO */
  .contenedor-inicio-texto, .caja-contenidos-lineas{
    flex-direction: column;
  }
  .inicio-texto-coluna, .inicio-texto-coldos,.lineas-caja-izq, .lineas-caja-der, .espacio-video, .txt-quees{
    width: 100% !important;
    align-items: flex-start;
  }
  .inicio-texto-coldos p{
    max-width: none;
  }
  .linea__video--desktop{ 
    display: none;
  }
  .icono-version-movil{
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 2rem;
  }
  .linea__video--movil{
    max-width: 8rem;
  }
  .linea--idea .linea__video--movil{
    max-width: 20rem;
  }
  .linea--experiencia .linea__video--movil{
    max-width:100%;
  }
  .contenedor-lineas {
    margin-top: 8rem;
  }

  .linea--desobediencia .txt-der-lineas{
    margin-top: 2rem;
  }
  /* LABORATORIO */
  .flex-asesores, .grid-equipo{
    gap: .5rem;
  }
  .item-integrante, .item-asesores{
    width: 7rem;
    height: 7rem;
  }
   .item-integrante img, .item-asesores img{
   max-height: 10rem;
  }
  .texto-hoover-integrantes p,
  .texto-hoover-asesores p{
    font-size: 1rem;
  } 

  .botones-bibliografia{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  .boton-centro{
    display: none;
  }

  .botones-bibliografia .titulo-acordeon{
    max-width: 12rem;
    max-height: 12rem;
  }
  
  .titulo-acordeon video, .titulo-acordeon img{
    max-width: 5rem;
  }
 .titulo-acordeon .contenedor-interno{
    font-size: 1rem;
  }
  /* LINEAS DE TRABAJO */
  .burbuja {
    width: 26%;
  }
  .contenedor-footer{
    flex-direction: column-reverse;
  }

  .logos-footer{
    padding: 0;
    justify-content: center;
  }
  .dia{
    width: 4rem;
    gap: 0;
  }

  .icono-evento img, .dia-evento  img{
    width: 1rem;
  }
  .mini-popup{
  position: absolute;
  top: 110%;
  left: calc(100% + 10px);
  transform: translateX(-50%);
  }
  .numero-dia{
    gap: .2rem;
  }
  .rosa-calendario .numero-dia img{
   width:1rem;  
  }
  .azul-calendario .numero-dia img,.verde-calendario .numero-dia img, .naranja-calendario .numero-dia img{
    width:1rem;  
  }
  .morado-calendario .numero-dia img{
    width:2rem;
  }
  .espacio-texto-idea{
    height: 0;
  }
  .linea--idea .lineas-caja-der{
    margin-top: 1rem;
  }
  .icono-movil{
    display: flex;
  }


}
@media (max-width: 680px){
  .logo-centro{
   margin-top: 25%;
  }
  .logos-footer img{
    max-width: 5rem;
  }
  .icono-evento img, .dia-evento  img{
    width: 1rem;
  }
  .dia-evento:hover .mini-popup{
    max-width: 12rem;
    text-size-adjust: 60%;
    left: calc(100% + 2rem);
    top: 105%;
  }
  .dia-evento:hover .pop-experiencia{
    left: calc(100% - 5rem);
  }
  .dia-evento:hover .pop-desobediencia{
    left: calc(100% - 5rem);
    background-color: #5EBF0A;
  }
  .video-calendario{
    display: none;
  }
  .dia{
    width: 2rem;
    height: 2rem;
    gap: 0;
    font-size: 1rem;
  }
  .dia-oculto{
    display: flex;
    z-index: 9;
    font-size: 1rem;
    color: white;
  }
  .numero-dia{
    display: none;
  }

}
@media (max-width: 420px){
  .dia-evento:hover .pop-experiencia{
    left: calc(100% - 2rem);
  }
  .dia-evento:hover .pop-desobediencia{
    left: calc(100% + 4rem);
    background-color: #5EBF0A;
  }
  .logo-centro img{
    transform: translateX(0px) ;
    
  }
  .contenedor-lineas{
    margin-top: 4rem;
  }
  .contenedor-lineas video{
    max-width: 3rem;
  }
  .inscripcion-box{
    flex-direction: column;
    padding: 0;
  }
  .caja-inscripcion, .caja-contacto{
    padding: 0;
  }
  .info-contacto.dos ul li{
    margin: 1rem;
  }
}