@import url('https://fonts.googleapis.com/css2?family=Average&family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');



body {
    font-family: 'Average', sans-serif;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    
    .dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* Puedes cambiar: 100..1000 */
  font-style: normal;
        
        .josefin-sans {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

}

}

h1, h2, h3 {
    font-family: 'Fjalla One', sans-serif;
}

ul.compañeros {
  list-style: none;
  padding: 0;
  max-width: 400px;
  margin: auto;
}

ul.compañeros li {
  background: #fff;
  margin: 8px 0;
  padding: 12px;
  border-radius: 8px;
  box-shadow: px 2px 6px rgba(0,0,0,0.15);
  font-size: 1.1rem;
    
.timeline-container {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1rem;
}

iframe {
    width: 100%;
    height: 650px;
    border: none;
    border-radius: 10px;
    box-shadow: px 4px 10px rgba(0,0,0,0.2);
}

}