:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:#634900;text-underline-offset:.2em}a:hover{color:#171717}a:focus-visible,button:focus-visible{outline:3px solid #765600;outline-offset:5px}
header,footer{max-width:1100px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header{border-bottom:1px solid #e8e8e8}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:#171717;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:12px 24px}nav a[aria-current=page]{font-weight:700;color:#171717}main{max-width:850px;margin:48px auto 80px;padding:0 24px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 24px}h2{font-size:1.5rem;line-height:1.3;margin-top:0}p{margin:0 0 18px}.intro{font-size:1.2rem;color:#4c4c4c;max-width:680px}section{margin:36px 0}section:target{scroll-margin-top:24px}.panel{padding:24px;background:#fff8df;border:1px solid #f0d983;border-radius:16px}.button{display:inline-block;padding:12px 20px;background:#ffcf2e;border:1px solid #c59c10;border-radius:28px;color:#181818;font-weight:700;text-decoration:none}.button:hover{background:#ffdb60}address{font-style:normal}.contents{padding:18px 0;border-bottom:1px solid #e8e8e8}.legal{border-bottom:1px solid #e8e8e8;padding-bottom:30px}.legal>ol{list-style:none;padding:0}.legal ol ol{list-style:disc;padding-left:24px;margin:12px 0 24px}.legal li{margin-bottom:8px}.legal>strong{display:block;margin-top:22px}.legal h2{padding-top:8px}footer{border-top:1px solid #e8e8e8;font-size:.9rem;color:#555}.skip{position:absolute;left:12px;top:-80px;background:#ffcf2e;color:#171717;padding:12px;z-index:10}.skip:focus{top:12px}@media(max-width:560px){header,footer{padding:20px;gap:16px}header nav{font-size:.94rem;gap:10px 18px}main{margin-top:32px;padding:0 20px}.button{max-width:100%;overflow-wrap:anywhere}}
/* One language at a time: the one the app or browser uses (owner, 28 Sep 2026). */
html[data-lang=es] body [lang=en],html[data-lang=en] body [lang=es]{display:none!important}.lang-switch{font-weight:700}
/* Dark follows the phone or browser, or the choice made in the app. */
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;color:#ececec;background:#121212}html:not([data-theme=light]) a{color:#ffd24d}html:not([data-theme=light]) a:hover{color:#fff}html:not([data-theme=light]) .brand,html:not([data-theme=light]) nav a[aria-current=page]{color:#fff}html:not([data-theme=light]) .intro{color:#bdbdbd}html:not([data-theme=light]) header,html:not([data-theme=light]) footer,html:not([data-theme=light]) .contents,html:not([data-theme=light]) .legal{border-color:#2c2c2c}html:not([data-theme=light]) footer{color:#aaa}html:not([data-theme=light]) .panel{background:#1d1a10;border-color:#5a4a14}html:not([data-theme=light]) .button,html:not([data-theme=light]) .skip{color:#181818}}
html[data-theme=dark]{color-scheme:dark;color:#ececec;background:#121212}html[data-theme=dark] a{color:#ffd24d}html[data-theme=dark] a:hover{color:#fff}html[data-theme=dark] .brand,html[data-theme=dark] nav a[aria-current=page]{color:#fff}html[data-theme=dark] .intro{color:#bdbdbd}html[data-theme=dark] header,html[data-theme=dark] footer,html[data-theme=dark] .contents,html[data-theme=dark] .legal{border-color:#2c2c2c}html[data-theme=dark] footer{color:#aaa}html[data-theme=dark] .panel{background:#1d1a10;border-color:#5a4a14}html[data-theme=dark] .button,html[data-theme=dark] .skip{color:#181818}