/* Formato inyectado por script Python */
html { font-size: 100%; }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; 
    margin: 0; padding: 0; background-color: #f4f4f9;
}
header {
    text-align: center; padding: 2em;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.caja {
    background-color: #ffffff; padding: 1.5em; margin: 1.5em auto;
    border-radius: 12px;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.15); 
    max-width: 800px; width: 90%;
}
@media (max-width: 768px) {
    html { font-size: 90%; }
    .caja { padding: 1em; border-radius: 8px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); }
}