/* Estelar Oficial — estilos de páginas legales y de ayuda. Contrastes verificados (WCAG 2.2 AA). */
:root{--navy:#12294f;--text:#2d3c52;--muted:#5a6780;--accent:#2f5fd0;--accent-hover:#244bab;--line:#d7ddec;--bg-card:#fff;--brand:#77a3fc}
*{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#eef2ff 0%,#f7f4ff 100%);color:var(--navy);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;font-weight:800;text-decoration:none}
.skip:focus{left:8px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;box-shadow:0 1px 0 rgba(18,41,79,.08);position:sticky;top:0;z-index:10}
.topbar a{display:flex;align-items:center;color:var(--navy);text-decoration:none;font-weight:800}
.topbar img{height:34px;width:auto}
.topbar .back{font-size:14px;font-weight:700;color:var(--accent);min-height:44px}
.topbar .back:hover{text-decoration:underline}
main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:40px 20px 60px}
h1{font-size:28px;font-weight:800;margin:0 0 8px;color:var(--navy);line-height:1.25}
.updated{font-size:13px;color:var(--muted);margin:0 0 28px;font-weight:600}
.intro{font-size:16px;color:#3a4a63;margin:0 0 28px}
h2{font-size:19px;font-weight:800;color:var(--navy);margin:36px 0 10px;line-height:1.3}
h3{font-size:16px;font-weight:800;color:var(--navy);margin:22px 0 8px}
p,li,td,th{font-size:15px;color:var(--text)}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
main a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}
main a:hover{color:var(--accent-hover)}
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:14px 16px;margin:24px 0}
.note p:last-child{margin:0}
.pending{background:#fff4d6;color:#5c3d00;border:1px dashed #b07d00;border-radius:4px;padding:0 4px;font-weight:700}
.toc{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px 6px;margin:0 0 28px}
.toc p{font-weight:800;margin:0 0 6px;color:var(--navy)}
.table-wrap{overflow-x:auto;margin:0 0 18px;background:#fff;border:1px solid var(--line);border-radius:10px}
table{border-collapse:collapse;width:100%;min-width:560px}
caption{text-align:left;font-weight:800;padding:12px 14px 0;color:var(--navy)}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:14px}
th{background:#f1f4fb;color:var(--navy);font-weight:800}
tr:last-child td{border-bottom:0}
dl.data{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:0 0 18px}
dl.data dt{font-weight:800;color:var(--navy);font-size:15px}
dl.data dd{margin:0;color:var(--text);font-size:15px}
@media (max-width:520px){dl.data{grid-template-columns:1fr}dl.data dd{margin-bottom:8px}}
footer.site{background:#000;padding:32px 20px;text-align:center}
footer.site nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
footer.site nav li{margin:0}
footer.site a{display:inline-block;padding:8px 6px;color:#c7c7c7;font-size:13px;font-weight:600;text-decoration:none}
footer.site a:hover{color:#fff;text-decoration:underline}
footer.site a:focus-visible{outline-color:#fff}
footer.site .biz{color:#b3b3b3;font-size:12px;margin:16px 0 0;line-height:1.7}
footer.site .biz .pending{background:transparent;color:#ffd666;border-color:#ffd666}

/* ---- Ayuda / Contacto ---- */
.step{display:flex;gap:14px;margin-bottom:22px}
.stepBadge{flex:none;width:28px;height:28px;background:var(--navy);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.stepBody{flex:1;padding-top:2px}
.stepBody p{margin:0 0 8px}
.faqBtn,.contactBtn{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #b9c4dc;border-radius:10px;padding:14px 16px;font-weight:800;font-size:15px;color:var(--navy)!important;text-decoration:none!important;margin-top:10px;min-height:48px}
.faqBtn:hover,.contactBtn:hover{border-color:var(--accent);color:var(--accent)!important}
.arrow{color:var(--accent);font-size:17px;flex:none;margin-left:10px}
.policyCard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:8px}
.policyCard ul{margin:0;padding-left:18px}
.policyCard li{margin-bottom:10px}
.categoryLabel{font-size:14px;color:var(--muted);font-weight:700;margin:0 0 14px}
.contactGrid{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;padding:0}
.contactGrid li{margin:0}
.contactGrid .contactBtn{margin:0;height:100%}
@media (min-width:640px){.contactGrid{grid-template-columns:1fr 1fr}}