body { background: #f4f6f8; /* gris claro */ color: #222; font-family: system-ui, Arial, sans-serif; font-size: 1.25rem; margin: 0; padding: 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}#lang-switcher-container { background: #fff; border-radius: 1.5rem; padding: 0.5rem 1rem; box-shadow: 0 2px 8px rgba(60, 60, 60, 0.06); border: 1px solid #e0e3e7;}#lang-switcher { background: #f4f6f8; color: #222; border: 1.5px solid #b0b6be; border-radius: 0.5rem; font-size: 1rem; padding: 0.4rem 1rem; margin-left: 0.5rem;}main { width: 100%; max-width: 420px; margin: 2rem auto; padding: 2rem; background: #fff; border-radius: 1.5rem; box-shadow: 0 2px 16px rgba(60, 60, 60, 0.08); border: 1px solid #e0e3e7;}h1 { font-size: 2rem; margin-bottom: 1.5rem; text-align: center; color: #23408e;}form { display: flex; flex-direction: column; gap: 1rem;}textarea { font-size: 1.25rem; padding: 0.75rem 1rem; border: 2px solid #b0b6be; border-radius: 0.5rem; outline: none; background: #f4f6f8; color: #222; resize: vertical; min-height: 120px; transition: border-color 0.2s, box-shadow 0.2s;}textarea:focus { border-color: #23408e; box-shadow: 0 0 0 2px #23408e33;}button { font-size: 1.25rem; padding: 1rem; background: #23408e; color: #fff; border: none; border-radius: 0.5rem; cursor: pointer; font-weight: bold; transition: background 0.2s, color 0.2s; box-shadow: 0 2px 8px rgba(60, 60, 60, 0.06);}button:focus, button:hover { background: #16306b; color: #fff; outline: 2px solid #23408e;}#result { margin-top: 2rem; font-size: 1.5rem; min-height: 2.5rem; text-align: center; color: #222;}.visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0;}.instructions { background: #eaf1fb; color: #23408e; border: 1px solid #b0b6be; border-radius: 0.75rem; padding: 1rem 1.25rem; font-size: 1.1rem; margin-bottom: 1.5rem; text-align: center;}@media (max-width: 600px) { body { padding: 0; background: #f4f6f8; } main { padding: 0.5rem; border-radius: 0.5rem; max-width: 94vw; margin: 0.5rem 3vw; box-shadow: 0 2px 12px rgba(35,64,142,0.13); border: 2.5px solid #b0b6be; background: #fff; } .instructions { font-size: 1rem; padding: 0.75rem 0.5rem; margin-bottom: 1rem; } h1 { font-size: 1.2rem; margin-bottom: 1rem; } button, textarea { font-size: 1rem; padding: 0.75rem; } textarea { min-height: 80px; width: 100%; box-sizing: border-box; } #lang-switcher-container { padding: 0.25rem 0.5rem; top: 0.5rem; right: 0.5rem; }}