/* estilo.css */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

body {
    font-family: 'Poppins', sans-serif; 
    background-color: #f5f5f5;
    padding: 20px;
}

.container {
    background-color: #eed69f; 
    border: 2px solid #ffae00; 
    border-radius: 10px; 
    padding: 40px; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
}

h1 {
    text-align: center; 
    color: #000000; 
}

h2 {
    color: #333; 
}

p {
    color: #555; 
    line-height: 1.6; 
}

.bandera {
    display: block; /* Hace que la imagen sea un bloque */
    margin-left: auto; /* Margen izquierdo automático para centrar */
    margin-right: auto; /* Margen derecho automático para centrar */
    max-width: 90%; /* Limita el ancho máximo de la imagen */
    height: auto; /* Mantiene la proporción de la imagen */
    border: 1px solid #ffae00; /* Opción de agregar un borde */
    border-radius: 5px; /* Bordes redondeados opcionales */
}