/* Estilos generales */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
header {
width: 100%;
}
.marquesina {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
main {
padding: 0px;
text-align: center;
}
h1 {
font-size: 1.6em;
margin-bottom: 20px;
}
h3 {
font-size: 1em;
margin-bottom: 0px;
color: #0202be
}
.contenedor {
display: flex;
flex-direction: column; /* Cambia a una sola columna */
align-items: center; /* Centra los rectángulos */
}
.rectangulo {
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 10px 0; /* Margen solo arriba y abajo */
padding: 0px;
width: 80%; /* Ancho del rectángulo */
max-width: 600px; /* Ancho máximo para que no se vea demasiado grande */
text-align: center;
}
.rectangulo img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 10px 0;
}
.rectangulo h2 {
font-size: 1.1em;
margin-bottom: 10px;
}

.rectangulo hr {
border: 0;
height: 1px;
background: #ccc;
margin: 0px 0;
}
.rectangulo p {
font-size: 1em;
color: #555;
margin: 0px 0;
margin-bottom: 20px;
}
footer {
//background-color: #333;
color: #000000;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
footer p {
margin: 0;
font-size: 1em;
}



.boton {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #fe6700; /* Color naranja por defecto */
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.boton:hover {
    background-color: #0202be; /* Color azul al hover */
}