/* Fondo negro y texto blanco */
.black-background {
    background-color: #000000;
    color: #ffffff;
    font-family: 'MiFuente', serif;
    margin: 0;
    padding: 20px;
  }
  
  .texto {
    font-size: 35px;
    line-height: 1.4;
    text-align: left;
  }
  
  body {
    font-size: 14px;
  }
  @media (max-width: 100%) {
    p {
        font-size: 26px; /* Reduce el tamaño de la tipografía en dispositivos móviles */
    }
    
    body {
    font-size: 16px; /* Ajusta el tamaño de la fuente para el cuerpo en móviles */
    }
}

.go-to-another-page {
  position: scroll;
  font-size: x-large;
  color: white;
  text-decoration: none;
}

@font-face {
  font-family: 'MiFuente'; /* Nombre personalizado para la fuente */
  src: url('ChamberiText-Regular.woff') format('truetype'); /* Ruta relativa al archivo de la fuente */
  font-weight: normal; /* Opcional: define el peso de la fuente */
  font-style: normal; /* Opcional: define el estilo de la fuente */
}

italic {
  font-family: 'MiFuente'; /* Usa el mismo nombre de la fuente */
  src: url('ChamberiText-RegularItalic.woff') format('woff'); /* Ruta al archivo de la fuente en cursiva */
  font-weight: normal; /* Peso normal */
  font-style: italic; /* Estilo cursivo */
}

.logoscontainer{
  display: flex;
  justify-content: space-between; /* Centra los logos horizontalmente */
  align-items: left;    /* Centra los logos verticalmente */
  flex-wrap: wrap;
}

.logo{
  width: auto; /* Ajusta el tamaño de los logos */
  height: 50px;
  margin: auto;
}

.footer{
  margin-bottom: 10px;
  font-size: 30px;
  margin-top: -10px;
}

.link {
    text-decoration: none; /* Elimina el subrayado predeterminado */
    color: white; /* Color del enlace */
    position: relative; /* Necesario para la pseudo-clase ::after */
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease; /* Efecto de transición en el color */
}

/* Efecto al pasar el cursor */
.link:hover {
  text-decoration: underline;
}