:root{font-family:system-ui,sans-serif;color:#283b35;background:#f4f5ef;font-size:17px}body{max-width:760px;margin:auto;padding:1.5rem}header{border-bottom:1px solid #c7d2c8;padding-bottom:1rem}header p,.nota{font-size:.9rem;color:#506059}h1{font-family:Georgia,serif;font-size:2.6rem;font-weight:400}h2{font-size:1.15rem;margin-top:2rem}section{padding:1rem 0}label{display:block;margin:.8rem 0 .4rem}textarea,select{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#fffef9;border:1px solid #8d9e93;border-radius:.4rem;padding:.8rem}textarea{resize:vertical}button{font:inherit;border:1px solid #84988b;border-radius:.5rem;background:#fffef9;color:inherit;padding:.7rem 1rem;margin:.35rem 0;cursor:pointer}button:disabled{opacity:.55;cursor:default}.principal{background:#dce7dc;display:block}.laterales,.acciones{display:flex;gap:.6rem;justify-content:space-between;flex-wrap:wrap}li{margin:.7rem 0;line-height:1.5}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4a7662;outline-offset:3px}[aria-pressed=true]{background:#dce7dc}@media(max-width:480px){body{padding:1rem}.acciones button{width:100%}}