:root{
  /*Color palette*/
  --main-color: #7433ff;
  --shade-1: #9d64fe;
  --shade-2: #b78afd;
  --shade-3: #caacf7;
  --shade-4: #e3d3fb;
  --text: #2c0637;
  --background: #fffcf7;
  --contrast: #f25c05;
  --dark-background: #1d1d1d;
  --black:#1e1e1e;
  --grey:#707070;
  
  /*Font*/
  --title-font: 'Halant', serif;   
  --text-font: "Open Sans", sans-serif;
  --alternative-font: "Avenir Next", sans-serif;
  --formal-font: "Plantin";
  --santi: "cormorant";
}

/*================================================================*/

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
}

body,
html {
  width: 100vw;
  height: 100vh;
  color: var(--text);
  background-color: var(--background);
}

/* Si la barra lateral tiene una clase llamada "sidebar" */
/* body::-webkit-scrollbar {
  width: 0.4rem; 
  background: transparent; 
}

body::-webkit-scrollbar-track {
  background: transparent; 
}

body::-webkit-scrollbar-thumb {
  background-color: var(--shade-4); 
  border-radius: 20px; 
  border: 3px solid var(--shade-1); 
  opacity: 0.8; 
}

body::-webkit-scrollbar-thumb:hover {
  background-color: var(--shade-4); 
  opacity: 1; 
} */


h3{
  padding-top: 2rem;
  font-size: 1.4rem;
  padding-bottom: 1rem;
}


.left-aligned { margin-left: auto; }
.bg-dark { background-color: #191919 !important; }
/* .bg-hero { background-color: var(--clear-background); }  */

.container{
  align-items: center;
}

/*PAGES MISC*/
.pagebody{
  display:flex;
  justify-content:center;
  padding-left:5rem;
  padding-top:2rem;
}

.page-title{
  font-family: var(--title-font); 
  font-size: 5rem;
  font-weight: 300;
  color: var(--black);
  padding-left:10rem;
  padding-bottom:2rem;
}

.page-title2{
  font-family: var(--title-font); 
  font-size: 5rem;
  font-weight: 300;
  color: var(--black);
  padding-left:10rem;
  padding-bottom:3rem;
}

.text-effect{
  transition: all 1.5s ease-in-out;

  &::before {
      content: attr(data-fill);
      transition: all 1.5s ease-in-out;
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s;
      color: #7433ff;
      position: absolute;
      width: 0; 
      overflow: hidden;
      text-shadow: 0px 1px 0px var(--main-color);
  }
  &.animate::before {
      width: 100%;
  }
}

.page-content{
  padding-left:10rem;
  margin-right:15rem;
}

.page-content p{
  font-family: var(--text-font);
  color:var(--text);
  font-size:1.05rem;
  line-height:2;
  text-align: justify;
}

.section-title{
  color: var(--shade-1);
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
  font-family: var(--title-font);
  font-weight:400;
  font-size:3rem;
}

hr{
  margin-top:-0.3rem; 
}

.subsection-title{
  color: var(--black);
  font-family: var(--title-font);
  font-weight:400;
  font-size:2.5rem;
}

.references p{
  color: var(--text);
  font-size:0.75rem;
}

section{
  padding:1.5rem 0;
}

.btn-container{
  padding-top:0.5rem;
}

.button {
  position: relative;
  overflow: hidden;
  height: 3rem;
  padding: 0 2rem;
  border-radius: 1.5rem;
  background:var(--shade-3);
  background-size: 400%;
  color: var(--background);
  border:none;
  cursor: pointer;
}

.button-content {
  position: relative;
  font-family:var(--text-font);
  font-size:1rem;
  z-index: 1;
}

.button:hover::before {
  transform: scaleX(1);
}

.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
  border-radius: inherit;
  background: linear-gradient(
    82.3deg,
    var(--main-color)10.8%,
    var(--shade-2)94.3%
  );
  transition: all 0.475s;
}

.overview{
  font-family: var(--text-font);
  display: flex;
  flex-wrap: wrap;
  --multiplier: calc(25rem - 100%);
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  border-radius: .5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  margin-top:1rem;
}

.overview-card{
  height:100%;
  width:100%;
  position: relative;
  max-width: 100%;
  flex-grow: 1;
  flex-basis: calc(var(--multiplier) * 999);
  padding:0 2rem 2rem 2rem;
}

.overview-content{
  height: 100%;
}

.overview-text{
  margin-left:2.5rem;
  margin-right:1.5rem;
}

.overview-content ul{
  list-style-type: circle;
  line-height: 2;
  
}

.point-list-text li{
  margin-left: 3rem;
  padding-left: 0.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
  font-family: var(--text-font);
  content: "•";
  list-style-type: disc;
  font-size: 1.1rem;
  line-height:2rem;
}
.nopoint-list li{
  margin-left: 1.5rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.2rem;
  font-family: var(--text-font);
  font-size: 1.1rem;
  line-height: 1.5;
}

.point-list li{
  font-family: var(--text-font);
  font-size:1.05rem;
  line-height:2;
  text-align: justify;
  padding-top:1rem;
}

.point-list li::before{
  position: relative;
  margin-right: .5rem;
  --tw-text-opacity: 1;
  font-family: var(--text-font);
  color: var(--main-color);
  opacity: var(--tw-text-opacity);
  top: .1rem;
  content: "•";
  font-size: 1.5rem;
  line-height: 0;
}

.dash-list li{
  font-family: var(--text-font);
  font-size:1.05rem;
  line-height:2;
  text-align: justify;
  padding-top:1rem;
}

.dash-list li::before{
  position: relative;
  margin-right: .5rem;
  --tw-text-opacity: 1;
  font-family: var(--text-font);
  color: var(--main-color);
  opacity: var(--tw-text-opacity);
  top: .1rem;
  content: "-";
  font-size: 1.5rem;
  line-height: 0;
}

.overview-sublist{
  list-style-type:circle;
  margin-left: 3rem;
  margin-bottom:1.5rem;
}

.text-link{
  color:var(--main-color);
  cursor:pointer;
}
.text-link:hover{
  color:var(--shade-2);
  /* text-decoration: underline; */
}

.rm-mini{
  margin:1rem 0;
  padding-left:2rem;
}

.mini-title{
  padding-top:1rem;
  padding-bottom:1rem;
  font-size:1.1rem;
  font-style:normal;
  font-family:var(--text-font);
}

.more-link::before{
  content: '+';
  font-family:var(--text-font);
  color: var(--main-color);
  font-size: 1.5rem;
  margin-right: 0.5rem;
  margin-top:0.8rem;
  transition: all 0.3s ease;
}

.hide-link::before{
  content: '-';
  font-family:var(--text-font);
  color: var(--main-color);
  font-size: 1.5rem;
  font-style:bold;
  margin-left:0.3rem;
  margin-right: 0.3rem;
  margin-top:0.3rem;
  transition: all 0.3s ease;
}
.expandable-sec{
  width:100%;
  height:auto;  
}
.expandable-sec:hover {
  cursor:pointer;
  background-color: rgb(227, 211, 251); /* Green background with low opacity */
}

/*SIDEMENU*/
.sidemenu {
  position: relative;
  width: 17em;
  height: 100%;
  line-height: 1.5;
  padding-left:10rem;
  padding-top:0.5rem;
}

.sidemenu li{
  font-size:1.25rem;
  font-family:var(--text-font);
}

.toc {
  position: fixed;
  padding: 1em;
}

.toc ul {
  list-style: none;
  padding: 0;
}

.toc li {
  margin-bottom: 0.3rem;
}

.toc li a {
  color: var(--grey);
  text-decoration: none;
  transition: all 0.3s ease;
}

.toc li.active a {
  color: var(--black); 
  font-weight: bold;
}

.toc li a:hover {
  color: var(--shade-1);
}

.subindex-item{
  margin-left: 1.5rem;
  font-size:1rem;
}


/* Responsive */
@media (max-width: 62rem) {
  .sidebar {
      display: none;
  }
}


/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { 
  color: var(--text); 
  font-weight: bold; 
  font-family:var(--text-font);
  text-decoration: none !important; 
}
footer .link:hover { 
  color: var(--shade-1); 
  text-decoration: underline; 
}
footer{
  position:fixed;
  justify-content:center; 
}
.logo-container img {
  width: 2rem;
  height: 2rem;
}

.footer-container{
  display:flex;
  justify-self: center;
  align-self: center;
  padding-left:10rem;
}


/*LOADING SCREEN*/-----------------------------------------------------------------------------------------------------------------
/* Pantalla de carga en pantalla completa */
#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff; /* You can change this to any background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it stays on top */
}

/* Hide the content by default */
#content {
  display: none;
}

/* Estilo del video para que ocupe toda la pantalla */
#loading-video {
  width: 100%;
  height: 100%;
  align-items: center;
  object-fit: cover; /* Para que el video se ajuste sin perder proporción */
}


/*UNDERSTANDING STROKE*/----------------------------------------------------------------------------------------------------------
.underst-title{
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
}
.container-underst {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  }
.container-underst h1{
  text-align: center;
  padding-top: 7rem;
}
.underst-initial-text{
  font-size: 1.5rem;
  padding: 4rem;
  text-align: justify;
  font-family: var(--text-font);
}
.underst-sections {
  width: 100vw; /* Ocupa el ancho completo de la pantalla */
  display: block;
  position: relative; /* Cambiado a relative */
  margin: 0; /* Eliminar márgenes que afecten el ancho */
  padding: 0;
}

/* Ajustes para cada sección */
.StrokeUnits,
.patients,
.prevention,
.Women,
.General-death,
.D-D,
.StrokeNumbers,
.Fifty-F,
.International {
  position: relative;
  margin: 0;
  padding: 5rem;
  width: 100vw; /* Asegura que ocupa todo el ancho de la pantalla */
  height: max-content; /* Ocupa toda la altura de la pantalla */
  box-sizing: border-box; /* Asegura que padding/margin no afecte el tamaño total */
  opacity: 0; /* Inicialmente oculto */
  background-color:#2c0637;
  align-items: center;
  display: flex; /* Cambia a flexbox para centrar contenido */
  flex-direction: column; /* Coloca los elementos en columna */
  align-items: center; /* Centra horizontalmente */
  text-align: justify; /* Justifica el texto */
}

/* Añadir clases activadoras */
.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Animaciones para los textos */
.StrokeUnits p,
.patients p,
.prevention p,
.Women p,
.General-death p,
.D-D p,
.StrokeNumbers p,
.Fifty-F p,
.International p {
  padding: 1rem;
  font-size: 1.4rem;
  font-family: var(--text-font);
  opacity: 0;
  transform: translateX(-50px); /* Mueve el texto desde el lado */
  transition: opacity 1s ease-out, transform 1.5s ease-out;
  color: var(--background);
  text-align: justify;
}
.StrokeNumbers p{
  margin-right: 7rem;
}

.StrokeUnits p.animate,
.patients p.animate,
.prevention p.animate,
.Women p.animate,
.General-death p.animate,
.D-D p.animate,
.StrokeNumbers p.animate,
.Fifty-F p.animate,
.International p.animate {
  opacity: 1;
  transform: translateX(0);
}

/* Animaciones para las imágenes */
.StrokeUnits img,
.patients img,
.prevention img,
.Women img,
.General-death img,
.D-D img,
.StrokeNumbers img,
.Fifty-F img,
.International img {
  height: auto;
  display: block;
  padding: 1rem;
  max-width: 100%;
  opacity: 0;
  transform: translateY(50px); /* Mueve la imagen desde abajo */
  transition: opacity 1s ease-out, transform 1.5s ease-out;

}
.StrokeUnits img{
  width: 70%;
}
.patients img{
  width: 70%;
  align-items: center;
}
.prevention img{
  width: 40%;
}
.Women img{
  width: 50%;
}
.General-death img{
  width: 50%;
}
.D-D img{
  width: 40%;
}
.StrokeNumbers img{
  width: 40%;
  margin-left: 7rem ;
  margin-right: 5rem ;
}

.Fifty-F img{
  width: 30%;
  margin-left: 5rem ;
  margin-right: 5rem ;
}
.International img{
  width: 90%;
  margin-left: 5rem ;
  margin-right: 5rem ;
}

/* Media Query para pantallas más pequeñas */
@media (max-width: 600px) {
.StrokeUnits,
.patients,
.prevention,
.Women,
.General-death,
.D-D,
.StrokeNumbers,
.Fifty-F  {
    flex-direction: column; /* Cambia a columna en pantallas pequeñas */
    align-items: flex-start; /* Alinea elementos al inicio */
}

.StrokeUnits img,
.patients img,
.prevention img,
.Women img,
.General-death img,
.D-D img,
.StrokeNumbers img,
.Fifty-F img,
.International img {
    margin-right: 0; /* Quita el margen derecho */
    margin-bottom: 10px; /* Añade margen inferior */
    width: 80%;
}
}
.StrokeUnits img.animate,
.patients img.animate,
.prevention img.animate,
.Women img.animate,
.General-death img.animate,
.D-D img.animate,
.StrokeNumbers img.animate,
.Fifty-F img.animate,
.International img.animate {
  opacity: 1;
  transform: translateY(0);
}


/*EDUCATION---------------------------------------------------------------------------------------------------------------*/
/*slide bar*/
/* Estilos básicos para la barra lateral */
.ED-container {
display: flex;
}

.ED-sidebar {
position: fixed;
top: 100px;
left: 0;
width: 200px;
background-color: #f4f4f4;
padding: 20px;
height: 100vh;
border-right: 1px solid #ccc;
}

.ED-sidebar ul {
list-style-type: none;
padding: 0;
}

.ED-sidebar ul li {
margin-bottom: 10px;
}

.ED-sidebar ul ul {
padding-left: 20px; /* Submenú anidado */
}

.ED-sidebar ul li a {
text-decoration: none;
color: #333;
font-size: 16px;
}

.ED-sidebar ul ul li a {
font-size: 14px;
}

.ED-sidebar ul li a.active {
font-weight: bold;
color: #007bff;
}






/*First sentence*/
.education-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 10vmin;
}
.education{
  width: 100vw; /* Ocupa el ancho completo de la pantalla */
  display: block;
  position: relative; /* Cambiado a relative */
  padding: 5rem;
}


.education-h5{
  font-family: var(--formal-font);
  font-size: 3rem;
  text-align: center;
}

.education p{
  font-family: var(--text-font);
  font-size: 1.4rem;
  padding: 1rem;  
  text-align: justify;
}

.education h2{
  font-family: var(--title-font);
  font-size: 3rem;
  padding-top: 5rem;
  padding-bottom: 1rem;
}

.education h3{
  font-family: var(--text-font);
  font-size: 2rem;
  padding-top: 3rem;
  padding-bottom: 0.5rem;
  color: var(--shade-1);
}
/*Levels of difficulty*/
.levels img{
  width: 15%;
  height: auto; 
  margin-left: 5rem;
  margin-right: 3rem; 
}
.levels {
    display: flex;
    align-items: center;
  }
.levels p{
  font-family: var(--text-font);
  font-size: 1.4rem;
  text-align: justify;
}
.levels-title{
  font-weight: 700;
  color: #2c0637;
}
.workshop {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.workshop img {
  width: 40%;
  height: auto;
  --g: 2rem;     /* the gap */
  --b: 2rem;    /* border thickness*/
  --c:var(--shade-1); /* the color */
  
  
  padding: calc(var(--g) + var(--b));
  --_c: var(--shade-4) 0 50%, var(--c) 0 70%;
  --_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;
  --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;
  background:
    var(--_g1) var(--_p, 25%) 0   ,var(--_g2) 0    var(--_p,125%),
    var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);
  background-size: 200% var(--b),var(--b) 200%;
  cursor: pointer;
  filter: grayscale(70%);
  transition: .3s;
}
.workshop img:hover {
  --_p: 75%;
  filter: grayscale(0%);
  --b: 0rem;
}

/*Imatge mural*/
.mural-container {
  position: relative;
  display: flex;
  width: 70%;
  margin-left: 15%;
  padding: 3rem;
}

.img-sin-hacer, .img-acabado {
  max-width: 100%; /* Limita el ancho de las imágenes */
  max-height: 100%; /* Limita la altura de las imágenes */
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.img-acabado {
  position: absolute;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9) rotate(-2deg); /* Centra la imagen usando translate */
  opacity: 0;
}

.mural-container:hover .img-acabado {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0); /* Mantén la imagen centrada durante la animación */
}

.mural-container:hover .img-sin-hacer {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.1) rotate(2deg); /* Mantén la imagen centrada durante la animación */
}

/*VIDEOS*/
.mural-video-container,
.workshop-video-container {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

/*COMMS*/
.instagram-media{
  width: 100%;
}

/*TEAM*/----------------------------------------------------------------------------------------------------------------------

/* Contenedor principal de los equipos */
.team-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  }
.team-title h1{
  text-align: center;
  padding-top: 7rem;
}
.team-initial-text{
  font-size: 2rem;
  padding: 4rem;
  text-align: justify;
}
.container-team {
  position: relative;
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos se distribuyan en varias filas */
  justify-content: space-between; /* Asegura que las cajas estén bien espaciadas */
  gap: 2rem; /* Espacio entre las cajas */
  width: 90%;
  margin-left: 7%;
  margin-right: 3%;
  margin-bottom: 3rem; /* Espacio inferior para separar del footer */
}

/* Caja individual de cada equipo */
.box-team{
  /*width:calc(33.33% - 2rem);*/ /* Cada caja ocupará un tercio del ancho, menos el espacio entre ellas */
  width: 20%;
  position: relative;
  height: 400px; /* Ajusta según el diseño necesario */
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5rem;
  box-sizing: border-box; /* Incluye padding y border en el ancho total */
}

/* Estilos al pasar el ratón sobre la caja del equipo */
.box-team:hover .imgbox-team {
  transform: translateX(-60%); /* Ajusta la transición según el efecto deseado */
}

.box-team:hover .content-team {
  transform: translateX(40%); /* Ajusta según el efecto deseado */
  border-top-left-radius: 0rem; /* Ajusta según el efecto deseado */
  border-bottom-left-radius: 0rem; /* Ajusta según el efecto deseado */
}

/* Contenedor de la imagen dentro de la caja del equipo */
.imgbox-team {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  background-size: cover; /* Ajusta la imagen para cubrir el elemento */
 
}

.imgbox-team img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Asegura que la imagen cubra el contenedor */
  border-radius: 1.5rem; /* Bordes redondeados */
}

/* Contenedor del contenido dentro de la caja del equipo */
.content-team {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centra el contenido verticalmente */
  align-items: center; /* Centra el contenido horizontalmente */
  background-color: #fff;
  z-index: 1;
  text-align: center;
  transition: 0.5s ease-in-out;
  overflow: hidden; /* Asegura que el contenido no se desborde */
}

/* Estilo del texto de la descripción */
.content-team p {
  font-size: 1rem !important;
  color: #000 !important;
  margin-bottom: 1rem !important;
  text-align: justify !important; /* Justifica el texto */
  width: 90% !important; /* Ajusta el ancho del texto */
  overflow-y: scroll; /* Habilitar scroll vertical */
  padding: 0.4rem;
  background-color: #6666663b;
}

/* Ocultar scrollbar en navegadores basados en WebKit (Chrome, Safari) */
.content-team p::-webkit-scrollbar {
  width: 0px; /* El ancho de la barra de scroll será 0 */
  background: transparent; /* O hacerlo transparente */
}

/* Ocultar scrollbar en Firefox */
.content-team p{
  scrollbar-width: none; /* Oculta la barra de desplazamiento en Firefox */
}
/* Estilo del título dentro del contenido */
.content-team h2 {
  font-size: 1.5rem;
  color: var(--shade-1);
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 1px;
  margin: 0; /* Elimina margen adicional */
  padding: 0.4rem;
}

/* Estilo del subtítulo dentro del contenido */
.position {
  color: #000;
  font-size: 1.2rem;
  font-weight: 550;
  font-family: var(--formal-font);
  letter-spacing: 0.8px;
  padding: 0.4rem;
}
.studies {
  color: var(--shade-1);
  font-size: 1.2rem;
  font-weight: 550;
  letter-spacing: 0.7px;
  font-family: var(--text-font);
  margin-bottom: 1rem;
  padding: 0.4rem;
}

/* Media queries para adaptarse a diferentes tamaños de pantalla */
@media (max-width: 768px) {
  .box-team {
    width: calc(50% - 6%); /* Dos columnas en pantallas más pequeñas */
  }

  .box-team:hover .content-team {
    transform: translateY(0); /* Ajusta el desplazamiento en pantallas más pequeñas */
  }

  .box-team:hover .imgbox-team {
    transform: translateY(0); /* Ajusta el desplazamiento en pantallas más pequeñas */
  }
}

@media (max-width: 480px) {
  .box-team {
    width: calc(100% - 6%); /* Una columna en pantallas muy pequeñas */
  }
}


/*SPONSORS-------------------------------------------------------------------------------------------------------------------*/
.sponsors{
  width: 80%;
  margin: 5rem;
  padding-left: 5rem;
}
.sponsors p{ 
  font-family: var(--text-font);
  font-size: 1.2rem;
}
.sponsors h1, .sponsors h2 {
  margin-top: 2rem;
}

.sponsors ul {
  padding-left: 1rem;
  padding-top: 1rem;
  font-size: 1.5rem;
}
.sponsors li {
  padding-left: 1rem;
  padding-top: 1rem;
}
.sponsor {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
  }
  .logo-creatio {
      width: 20%; /* Ajusta el tamaño de la imagen */
      height: auto;
      margin-left: 2rem; /* Espacio entre la imagen y el texto */
      padding-top: 2rem;
  }
  .logo-uac {
    width: 30%; /* Ajusta el tamaño de la imagen */
    height: auto;
    margin-left: 5rem; /* Espacio entre la imagen y el texto */
    padding-top: 1rem;
}
  .logo-UB {
    width: 30%; /* Ajusta el tamaño de la imagen */
    height: auto;
    margin-left: 2rem; /* Espacio entre la imagen y el texto */
    padding-top: 2rem;
  }
  .logo-promega {
    width: 20%; /* Ajusta el tamaño de la imagen */
    height: auto;
    margin-left: 2rem; /* Espacio entre la imagen y el texto */
    padding-top: 2rem;
}
.logo-uac {
  width: 30%; /* Ajusta el tamaño de la imagen */
  height: auto;
  margin-left: 5rem; /* Espacio entre la imagen y el texto */
  padding-top: 1rem;
}
.logo-UB {
  width: 30%; /* Ajusta el tamaño de la imagen */
  height: auto;
  margin-left: 2rem; /* Espacio entre la imagen y el texto */
  padding-top: 2rem;
}
.logo-promega {
  width: 20%; /* Ajusta el tamaño de la imagen */
  height: auto;
  margin-left: 2rem; /* Espacio entre la imagen y el texto */
  padding-top: 2rem;
}
.logo-gofound {
  width: 30%; /* Ajusta el tamaño de la imagen */
  height: auto;
  margin-left: 2rem; /* Espacio entre la imagen y el texto */
  padding-top: 2rem;
}
.sponsor-info {
    max-width: 60%; /* Ajusta el ancho máximo del texto */
}