body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    color: #333;
}

header {
	display: flex;
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
    padding: 20px 0; /* Espaciado alrededor de la imagen */
    background-color: #1467ab; /* Verde para dar sensación de esperanza */
    color: white;
    text-align: center;
   }
   header img {
    max-width: 100%; /* Hace que la imagen no supere el ancho de su contenedor */
    height: auto;    /* Mantiene la proporción de la imagen */
}

main {
     text-align: center; /* Centra el contenido en el main */
	max-width: 1000px;
    margin: 2em auto;
    padding: 1em;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
  #menu {
        display: flex;
        justify-content: space-around; /* Distribuye los botones de manera equitativa */
        padding: 10px;
        background-color: #f0f0f0; /* Fondo claro para el menú */
    }

    #menu button {
        padding: 10px 20px;
        background-color: #1467ab; /* Cambia a tu color preferido si lo necesitas */
        color: white;
        border: none;
        cursor: pointer;
        font-size: 16px;
    }

    #menu button:hover {
        background-color: #ff0000; /* Color rojo al pasar el cursor por encima */
    }
section {
    margin-bottom: 2em;
}

 .content {
            text-align: justify;
        }

/* formulario 
================================= */
form {
  max-width: 600px;
  margin: auto;
}

.form-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

input, textarea {
  width: 48%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

textarea {
  width: 100%;
  height: 100px;
  resize: none;
}

button {
  background-color: #0067b2;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #004e8a;
}
h1 {
    text-align: center;
	color: #ff0000;
}
h2 {
    text-align: center;
	color: #1467ab;
}
/* Estilo para secciones */
#contactenos {
    margin: 20px 0; /* Espaciado entre secciones */
}

#intro img {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    height: auto;
}

#loteria {
    text-align: center;
}

.info-box {
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
}

.info-box > div {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 5px;
    flex: 1; /* Divide el espacio de manera equitativa */
    margin: 0 1em; /* Espacio entre las cajas */
}

#requisitos {
    text-align: center;
    margin-bottom: 2em;
}

.requisitos-container {
    display: flex; /* Para alinear los elementos en horizontal */
    justify-content: space-around; /* Espacio entre elementos */
    margin-top: 2em;
}

.requisito {
    flex: 1; /* Divide el espacio de manera equitativa */
    margin: 0 1em; /* Espacio entre elementos */
}

.requisito img {
    max-width: 100%;
    height: auto;
}

.requisito-texto {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 5px;
    flex: 1; /* Divide el espacio de manera equitativa */
    margin: 0 1em; /* Espacio entre elementos */
}

.requisito-texto h3 {
    color: #4CAF50; /* Verde para resaltar el título */
}


.info-box h3 {
    color: #1467ab; /* Verde para resaltar el título */
}

ul {
    list-style-type: disc;
    padding-left: 2em;
}

button {
    background-color: #1467ab; /* Verde para dar sensación de esperanza */
    color: white;
    padding: 1em 2em;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin: 1em auto;
    text-align: center;
}

/* Estilo para el footer */
footer {
    text-align: center; /* Centra el texto del footer */
    padding: 10px 0; /* Espaciado interno */
    background-color: #f1f1f1; /* Fondo para el footer */
}