/* Guia del transporte de Lima — estilo de lectura (generado por make-portal-guia.py) */
:root { --tinta:#16232e; --fondo:#f6f8fa; --tarjeta:#ffffff; --acento:#007c8c;
        --acento2:#00a6a6; --borde:#dbe2e8; --suave:#5a6b78; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
       background:var(--fondo); color:var(--tinta); line-height:1.65; }
header.sitio { background:#0a0e27; color:#fff; padding:14px 18px; }
header.sitio .marca { font-weight:800; letter-spacing:4px; color:#00e5ff; text-decoration:none; }
header.sitio nav { display:inline-block; margin-left:18px; }
header.sitio nav a { color:#bfe9f2; text-decoration:none; margin-right:14px; font-size:14px; }
header.sitio nav a:hover { color:#fff; }
main { max-width:820px; margin:0 auto; padding:28px 18px 60px; }
.migas { font-size:13px; color:var(--suave); margin-bottom:10px; }
.migas a { color:var(--acento); text-decoration:none; }
h1 { font-size:30px; line-height:1.25; margin:6px 0 4px; }
.bajada { color:var(--suave); font-size:17px; margin:0 0 22px; }
h2 { font-size:21px; margin:30px 0 8px; color:#0e3a44; }
h3 { font-size:17px; margin:20px 0 6px; }
p, li { font-size:16px; }
a { color:var(--acento); }
table { border-collapse:collapse; width:100%; margin:14px 0 20px; background:var(--tarjeta);
        font-size:14.5px; border:1px solid var(--borde); }
th, td { padding:8px 10px; border-bottom:1px solid var(--borde); text-align:left; vertical-align:top; }
th { background:#eef3f6; font-size:13px; text-transform:uppercase; letter-spacing:.4px; color:#33454f; }
tr:last-child td { border-bottom:0; }
.tarjetas { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:18px 0; }
.tarjeta { background:var(--tarjeta); border:1px solid var(--borde); border-radius:12px;
           padding:16px 16px 12px; text-decoration:none; color:inherit; display:block; }
.tarjeta:hover { border-color:var(--acento2); box-shadow:0 4px 14px rgba(0,124,140,.12); }
.tarjeta b { color:var(--acento); font-size:16px; }
.tarjeta p { font-size:14px; color:var(--suave); margin:6px 0 0; }
.aviso { background:#fff8e6; border:1px solid #eadfb8; border-radius:10px; padding:10px 14px;
         font-size:14.5px; margin:16px 0; }
.paraderos { columns:2; column-gap:28px; margin:6px 0 14px; padding-left:22px; }
.paraderos li { break-inside:avoid; }
footer.sitio { border-top:1px solid var(--borde); background:#eef3f6; padding:22px 18px;
               font-size:13.5px; color:var(--suave); }
footer.sitio .caja { max-width:820px; margin:0 auto; }
footer.sitio a { color:var(--acento); text-decoration:none; margin-right:14px; }
@media (max-width:640px){ .paraderos { columns:1; } h1 { font-size:25px; } }