/* Páginas de /guias/: texto largo legible + tabla comparativa. */
.guia { padding: 48px 0 56px; border-bottom: 1px solid var(--line); }
.guia-body { max-width: 820px; font-size: 1.08rem; line-height: 1.7; color: var(--text-dim); }
.guia-body h2 { color: var(--text); margin: 44px 0 14px; text-transform: uppercase; font-size: 1.35rem; line-height: 1.15; }
.guia-body h3 { color: var(--text); margin: 28px 0 8px; font-size: 1.1rem; }
.guia-body p { margin-bottom: 18px; }
.guia-body ul, .guia-body ol { margin: 0 0 20px; padding-left: 22px; }
.guia-body li { margin-bottom: 8px; }
.guia-body a { color: var(--accent); }
.guia-body .respuesta { border-left: 4px solid var(--accent); background: var(--bg-2); padding: 18px 22px; color: var(--text); margin: 0 0 32px; }
.guia-body .respuesta p:last-child { margin-bottom: 0; }
.guia-body .tabla-wrap { overflow-x: auto; margin: 16px 0 28px; border: 1px solid var(--line); }
.guia-body table { width: 100%; border-collapse: collapse; font-size: .95rem; line-height: 1.4; min-width: 560px; }
.guia-body th, .guia-body td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
.guia-body th { background: var(--bg-2); color: var(--text); font-weight: 700; }
.guia-body tr:last-child td { border-bottom: 0; }
.guia-body .cta { margin: 40px 0 0; padding: 22px 24px; border: 1px solid var(--line); background: var(--bg-2); color: var(--text); }
.guia-body .cta p { margin-bottom: 10px; }
.guia-body .cta a.btn { display: inline-block; }
.guia-lista { list-style: none; padding: 0; display: grid; gap: 12px; }
.guia-lista a { display: block; padding: 18px 22px; border: 1px solid var(--line); color: var(--text); text-decoration: none; }
.guia-lista a strong { display: block; margin-bottom: 4px; }
.guia-lista a span { color: var(--text-dim); font-size: .95rem; }
@media (max-width: 900px) { .guia-body { padding: 0 20px; font-size: 1rem; } }
.zonas-lista { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px 20px; }
.zonas-lista li { margin: 0; padding: 6px 0; border-bottom: 1px solid var(--line); }
.guia-body td.precio { white-space: nowrap; font-weight: 700; color: var(--text); }
.guia-body .nota-precios { font-size: .88rem; color: var(--text-mute, #777); margin: -12px 0 28px; }
/* Los enlaces del texto van en color de acento; un botón (también de acento) tiene que conservar su texto blanco. */
.guia-body a.btn, .guia-body a.btn:hover { color: #fff; text-decoration: none; }