/* Estilo común de las páginas raíz (índice, legales, Hilo, accesos). */
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#F7F9FC;color:#0B1F33;margin:0;line-height:1.55;padding-bottom:72px}
main{max-width:860px;margin:0 auto;padding:24px 18px}
a{color:#1F4FD1}
h1{font-size:clamp(28px,5vw,40px);line-height:1.1;margin:.4em 0}
h2{font-size:clamp(20px,3.4vw,26px);margin:1.4em 0 .4em}
.top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;max-width:860px;margin:0 auto;padding:14px 18px 0}
.top a{color:#0B1F33;text-decoration:none;font-weight:700}
.top .home{font-weight:900;margin-right:auto}
.note{color:#4A5B70;font-size:14px}
.card{display:block;background:#fff;border:1px solid #E6EEF8;border-radius:16px;padding:14px 16px;margin:8px 0;color:#0B1F33}
a.card{text-decoration:none;font-weight:700}
a.card span{display:block;font-weight:400;color:#4A5B70;font-size:14px}
.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:#0B1F33;color:#fff !important;text-decoration:none;font-weight:800;border:0;cursor:pointer;font:inherit;font-weight:800;margin:4px 8px 4px 0}
.btn.wa{background:#1a7f37}
.btn.line{background:transparent;color:#0B1F33 !important;border:2px solid #0B1F33}
footer{max-width:860px;margin:0 auto;padding:18px;border-top:1px solid #E6EEF8;font-size:14px;color:#4A5B70}
footer a{margin-right:12px;display:inline-block;padding:4px 0}
table{border-collapse:collapse;width:100%}
td,th{border-bottom:1px solid #E6EEF8;padding:8px 6px;text-align:left;vertical-align:top}
img{max-width:100%;height:auto}