body{margin:0;background:#f4f4f4;font-family:Playfair Display,serif;color:#222}.carta{max-width:700px;margin:auto;padding:30px 20px 80px}.header{text-align:center;margin-bottom:40px}.pez{font-size:26px;cursor:pointer;margin-bottom:10px}h1{font-size:64px;letter-spacing:4px;margin:10px 0 20px}.idioma{font-size:20px;margin-bottom:20px;cursor:pointer}.tabs{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.tabs button{background:#e5e5e5;border:none;padding:14px 40px;border-radius:30px;font-size:16px;cursor:pointer}.tabs button.activo{background:#dcdcdc}h2{font-size:30px;margin-top:40px;margin-bottom:20px;color:#1b8f87}.item{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:14px 0;font-size:20px}.item span{color:#1b8f87}input{width:100%;padding:8px;margin-bottom:5px}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.idioma{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0}.idioma img{width:38px;height:26px;object-fit:cover;cursor:pointer;border-radius:4px;transition:transform .2s ease}.idioma img:hover{transform:scale(1.08)}