body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

header {
    background-color: #008000; /* Color verde */
    color: white;
    padding: 15px;
    text-align: center;
}

nav {
    /* Estilos del menú, puedes personalizar según tus necesidades */
}

section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 100% del alto de la ventana */
}

iframe {
    width: 100%;
    height: 100%;
}

footer {
    background-color: #008000; /* Color verde */
    color: white;
    padding: 15px;
    text-align: center;
}

/* Media Query para ajustar estilos en dispositivos móviles */
@media only screen and (max-width: 600px) {
    header, footer {
        font-size: 14px;
    }

    section {
        padding: 20px; /* Ajustar el espaciado según sea necesario para dispositivos móviles */
    }
}