#Menu {
    background-color: #002244; /* azul oscuro */
    padding: 10px 0;
}

#Menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
}

#Menu ul li a {
    color: #fff;
    text-decoration: none;
    padding: 8px 15px;
    transition: background-color 0.3s, color 0.3s;
}

#Menu ul li a:hover {
    background-color: #0099ff !important;
    border-radius: 5px;
}



#boton-volver {
  text-align: center;
  margin: 2rem 0;
}

#boton-volver a {
  display: inline-block;
  padding: 0.8rem 1.5rem;
  background-color: #003366;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}

#boton-volver a:hover {
  background-color: #0059b3;
}



#Leyendas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 24px;
  list-style: none;
  padding: 0 10px;
  margin: 40px auto;
  max-width: 1000px;
}

#Leyendas li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ffffff, #f9f9f9);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 200px;
  overflow: hidden;
  color: #fff; /* Texto en blanco */
}

#Leyendas li:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

#Leyendas li img {
  width: 90px;
  height: 130px;
  object-fit: cover;
  margin-bottom: 12px;
  border-radius: 8px;
  transition: transform 0.4s ease, box-shadow 0.3s ease;
}

#Leyendas li img:hover {
  transform: scale(1.25);
  z-index: 10;
  position: relative;
  box-shadow: 0 8px 20px rgba(233, 0, 0, 0.35);
}

#Leyendas li:nth-child(1)  { background: linear-gradient(135deg, #1e3c72, #2a5298); }  /* Azul profundo */
#Leyendas li:nth-child(2)  { background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); }  /* Azul acero */
#Leyendas li:nth-child(3)  { background: linear-gradient(135deg, #283c86, #45a247); }  /* Verde con azul marino */
#Leyendas li:nth-child(4)  { background: linear-gradient(135deg, #373b44, #4286f4); }  /* Azul-gris metálico */
#Leyendas li:nth-child(5)  { background: linear-gradient(135deg, #232526, #414345); }  /* Gris oscuro elegante */
#Leyendas li:nth-child(6)  { background: linear-gradient(135deg, #1f4037, #99f2c8); }  /* Verde militar con menta */
#Leyendas li:nth-child(7)  { background: linear-gradient(135deg, #0b8793, #360033); }  /* Azul petróleo y púrpura oscuro */
#Leyendas li:nth-child(8)  { background: linear-gradient(135deg, #3a1c71, #d76d77, #ffaf7b); }  /* Masculino con toques intensos */
#Leyendas li:nth-child(9)  { background: linear-gradient(135deg, #000000, #434343); }  /* Negro con gris para estilo sobrio */
#Leyendas li:nth-child(10) { background: linear-gradient(135deg, #134e5e, #71b280); }  /* Azul con verde selva */
#Leyendas li:nth-child(11) { background: linear-gradient(135deg, #283048, #859398); }  /* Azul acero con gris azulado */
#Leyendas li:nth-child(12) { background: linear-gradient(135deg, #000428, #004e92); }  /* Azul oscuro eléctrico */
#Leyendas li:nth-child(13) { background: linear-gradient(135deg, #141e30, #243b55); }  /* Azul noche masculina */
#Leyendas li:nth-child(14) { background: linear-gradient(135deg, #870000, #190a05); }  /* Rojo sangre y negro */
#Leyendas li:nth-child(15) { background: linear-gradient(135deg, #4568dc, #b06ab3); }  /* Azul con púrpura oscuro */
#Leyendas li:nth-child(16) { background: linear-gradient(135deg, #232526, #414345); }  /* Repetimos gris metálico oscuro */
#Leyendas li:nth-child(17) { background: linear-gradient(135deg, #003973, #e5e5be); }  /* Azul navy con beige masculino */
#Leyendas li:nth-child(18) { background: linear-gradient(135deg, #2c3e50, #4ca1af); }  /* Azul industrial con celeste metálico */
#Leyendas li:nth-child(19) { background: linear-gradient(135deg, #485563, #29323c); }  /* Gris humo con azul marino */
#Leyendas li:nth-child(20) { background: linear-gradient(135deg, #1c1c1c, #434343); }  /* Gris oscuro moderno */




/*pele*/
/* === ESTILOS GENERALES === */
#cuerpo-pele {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4f6fa;
  color: #222;
  line-height: 1.6;
}

/* === ENCABEZADO === */
#encabezado-pele {
  background-color: #00264d;
  color: #ffcc33;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#titulo-principal-pele {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-pele {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === CONTENEDOR PRINCIPAL === */
#contenedor-pele {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === SECCIÓN: BIOGRAFÍA === */
#biografia-pele {
  background-color: #e3f2fd;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-biografia-pele {
  color: #1565c0;
  border-bottom: 2px solid #1565c0;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#bio-nombre-pele, #bio-nacimiento-pele, #bio-posicion-pele, #bio-equipos-pele, #bio-activo-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #42a5f5;
  border-radius: 5px;
}

/* === SECCIÓN: TRAYECTORIA === */
#trayectoria-pele {
  background-color: #e8eaf6;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-trayectoria-pele {
  color: #3949ab;
  border-bottom: 2px solid #3949ab;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-trayectoria-pele {
  list-style: none;
  padding-left: 0;
}

#trayectoria-1-pele, #trayectoria-2-pele, #trayectoria-3-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #5c6bc0;
  border-radius: 5px;
}

/* === SECCIÓN: ESTADÍSTICAS === */
#estadisticas-pele {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-estadisticas-pele {
  color: #f9a825;
  border-bottom: 2px solid #f9a825;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-estadisticas-pele {
  list-style: none;
  padding-left: 0;
}

#stat-1-pele, #stat-2-pele, #stat-3-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #fdd835;
  border-radius: 5px;
}

/* === SECCIÓN: PALMARÉS === */
#palmares-pele {
  background-color: #f3e5f5;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-palmares-pele {
  color: #8e24aa;
  border-bottom: 2px solid #8e24aa;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-palmares-pele {
  list-style: none;
  padding-left: 0;
}

#palmares-1-pele, #palmares-2-pele, #palmares-3-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #ba68c8;
  border-radius: 5px;
}

/* === SECCIÓN: FRASES === */
#frases-pele {
  background-color: #f1f8e9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-frases-pele {
  color: #558b2f;
  border-bottom: 2px solid #558b2f;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#frase-1-pele, #frase-2-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  font-style: italic;
  color: #33691e;
  background-color: #ffffff;
  border-left: 5px solid #8bc34a;
  border-radius: 5px;
}

/* === SECCIÓN: CURIOSIDADES === */
#curiosidades-pele {
  background-color: #e0f7fa;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-curiosidades-pele {
  color: #00838f;
  border-bottom: 2px solid #00838f;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-curiosidades-pele {
  list-style: none;
  padding-left: 0;
}

#curiosidad-1-pele, #curiosidad-2-pele, #curiosidad-3-pele {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #00bcd4;
  border-radius: 5px;
}

/* === SECCIÓN: GALERÍA === */
#galeria-pele {
  background-color: #f4f6f7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  text-align: center;
}

#titulo-galeria-pele {
  color: #1b2631;
  border-bottom: 2px solid #1b2631;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#imagen-1-pele, #imagen-2-pele {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* === FOOTER === */
#pie-pele {
  background-color: #111;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-pele {
  margin: 0;
  font-size: 0.9rem;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #imagen-1-pele, #imagen-2-pele {
    width: 90%;
  }

  #titulo-principal-pele {
    font-size: 2.2rem;
  }

  #contenedor-pele {
    padding: 1rem;
  }
}


/*Maradona*/
/* === ESTILOS GENERALES === */
#cuerpo-maradona {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4f4f9;
  color: #222;
  line-height: 1.6;
}

/* === ENCABEZADO === */
#encabezado-maradona {
  background-color: #003366;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#titulo-principal-maradona {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-maradona {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === CONTENEDOR PRINCIPAL === */
#contenedor-maradona {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === SECCIÓN: BIOGRAFÍA === */
#biografia-maradona {
  background-color: #e0f7fa;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-biografia-maradona {
  color: #00796b;
  border-bottom: 2px solid #00796b;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#bio-nombre-maradona,
#bio-nacimiento-maradona,
#bio-posicion-maradona,
#bio-equipos-maradona,
#bio-activo-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #009688;
  border-radius: 5px;
}

/* === SECCIÓN: TRAYECTORIA === */
#trayectoria-maradona {
  background-color: #f3e5f5;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-trayectoria-maradona {
  color: #6a1b9a;
  border-bottom: 2px solid #6a1b9a;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-trayectoria-maradona {
  list-style: none;
  padding-left: 0;
}

#trayectoria-1-maradona,
#trayectoria-2-maradona,
#trayectoria-3-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #9c27b0;
  border-radius: 5px;
}

/* === SECCIÓN: ESTADÍSTICAS === */
#estadisticas-maradona {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-estadisticas-maradona {
  color: #ef6c00;
  border-bottom: 2px solid #ef6c00;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-estadisticas-maradona {
  list-style: none;
  padding-left: 0;
}

#stat-1-maradona,
#stat-2-maradona,
#stat-3-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #ff9800;
  border-radius: 5px;
}

/* === SECCIÓN: PALMARÉS === */
#palmares-maradona {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-palmares-maradona {
  color: #fbc02d;
  border-bottom: 2px solid #fbc02d;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-palmares-maradona {
  list-style: none;
  padding-left: 0;
}

#palmares-1-maradona,
#palmares-2-maradona,
#palmares-3-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #fdd835;
  border-radius: 5px;
}

/* === SECCIÓN: FRASES === */
#frases-maradona {
  background-color: #ede7f6;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-frases-maradona {
  color: #512da8;
  border-bottom: 2px solid #512da8;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#frase-1-maradona,
#frase-2-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  font-style: italic;
  color: #4a148c;
  background-color: #ffffff;
  border-left: 5px solid #9575cd;
  border-radius: 5px;
}

/* === SECCIÓN: CURIOSIDADES === */
#curiosidades-maradona {
  background-color: #f1f8e9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-curiosidades-maradona {
  color: #33691e;
  border-bottom: 2px solid #33691e;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-curiosidades-maradona {
  list-style: none;
  padding-left: 0;
}

#curiosidad-1-maradona,
#curiosidad-2-maradona,
#curiosidad-3-maradona {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #8bc34a;
  border-radius: 5px;
}

/* === SECCIÓN: GALERÍA === */
#galeria-maradona {
  background-color: #eceff1;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  text-align: center;
}

#titulo-galeria-maradona {
  color: #263238;
  border-bottom: 2px solid #263238;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#imagen-1-maradona,
#imagen-2-maradona {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* === FOOTER === */
#pie-maradona {
  background-color: #222;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-maradona {
  margin: 0;
  font-size: 0.9rem;
}

/* === RESPONSIVE DESIGN === */
@media (max-width: 768px) {
  #imagen-1-maradona,
  #imagen-2-maradona {
    width: 90%;
  }

  #titulo-principal-maradona {
    font-size: 2.2rem;
  }

  #contenedor-maradona {
    padding: 1rem;
  }
}


/*Johan*/
/* === ESTILOS GENERALES === */
#cuerpo-cruyff {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #eef2f7;
  color: #222;
  line-height: 1.6;
}

/* === ENCABEZADO === */
#encabezado-cruyff {
  background-color: #003366;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#titulo-principal-cruyff {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-cruyff {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === CONTENEDOR PRINCIPAL === */
#contenedor-cruyff {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === SECCIÓN: BIOGRAFÍA === */
#biografia-cruyff {
  background-color: #ddebf7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-biografia-cruyff {
  color: #1f4e79;
  border-bottom: 2px solid #1f4e79;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#bio-nombre-cruyff, #bio-nacimiento-cruyff, #bio-posicion-cruyff,
#bio-equipos-cruyff, #bio-activo-cruyff {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #2e75b6;
  border-radius: 5px;
}

/* === TRAYECTORIA === */
#trayectoria-cruyff {
  background-color: #e8f4ea;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-trayectoria-cruyff {
  color: #1b5e20;
  border-bottom: 2px solid #1b5e20;
  margin-bottom: 1rem;
}

#lista-trayectoria-cruyff {
  list-style: none;
  padding-left: 0;
}

#trayectoria-1-cruyff, #trayectoria-2-cruyff, #trayectoria-3-cruyff {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #43a047;
  border-radius: 5px;
}

/* === ESTADÍSTICAS === */
#estadisticas-cruyff {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-estadisticas-cruyff {
  color: #e65100;
  border-bottom: 2px solid #e65100;
  margin-bottom: 1rem;
}

#lista-estadisticas-cruyff {
  list-style: none;
  padding-left: 0;
}

#stat-1-cruyff, #stat-2-cruyff, #stat-3-cruyff {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #fb8c00;
  border-radius: 5px;
}

/* === PALMARÉS === */
#palmares-cruyff {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-palmares-cruyff {
  color: #fbc02d;
  border-bottom: 2px solid #fbc02d;
  margin-bottom: 1rem;
}

#lista-palmares-cruyff {
  list-style: none;
  padding-left: 0;
}

#palmares-1-cruyff, #palmares-2-cruyff, #palmares-3-cruyff {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #fdd835;
  border-radius: 5px;
}

/* === FRASES === */
#frases-cruyff {
  background-color: #f3e5f5;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-frases-cruyff {
  color: #6a1b9a;
  border-bottom: 2px solid #6a1b9a;
  margin-bottom: 1rem;
}

#frase-1-cruyff, #frase-2-cruyff {
  font-style: italic;
  margin: 0.4rem 0;
  padding: 0.5rem;
  color: #4a148c;
  background-color: #ffffff;
  border-left: 5px solid #ab47bc;
  border-radius: 5px;
}

/* === CURIOSIDADES === */
#curiosidades-cruyff {
  background-color: #e0f2f1;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-curiosidades-cruyff {
  color: #00796b;
  border-bottom: 2px solid #00796b;
  margin-bottom: 1rem;
}

#lista-curiosidades-cruyff {
  list-style: none;
  padding-left: 0;
}

#curiosidad-1-cruyff, #curiosidad-2-cruyff, #curiosidad-3-cruyff {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #4db6ac;
  border-radius: 5px;
}

/* === GALERÍA === */
#galeria-cruyff {
  background-color: #f5f5f5;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 2rem;
}

#titulo-galeria-cruyff {
  color: #424242;
  border-bottom: 2px solid #424242;
  margin-bottom: 1rem;
}

#imagen-1-cruyff, #imagen-2-cruyff {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* === FOOTER === */
#pie-cruyff {
  background-color: #222;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-cruyff {
  margin: 0;
  font-size: 0.9rem;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #imagen-1-cruyff, #imagen-2-cruyff {
    width: 90%;
  }

  #titulo-principal-cruyff {
    font-size: 2.2rem;
  }

  #contenedor-cruyff {
    padding: 1rem;
  }
}


/*zinedine*/
#cuerpo-zidane {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f2f4f8;
  color: #222;
  line-height: 1.6;
}

#encabezado-zidane {
  background-color: #1a237e;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#titulo-principal-zidane {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-zidane {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

#contenedor-zidane {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* BIOGRAFÍA */
#biografia-zidane {
  background-color: #e3f2fd;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-biografia-zidane {
  color: #1565c0;
  border-bottom: 2px solid #1565c0;
  margin-bottom: 1rem;
}
#biografia-zidane p {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #2196f3;
  border-radius: 5px;
}

/* TRAYECTORIA */
#trayectoria-zidane {
  background-color: #f1f8e9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-trayectoria-zidane {
  color: #558b2f;
  border-bottom: 2px solid #558b2f;
  margin-bottom: 1rem;
}
#trayectoria-zidane ul {
  list-style: none;
  padding-left: 0;
}
#trayectoria-zidane li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #8bc34a;
  border-radius: 5px;
}

/* ESTADÍSTICAS */
#estadisticas-zidane {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-estadisticas-zidane {
  color: #f57f17;
  border-bottom: 2px solid #f57f17;
  margin-bottom: 1rem;
}
#estadisticas-zidane ul {
  list-style: none;
  padding-left: 0;
}
#estadisticas-zidane li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ffb300;
  border-radius: 5px;
}

/* PALMARÉS */
#palmares-zidane {
  background-color: #e8eaf6;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-palmares-zidane {
  color: #3f51b5;
  border-bottom: 2px solid #3f51b5;
  margin-bottom: 1rem;
}
#palmares-zidane ul {
  list-style: none;
  padding-left: 0;
}
#palmares-zidane li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #7986cb;
  border-radius: 5px;
}

/* FRASES */
#frases-zidane {
  background-color: #f3e5f5;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-frases-zidane {
  color: #6a1b9a;
  border-bottom: 2px solid #6a1b9a;
  margin-bottom: 1rem;
}
#frases-zidane p {
  font-style: italic;
  margin: 0.4rem 0;
  padding: 0.5rem;
  color: #4a148c;
  background-color: white;
  border-left: 5px solid #ab47bc;
  border-radius: 5px;
}

/* CURIOSIDADES */
#curiosidades-zidane {
  background-color: #e0f7fa;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-curiosidades-zidane {
  color: #00796b;
  border-bottom: 2px solid #00796b;
  margin-bottom: 1rem;
}
#curiosidades-zidane ul {
  list-style: none;
  padding-left: 0;
}
#curiosidades-zidane li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #4db6ac;
  border-radius: 5px;
}

/* GALERÍA */
#galeria-zidane {
  background-color: #f5f5f5;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 2rem;
}
#titulo-galeria-zidane {
  color: #424242;
  border-bottom: 2px solid #424242;
  margin-bottom: 1rem;
}
#imagen-1-zidane, #imagen-2-zidane {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* FOOTER */
#pie-zidane {
  background-color: #222;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}
#pie-texto-zidane {
  margin: 0;
  font-size: 0.9rem;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #imagen-1-zidane, #imagen-2-zidane {
    width: 90%;
  }

  #titulo-principal-zidane {
    font-size: 2.2rem;
  }

  #contenedor-zidane {
    padding: 1rem;
  }
}

/*Maldini*/
#cuerpo-maldini {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fafafa;
  color: #212121;
  line-height: 1.6;
}

#encabezado-maldini {
  background-color: #b71c1c;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#titulo-principal-maldini {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-maldini {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

#contenedor-maldini {
  max-width: 900px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* BIOGRAFÍA */
#biografia-maldini {
  background-color: #ffebee;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-biografia-maldini {
  color: #c62828;
  border-bottom: 2px solid #c62828;
  margin-bottom: 1rem;
}
#biografia-maldini p {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ef5350;
  border-radius: 5px;
}

/* TRAYECTORIA */
#trayectoria-maldini {
  background-color: #f3e5f5;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-trayectoria-maldini {
  color: #6a1b9a;
  border-bottom: 2px solid #6a1b9a;
  margin-bottom: 1rem;
}
#trayectoria-maldini ul {
  list-style: none;
  padding-left: 0;
}
#trayectoria-maldini li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ab47bc;
  border-radius: 5px;
}

/* ESTADÍSTICAS */
#estadisticas-maldini {
  background-color: #e8f5e9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-estadisticas-maldini {
  color: #2e7d32;
  border-bottom: 2px solid #2e7d32;
  margin-bottom: 1rem;
}
#estadisticas-maldini ul {
  list-style: none;
  padding-left: 0;
}
#estadisticas-maldini li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #66bb6a;
  border-radius: 5px;
}

/* PALMARÉS */
#palmares-maldini {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-palmares-maldini {
  color: #ef6c00;
  border-bottom: 2px solid #ef6c00;
  margin-bottom: 1rem;
}
#palmares-maldini ul {
  list-style: none;
  padding-left: 0;
}
#palmares-maldini li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ffa726;
  border-radius: 5px;
}

/* FRASES */
#frases-maldini {
  background-color: #e1f5fe;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-frases-maldini {
  color: #0277bd;
  border-bottom: 2px solid #0277bd;
  margin-bottom: 1rem;
}
#frases-maldini p {
  font-style: italic;
  margin: 0.4rem 0;
  padding: 0.5rem;
  color: #01579b;
  background-color: white;
  border-left: 5px solid #29b6f6;
  border-radius: 5px;
}

/* CURIOSIDADES */
#curiosidades-maldini {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-curiosidades-maldini {
  color: #f9a825;
  border-bottom: 2px solid #f9a825;
  margin-bottom: 1rem;
}
#curiosidades-maldini ul {
  list-style: none;
  padding-left: 0;
}
#curiosidades-maldini li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ffee58;
  border-radius: 5px;
}

/* GALERÍA */
#galeria-maldini {
  background-color: #fafafa;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 2rem;
}
#titulo-galeria-maldini {
  color: #616161;
  border-bottom: 2px solid #616161;
  margin-bottom: 1rem;
}
#imagen-1-maldini, #imagen-2-maldini {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* FOOTER */
#pie-maldini {
  background-color: #222;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}
#pie-texto-maldini {
  margin: 0;
  font-size: 0.9rem;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #imagen-1-maldini, #imagen-2-maldini {
    width: 90%;
  }

  #titulo-principal-maldini {
    font-size: 2.2rem;
  }

  #contenedor-maldini {
    padding: 1rem;
  }
}

/*ronaldinho*/
#cuerpo-ronaldinho {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff8e1;
  color: #4e342e;
  line-height: 1.6;
}

#encabezado-ronaldinho {
  background-color: #ef6c00;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#titulo-principal-ronaldinho {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-ronaldinho {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

#contenedor-ronaldinho {
  max-width: 900px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* BIOGRAFÍA */
#biografia-ronaldinho {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-biografia-ronaldinho {
  color: #ef6c00;
  border-bottom: 2px solid #ef6c00;
  margin-bottom: 1rem;
}
#biografia-ronaldinho p {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ffa726;
  border-radius: 5px;
}

/* TRAYECTORIA */
#trayectoria-ronaldinho {
  background-color: #fbe9e7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-trayectoria-ronaldinho {
  color: #d84315;
  border-bottom: 2px solid #d84315;
  margin-bottom: 1rem;
}
#trayectoria-ronaldinho ul {
  list-style: none;
  padding-left: 0;
}
#trayectoria-ronaldinho li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #ff7043;
  border-radius: 5px;
}

/* ESTADÍSTICAS */
#estadisticas-ronaldinho {
  background-color: #e1f5fe;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-estadisticas-ronaldinho {
  color: #0277bd;
  border-bottom: 2px solid #0277bd;
  margin-bottom: 1rem;
}
#estadisticas-ronaldinho ul {
  list-style: none;
  padding-left: 0;
}
#estadisticas-ronaldinho li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #29b6f6;
  border-radius: 5px;
}

/* PALMARÉS */
#palmares-ronaldinho {
  background-color: #ede7f6;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-palmares-ronaldinho {
  color: #512da8;
  border-bottom: 2px solid #512da8;
  margin-bottom: 1rem;
}
#palmares-ronaldinho ul {
  list-style: none;
  padding-left: 0;
}
#palmares-ronaldinho li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #7e57c2;
  border-radius: 5px;
}

/* FRASES */
#frases-ronaldinho {
  background-color: #fffde7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-frases-ronaldinho {
  color: #fbc02d;
  border-bottom: 2px solid #fbc02d;
  margin-bottom: 1rem;
}
#frases-ronaldinho p {
  font-style: italic;
  margin: 0.4rem 0;
  padding: 0.5rem;
  color: #f9a825;
  background-color: white;
  border-left: 5px solid #ffee58;
  border-radius: 5px;
}

/* CURIOSIDADES */
#curiosidades-ronaldinho {
  background-color: #e0f7fa;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
#titulo-curiosidades-ronaldinho {
  color: #0097a7;
  border-bottom: 2px solid #0097a7;
  margin-bottom: 1rem;
}
#curiosidades-ronaldinho ul {
  list-style: none;
  padding-left: 0;
}
#curiosidades-ronaldinho li {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: white;
  border-left: 5px solid #4dd0e1;
  border-radius: 5px;
}

/* GALERÍA */
#galeria-ronaldinho {
  background-color: #fafafa;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 2rem;
}
#titulo-galeria-ronaldinho {
  color: #616161;
  border-bottom: 2px solid #616161;
  margin-bottom: 1rem;
}
#imagen-1-ronaldinho, #imagen-2-ronaldinho {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* FOOTER */
#pie-ronaldinho {
  background-color: #212121;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}
#pie-texto-ronaldinho {
  margin: 0;
  font-size: 0.9rem;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #imagen-1-ronaldinho, #imagen-2-ronaldinho {
    width: 90%;
  }

  #titulo-principal-ronaldinho {
    font-size: 2.2rem;
  }

  #contenedor-ronaldinho {
    padding: 1rem;
  }
}

/*nazario*/
/* === ESTILOS GENERALES === */
#cuerpo-ronaldo {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4f6fa;
  color: #1b2631;
  line-height: 1.6;
}

/* === ENCABEZADO === */
#encabezado-ronaldo {
  background-color: #154360;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

#titulo-principal-ronaldo {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-ronaldo {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === CONTENEDOR PRINCIPAL === */
#contenedor-ronaldo {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === BIOGRAFÍA === */
#biografia-ronaldo {
  background-color: #e8f0fe;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-biografia-ronaldo {
  color: #1a5276;
  border-bottom: 2px solid #1a5276;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#bio-nombre-ronaldo, #bio-nacimiento-ronaldo, #bio-posicion-ronaldo, #bio-equipos-ronaldo, #bio-activo-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #2980b9;
  border-radius: 5px;
}

/* === TRAYECTORIA === */
#trayectoria-ronaldo {
  background-color: #fef9e7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-trayectoria-ronaldo {
  color: #b7950b;
  border-bottom: 2px solid #b7950b;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-trayectoria-ronaldo {
  list-style: none;
  padding-left: 0;
}

#trayectoria-1-ronaldo, #trayectoria-2-ronaldo, #trayectoria-3-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #f1c40f;
  border-radius: 5px;
}

/* === ESTADÍSTICAS === */
#estadisticas-ronaldo {
  background-color: #eafaf1;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-estadisticas-ronaldo {
  color: #196f3d;
  border-bottom: 2px solid #196f3d;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-estadisticas-ronaldo {
  list-style: none;
  padding-left: 0;
}

#stat-1-ronaldo, #stat-2-ronaldo, #stat-3-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #27ae60;
  border-radius: 5px;
}

/* === PALMARÉS === */
#palmares-ronaldo {
  background-color: #fef5e7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-palmares-ronaldo {
  color: #b9770e;
  border-bottom: 2px solid #b9770e;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-palmares-ronaldo {
  list-style: none;
  padding-left: 0;
}

#palmares-1-ronaldo, #palmares-2-ronaldo, #palmares-3-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #d68910;
  border-radius: 5px;
}

/* === FRASES === */
#frases-ronaldo {
  background-color: #f9ebea;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-frases-ronaldo {
  color: #922b21;
  border-bottom: 2px solid #922b21;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#frase-1-ronaldo, #frase-2-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  font-style: italic;
  color: #641e16;
  background-color: #ffffff;
  border-left: 5px solid #cb4335;
  border-radius: 5px;
}

/* === CURIOSIDADES === */
#curiosidades-ronaldo {
  background-color: #eaf2f8;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-curiosidades-ronaldo {
  color: #21618c;
  border-bottom: 2px solid #21618c;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-curiosidades-ronaldo {
  list-style: none;
  padding-left: 0;
}

#curiosidad-1-ronaldo, #curiosidad-2-ronaldo, #curiosidad-3-ronaldo {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #ffffff;
  border-left: 5px solid #5dade2;
  border-radius: 5px;
}

/* === GALERÍA === */
#galeria-ronaldo {
  background-color: #f2f3f4;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  text-align: center;
}

#titulo-galeria-ronaldo {
  color: #283747;
  border-bottom: 2px solid #283747;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#imagen-1-ronaldo, #imagen-2-ronaldo {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* === FOOTER === */
#pie-ronaldo {
  background-color: #1c2833;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-ronaldo {
  margin: 0;
  font-size: 0.9rem;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #imagen-1-ronaldo, #imagen-2-ronaldo {
    width: 90%;
  }

  #titulo-principal-ronaldo {
    font-size: 2.2rem;
  }

  #contenedor-ronaldo {
    padding: 1rem;
  }
}

/*Beck*/
/* === ESTILOS GENERALES === */
#cuerpo-beck {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa;
  color: #222;
  line-height: 1.6;
}

/* === ENCABEZADO === */
#encabezado-beck {
  background-color: #00264d;
  color: white;
  text-align: center;
  padding: 2rem 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#titulo-principal-beck {
  font-size: 3rem;
  margin: 0;
}

#subtitulo-beck {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === CONTENEDOR PRINCIPAL === */
#contenedor-beck {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === BIOGRAFÍA === */
#biografia-beck {
  background-color: #e6f0ff;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-biografia-beck {
  color: #0059b3;
  border-bottom: 2px solid #0059b3;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#bio-nombre-beck, #bio-nacimiento-beck, #bio-posicion-beck,
#bio-equipos-beck, #bio-activo-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #fff;
  border-left: 5px solid #3399ff;
  border-radius: 5px;
}

/* === TRAYECTORIA === */
#trayectoria-beck {
  background-color: #f0f5f9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-trayectoria-beck {
  color: #2e86c1;
  border-bottom: 2px solid #2e86c1;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-trayectoria-beck {
  list-style: none;
  padding-left: 0;
}

#trayectoria-1-beck, #trayectoria-2-beck, #trayectoria-3-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #fff;
  border-left: 5px solid #5dade2;
  border-radius: 5px;
}

/* === ESTADÍSTICAS === */
#estadisticas-beck {
  background-color: #fff5e6;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-estadisticas-beck {
  color: #cc6600;
  border-bottom: 2px solid #cc6600;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-estadisticas-beck {
  list-style: none;
  padding-left: 0;
}

#stat-1-beck, #stat-2-beck, #stat-3-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #fff;
  border-left: 5px solid #ff9933;
  border-radius: 5px;
}

/* === PALMARÉS === */
#palmares-beck {
  background-color: #fbfbe9;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-palmares-beck {
  color: #9a8700;
  border-bottom: 2px solid #9a8700;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-palmares-beck {
  list-style: none;
  padding-left: 0;
}

#palmares-1-beck, #palmares-2-beck, #palmares-3-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #fff;
  border-left: 5px solid #f4d03f;
  border-radius: 5px;
}

/* === FRASES === */
#frases-beck {
  background-color: #f5eaf7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-frases-beck {
  color: #884ea0;
  border-bottom: 2px solid #884ea0;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#frase-1-beck, #frase-2-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  font-style: italic;
  color: #512e5f;
  background-color: #fff;
  border-left: 5px solid #bb8fce;
  border-radius: 5px;
}

/* === CURIOSIDADES === */
#curiosidades-beck {
  background-color: #e8fcf7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}

#titulo-curiosidades-beck {
  color: #117a65;
  border-bottom: 2px solid #117a65;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#lista-curiosidades-beck {
  list-style: none;
  padding-left: 0;
}

#curiosidad-1-beck, #curiosidad-2-beck, #curiosidad-3-beck {
  margin: 0.4rem 0;
  padding: 0.5rem;
  background-color: #fff;
  border-left: 5px solid #48c9b0;
  border-radius: 5px;
}

/* === GALERÍA === */
#galeria-beck {
  background-color: #f4f6f7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  text-align: center;
}

#titulo-galeria-beck {
  color: #2c3e50;
  border-bottom: 2px solid #2c3e50;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

#imagen-1-beck, #imagen-2-beck {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* === FOOTER === */
#pie-beck {
  background-color: #222;
  color: #ccc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-beck {
  margin: 0;
  font-size: 0.9rem;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  #imagen-1-beck, #imagen-2-beck {
    width: 90%;
  }

  #titulo-principal-beck {
    font-size: 2.2rem;
  }

  #contenedor-beck {
    padding: 1rem;
  }
}

/*francescoli*/
#cuerpo-fran {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #fdfcfa;
  color: #1e1e1e;
}

/* === Encabezado === */
#encabezado-fran {
  background-color: #004d40;
  color: #ffffff;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-fran {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-fran {
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 0.5rem;
}

/* === Contenedor principal === */
#contenedor-fran {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #f0f4f3;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

section h2 {
  color: #00796b;
  border-bottom: 2px solid #00796b;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffffff;
  border-left: 5px solid #26a69a;
  padding: 0.5rem;
  margin: 0.4rem 0;
  border-radius: 5px;
}

/* === Frases === */
#frases-fran p {
  background-color: #ffffff;
  padding: 0.5rem;
  border-left: 5px solid #4db6ac;
  border-radius: 5px;
  margin: 0.4rem 0;
  font-style: italic;
}

/* === Galería === */
#galeria-fran {
  text-align: center;
}

#imagen-1-fran, #imagen-2-fran {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

/* === Footer === */
#pie-fran {
  background-color: #263238;
  color: #cfd8dc;
  text-align: center;
  padding: 1rem;
}

#pie-texto-fran {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-fran, #imagen-2-fran {
    width: 90%;
  }

  #titulo-principal-fran {
    font-size: 2.2rem;
  }

  #contenedor-fran {
    padding: 1rem;
  }
}

/*platini*/
#cuerpo-platini {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f9f9fc;
  color: #1e1e1e;
}

/* === Encabezado === */
#encabezado-platini {
  background-color: #00274d;
  color: #ffffff;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-platini {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-platini {
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 0.5rem;
}

/* === Contenedor principal === */
#contenedor-platini {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #edf1f7;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

section h2 {
  color: #154360;
  border-bottom: 2px solid #154360;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffffff;
  border-left: 5px solid #2980b9;
  padding: 0.5rem;
  margin: 0.4rem 0;
  border-radius: 5px;
}

/* === Frases === */
#frases-platini p {
  background-color: #ffffff;
  padding: 0.5rem;
  border-left: 5px solid #5dade2;
  border-radius: 5px;
  margin: 0.4rem 0;
  font-style: italic;
}

/* === Galería === */
#galeria-platini {
  text-align: center;
}

#imagen-1-platini, #imagen-2-platini {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

/* === Footer === */
#pie-platini {
  background-color: #1b2631;
  color: #d6dbdf;
  text-align: center;
  padding: 1rem;
}

#pie-texto-platini {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-platini, #imagen-2-platini {
    width: 90%;
  }

  #titulo-principal-platini {
    font-size: 2.2rem;
  }

  #contenedor-platini {
    padding: 1rem;
  }
}

/*stefano*/
#cuerpo-distefano {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f8f9fa;
  color: #1a1a1a;
}

/* === Encabezado === */
#encabezado-distefano {
  background-color: #4a148c;
  color: #fff;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-distefano {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-distefano {
  font-size: 1.2rem;
  font-style: italic;
  margin-top: 0.5rem;
}

/* === Contenedor principal === */
#contenedor-distefano {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones generales === */
section {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #ede7f6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

section h2 {
  color: #6a1b9a;
  border-bottom: 2px solid #6a1b9a;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #fff;
  border-left: 5px solid #8e24aa;
  padding: 0.5rem;
  margin: 0.4rem 0;
  border-radius: 5px;
}

/* === Frases === */
#frases-distefano p {
  background-color: #ffffff;
  padding: 0.5rem;
  border-left: 5px solid #ab47bc;
  border-radius: 5px;
  margin: 0.4rem 0;
  font-style: italic;
}

/* === Galería === */
#galeria-distefano {
  text-align: center;
}

#imagen-1-distefano, #imagen-2-distefano {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

/* === Footer === */
#pie-distefano {
  background-color: #311b92;
  color: #e0e0e0;
  text-align: center;
  padding: 1rem;
}

#pie-texto-distefano {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-distefano, #imagen-2-distefano {
    width: 90%;
  }

  #titulo-principal-distefano {
    font-size: 2.2rem;
  }

  #contenedor-distefano {
    padding: 1rem;
  }
}

/*best*/
#cuerpo-best {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4fdf4;
  color: #222;
}

/* === Encabezado === */
#encabezado-best {
  background-color: #006400;
  color: #fffacd;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-best {
  font-size: 2.6rem;
  margin: 0;
}

#subtitulo-best {
  font-size: 1.1rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-best {
  max-width: 960px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #eafaea;
  padding: 1.3rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

section h2 {
  color: #2e7d32;
  border-bottom: 2px solid #a9dfbf;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffffff;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #66bb6a;
  border-radius: 5px;
}

/* === Frases === */
#frases-best p {
  background-color: #ffffff;
  padding: 0.6rem;
  border-left: 5px solid #81c784;
  margin: 0.5rem 0;
  font-style: italic;
  border-radius: 5px;
}

/* === Galería === */
#galeria-best {
  text-align: center;
}

#imagen-1-best, #imagen-2-best {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

/* === Footer === */
#pie-best {
  background-color: #004d00;
  color: #f0fff0;
  text-align: center;
  padding: 1rem;
}

#pie-texto-best {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-best, #imagen-2-best {
    width: 90%;
  }

  #titulo-principal-best {
    font-size: 2.2rem;
  }

  #contenedor-best {
    padding: 1rem;
  }
}

/*Yashin*/
#cuerpo-yashin {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f4f6f8;
  color: #1c1c1c;
}

/* === Encabezado === */
#encabezado-yashin {
  background-color: #000000;
  color: #b0c4de;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-yashin {
  font-size: 2.6rem;
  margin: 0;
}

#subtitulo-yashin {
  font-size: 1.1rem;
  font-style: italic;
  margin-top: 0.5rem;
}

/* === Contenedor === */
#contenedor-yashin {
  max-width: 960px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #eaf2f8;
  padding: 1.3rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

section h2 {
  color: #154360;
  border-bottom: 2px solid #aed6f1;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffffff;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #5dade2;
  border-radius: 5px;
}

/* === Frases === */
#frases-yashin p {
  background-color: #ffffff;
  padding: 0.6rem;
  border-left: 5px solid #5499c7;
  margin: 0.5rem 0;
  font-style: italic;
  border-radius: 5px;
}

/* === Galería === */
#galeria-yashin {
  text-align: center;
}

#imagen-1-yashin, #imagen-2-yashin {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

/* === Footer === */
#pie-yashin {
  background-color: #1b2631;
  color: #d6dbdf;
  text-align: center;
  padding: 1rem;
}

#pie-texto-yashin {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-yashin, #imagen-2-yashin {
    width: 90%;
  }

  #titulo-principal-yashin {
    font-size: 2.2rem;
  }

  #contenedor-yashin {
    padding: 1rem;
  }
}

/*Thierry*/
#cuerpo-henry {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #fef9f5;
  color: #222;
}

/* === Encabezado === */
#encabezado-henry {
  background-color: #8b0000;
  color: #fffacd;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-henry {
  font-size: 2.6rem;
  margin: 0;
}

#subtitulo-henry {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-henry {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #fdf1e7;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

section h2 {
  color: #c0392b;
  border-bottom: 2px solid #d98880;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffffff;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #e74c3c;
  border-radius: 5px;
}

/* === Frases === */
#frases-henry p {
  background-color: #ffffff;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #f39c12;
  border-radius: 5px;
}

/* === Galería === */
#galeria-henry {
  text-align: center;
}

#imagen-1-henry, #imagen-2-henry {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

/* === Footer === */
#pie-henry {
  background-color: #641e16;
  color: #f5cba7;
  text-align: center;
  padding: 1rem;
}

#pie-texto-henry {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-henry, #imagen-2-henry {
    width: 90%;
  }

  #titulo-principal-henry {
    font-size: 2.2rem;
  }

  #contenedor-henry {
    padding: 1rem;
  }
}

/*redondo*/
#cuerpo-redondo {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background-color: #f7f9f9;
  color: #222;
}

/* === Encabezado === */
#encabezado-redondo {
  background-color: #1c2833;
  color: #ffffff;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-redondo {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-redondo {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-redondo {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(0,0,0,0.1);
}

section h2 {
  color: #34495e;
  border-bottom: 2px solid #566573;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ecf0f1;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #5d6d7e;
  border-radius: 5px;
}

/* === Frases === */
#frases-redondo p {
  background-color: #f4f6f7;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #aab7b8;
  border-radius: 5px;
}

/* === Galería === */
#galeria-redondo {
  text-align: center;
}

#imagen-1-redondo, #imagen-2-redondo {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

/* === Footer === */
#pie-redondo {
  background-color: #2e4053;
  color: #d6dbdf;
  text-align: center;
  padding: 1rem;
}

#pie-texto-redondo {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-redondo, #imagen-2-redondo {
    width: 90%;
  }

  #titulo-principal-redondo {
    font-size: 2.2rem;
  }

  #contenedor-redondo {
    padding: 1rem;
  }
}

/*rivaldo*/
#cuerpo-rivaldo {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fdf6e3;
  color: #3e2723;
}

/* === Encabezado === */
#encabezado-rivaldo {
  background-color: #bf360c;
  color: #fff3e0;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-rivaldo {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-rivaldo {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-rivaldo {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(179, 89, 0, 0.3);
}

section h2 {
  color: #bf360c;
  border-bottom: 2px solid #d84315;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #d84315;
  border-radius: 5px;
}

/* === Frases === */
#frases-rivaldo p {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #ff6f00;
  border-radius: 5px;
}

/* === Galería === */
#galeria-rivaldo {
  text-align: center;
}

#imagen-1-rivaldo, #imagen-2-rivaldo {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(188, 71, 0, 0.3);
}

/* === Footer === */
#pie-rivaldo {
  background-color: #6d4c41;
  color: #ffe0b2;
  text-align: center;
  padding: 1rem;
}

#pie-texto-rivaldo {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-rivaldo, #imagen-2-rivaldo {
    width: 90%;
  }

  #titulo-principal-rivaldo {
    font-size: 2.2rem;
  }

  #contenedor-rivaldo {
    padding: 1rem;
  }
}

/*garrincha*/
#cuerpo-garrincha {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #e1f5fe;
  color: #01579b;
}

/* === Encabezado === */
#encabezado-garrincha {
  background-color: #0277bd;
  color: #e1f5fe;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-garrincha {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-garrincha {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-garrincha {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #e1f5fe;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(1, 87, 155, 0.3);
}

section h2 {
  color: #0277bd;
  border-bottom: 2px solid #0288d1;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #b3e5fc;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #0288d1;
  border-radius: 5px;
}

/* === Frases === */
#frases-garrincha p {
  background-color: #b3e5fc;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #01579b;
  border-radius: 5px;
}

/* === Galería === */
#galeria-garrincha {
  text-align: center;
}

#imagen-1-garrincha, #imagen-2-garrincha {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(2, 119, 189, 0.3);
}

/* === Footer === */
#pie-garrincha {
  background-color: #01579b;
  color: #e1f5fe;
  text-align: center;
  padding: 1rem;
}

#pie-texto-garrincha {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-garrincha, #imagen-2-garrincha {
    width: 90%;
  }

  #titulo-principal-garrincha {
    font-size: 2.2rem;
  }

  #contenedor-garrincha {
    padding: 1rem;
  }
}

/*sanchez*/
#cuerpo-hugo {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff3e0;
  color: #e65100;
}

/* === Encabezado === */
#encabezado-hugo {
  background-color: #ef6c00;
  color: #fff3e0;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-hugo {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-hugo {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-hugo {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #fff3e0;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(230, 81, 0, 0.3);
}

section h2 {
  color: #ef6c00;
  border-bottom: 2px solid #f57c00;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #f57c00;
  border-radius: 5px;
}

/* === Frases === */
#frases-hugo p {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #e65100;
  border-radius: 5px;
}

/* === Galería === */
#galeria-hugo {
  text-align: center;
}

#imagen-1-hugo, #imagen-2-hugo {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(239, 108, 0, 0.3);
}

/* === Footer === */
#pie-hugo {
  background-color: #e65100;
  color: #fff3e0;
  text-align: center;
  padding: 1rem;
}

#pie-texto-hugo {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-hugo, #imagen-2-hugo {
    width: 90%;
  }

  #titulo-principal-hugo {
    font-size: 2.2rem;
  }

  #contenedor-hugo {
    padding: 1rem;
  }
}

/*bautista*/
#cuerpo-bautista {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff8e1;
  color: #bf360c;
}

/* === Encabezado === */
#encabezado-bautista {
  background-color: #d84315;
  color: #fff8e1;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-bautista {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-bautista {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-bautista {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #fff8e1;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(216, 67, 21, 0.3);
}

section h2 {
  color: #d84315;
  border-bottom: 2px solid #e64a19;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #e64a19;
  border-radius: 5px;
}

/* === Frases === */
#frases-bautista p {
  background-color: #ffe0b2;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #bf360c;
  border-radius: 5px;
}

/* === Galería === */
#galeria-bautista {
  text-align: center;
}

#imagen-1-bautista, #imagen-2-bautista {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(216, 67, 21, 0.3);
}

/* === Footer === */
#pie-bautista {
  background-color: #bf360c;
  color: #fff8e1;
  text-align: center;
  padding: 1rem;
}

#pie-texto-bautista {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-bautista, #imagen-2-bautista {
    width: 90%;
  }

  #titulo-principal-bautista {
    font-size: 2.2rem;
  }

  #contenedor-bautista {
    padding: 1rem;
  }
}

/*robrt*/
#cuerpo-baggio {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f0f4f8;
  color: #1b1f3b;
}

/* === Encabezado === */
#encabezado-baggio {
  background-color: #003366;
  color: #ffffff;
  text-align: center;
  padding: 2rem 1rem;
}

#titulo-principal-baggio {
  font-size: 2.8rem;
  margin: 0;
}

#subtitulo-baggio {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* === Contenedor === */
#contenedor-baggio {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1.5rem;
}

/* === Secciones === */
section {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

section h2 {
  color: #003366;
  border-bottom: 2px solid #006699;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
}

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

ul li {
  background-color: #e3f2fd;
  padding: 0.6rem;
  margin: 0.5rem 0;
  border-left: 5px solid #007acc;
  border-radius: 5px;
}

/* === Frases === */
#frases-baggio p {
  background-color: #e3f2fd;
  padding: 0.6rem;
  margin: 0.5rem 0;
  font-style: italic;
  border-left: 5px solid #003366;
  border-radius: 5px;
}

/* === Galería === */
#galeria-baggio {
  text-align: center;
}

#imagen-1-baggio,
#imagen-2-baggio {
  width: 45%;
  margin: 1rem;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0, 51, 102, 0.3);
}

/* === Footer === */
#pie-baggio {
  background-color: #003366;
  color: #ffffff;
  text-align: center;
  padding: 1rem;
}

#pie-texto-baggio {
  margin: 0;
  font-size: 0.9rem;
}

/* === Responsive === */
@media (max-width: 768px) {
  #imagen-1-baggio,
  #imagen-2-baggio {
    width: 90%;
  }

  #titulo-principal-baggio {
    font-size: 2.2rem;
  }

  #contenedor-baggio {
    padding: 1rem;
  }
}

#Menu ul li,
#Menu ul li a {
    background-color: transparent !important;
    color: #fff;
    border: none;
    box-shadow: none;
}