:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#153b50;background:#edf8ff;font-size:18px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#007bb8;color:#fff;padding:max(18px,env(safe-area-inset-top)) 20px 18px}header a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}header span{font-weight:700}main{max-width:640px;margin:auto;padding:26px 18px max(32px,env(safe-area-inset-bottom))}h1{font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.15;margin:.2em 0 .55em}h2{font-size:1.28rem;line-height:1.3;margin-top:0}p{margin:.6em 0 1em}.eyebrow{font-size:.75rem;letter-spacing:.08em;color:#005f8c;font-weight:800}.intro{font-size:1.1rem}section{background:#fff;border:1px solid #bddcea;border-radius:22px;margin:22px 0;padding:22px;scroll-margin-top:16px}a{color:#006594;text-underline-offset:3px}.action,button{display:block;width:100%;min-height:52px;padding:14px 18px;border:0;border-radius:15px;background:#007bb8;color:white;font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;margin:12px 0;overflow-wrap:break-word}.secondary,button.secondary{background:#e5f4fd;color:#164761;border:1px solid #bddcea}button:disabled{opacity:.65;cursor:wait}textarea{display:block;width:100%;min-height:160px;resize:vertical;font:inherit;color:inherit;background:#f8fcff;border:1px solid #85b8cd;border-radius:14px;padding:14px;margin:10px 0}label{font-weight:700}.small{font-size:.88rem;color:#405c6d}output{display:block;white-space:pre-line;overflow-wrap:anywhere}output:empty{display:none}.result{border-left:4px solid #007bb8;padding:12px;background:#eff8fd;margin:14px 0}.result:empty{display:none}ul{padding-left:24px}li{margin:12px 0;overflow-wrap:anywhere}nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}nav a{padding:10px 8px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #005f8c;outline-offset:4px}[hidden]{display:none!important}@media(max-width:380px){section{padding:16px}header{padding-left:16px;padding-right:16px}}

/* Match native safe edges while keeping normal browser spacing. */
html.vobixInstalled header{padding-top:calc(18px + max(28px,env(safe-area-inset-top,0px)))}html.vobixInstalled main{padding-bottom:calc(32px + max(32px,env(safe-area-inset-bottom,0px)))}
.iosConsent h3{font-size:1.15rem;margin:.6em 0}.iosConsent{font-size:.94rem}.iosScopeNote{padding:14px;border:1px solid #a9cfe5;border-radius:14px;background:#eff8ff;color:#153b50;font-size:.88rem;overflow-wrap:anywhere}.autoCard:has(.iosConsent:not([hidden])){border-color:#8dbbd5;background:white}
.autoCard{border-width:2px}.autoCard[data-state="on"]{border-color:#268373;background:#f2fbf8}.shieldMark{display:block;font-size:2.8rem;line-height:1.2;margin-bottom:12px}.autoSwitch{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:60px;padding:12px;background:white;border:1px solid #86adae;border-radius:14px;cursor:pointer}.autoSwitch input{flex:0 0 30px;width:30px;height:30px;accent-color:#00776d}.autoSwitch input:focus-visible,summary:focus-visible{outline:3px solid #005f8c;outline-offset:4px}.shieldDetails{margin:24px 0;border-top:1px solid #bddcea;padding-top:16px}.shieldDetails summary{font-weight:700;cursor:pointer;padding:12px 0;min-height:48px}.shieldOptions{display:grid;gap:6px}.shieldOptions a{display:block;padding:12px;background:#fff;border-radius:10px}.autoCard output{margin-top:12px;font-size:.9rem}

/* Escudo Génesis: emblema aprobado, sereno y legible, sin rojo. */
.shieldMark{color:#0876ce;background:#e7f6ee;border:2px solid #159b56;border-radius:16px;width:64px;min-height:64px;display:grid;place-items:center;margin-inline:auto}
.shieldMark svg{display:block;width:40px;height:44px;stroke:#0876ce}
.autoCard[data-state="on"] .shieldMark{background:#e3f8e9;border-color:#139b53}