/* General styles */
main {

}
body {
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  text-align: center;
  color: white;
  margin-top: 20px;

}


header {
  width:100%;
  background-color: white;
  text-align: center;
}

.container_body{
background-color: #1f1f1f;
margin: 20px;
max-width: 95%;
border: 2px solid white;
border-radius: 10px;
padding: 10px;
}

.logo-container {

  margin: 0 auto;

}

img {
  max-width: 600px;
  height: auto;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 1.5em;
  margin: 10px 0;
}

a {
    color: white;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

iframe {
  width: 600px;
  height: 450px;
  border: 0;
  margin-top: 20px;
}

li {
    list-style: none;

}

.anuncio {
  font-size: 2em;
}

/* Estilo para el botón de WhatsApp */
.whatsapp-button {
    display: none; /* Ocultar por defecto */
    position: fixed; /* Posición fija */
    bottom: 20px; /* Espacio desde la parte inferior */
    right: 20px; /* Espacio desde la parte derecha */
    background-color: #25D366; /* Color de fondo de WhatsApp */
    color: white; /* Color del texto */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Padding */
    font-size: 16px; /* Tamaño de la fuente */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cursor de puntero al pasar el ratón */
    z-index: 1000; /* Asegura que el botón esté por encima de otros elementos */

}

/* Responsive styles */
@media (max-width: 768px) {
  img {
    max-width: 90%;
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.2em;
  }

.anuncio {
  font-size: 1.5em;
}
  iframe {
    width: 100%;
    height: auto;
  }

  .whatsapp-button {
      display: block; /* Ensure the button is displayed */
      position: fixed; /* Fix the position */
      bottom: 20px; /* Space from the bottom */
      right: 10px; /* Space from the right */
      background: none; /* Remove background */
      border: none; /* Remove border */
      padding: 0; /* Remove padding */
      cursor: pointer; /* Pointer cursor on hover */
      z-index: 1100; /* Ensure the button is above other elements */
  }


}