:root { --red:#d71920; --ink:#171717; --muted:#666; --line:#e8e8e8; --soft:#f7f7f7; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:#fff; line-height:1.7; }
a { color:#b51218; font-weight:700; }
.article { width:min(900px, 100%); margin:0 auto; padding:28px 18px 72px; }
.crumbs { color:var(--muted); font-size:14px; margin-bottom:22px; }
.kicker { color:var(--red); text-transform:uppercase; letter-spacing:.08em; font-size:13px; font-weight:800; }
h1 { font-size:clamp(34px, 7vw, 58px); line-height:1; margin:0 0 18px; letter-spacing:0; }
h2 { font-size:clamp(26px, 5vw, 36px); line-height:1.1; margin:38px 0 12px; }
h3 { font-size:22px; line-height:1.2; margin:28px 0 8px; }
p, li { font-size:18px; }
.lead { font-size:20px; color:#333; }
ul { padding-left:22px; }
.article-image { margin:24px 0 28px; }
.article-image div { min-height:220px; border-radius:8px; background:linear-gradient(135deg,#111 0%,#2b2b2b 58%,#d71920 58%,#a61117 100%); position:relative; overflow:hidden; }
.article-image div::after { content:"SERVICIO MOVIL 24/7"; position:absolute; left:22px; bottom:18px; color:#fff; font-weight:900; letter-spacing:.08em; }
figcaption { color:var(--muted); font-size:14px; margin-top:8px; }
.cta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; background:var(--soft); border-left:5px solid var(--red); padding:18px; margin:32px 0; }
.cta a { background:var(--red); color:#fff; text-decoration:none; padding:10px 14px; border-radius:4px; }
.article-list { list-style:none; padding:0; margin:20px 0 36px; border-top:1px solid var(--line); }
.article-list li { padding:14px 0; border-bottom:1px solid var(--line); }
.article-list span { display:block; color:var(--muted); font-size:14px; }
.cluster { margin-top:36px; }
.related-articles { margin:36px 0; padding:20px; border:1px solid var(--line); border-radius:8px; background:#fcfcfc; }
.related-articles h2 { margin-top:0; }
.related-articles ul { list-style:none; padding:0; margin:14px 0 0; }
.related-articles li { padding:12px 0; border-top:1px solid var(--line); }
.related-articles span { display:block; color:var(--muted); font-size:14px; }
@media (max-width:600px) {
  .article { padding:22px 16px 64px; }
  p, li { font-size:16px; }
  .lead { font-size:18px; }
  .cta { display:block; }
  .cta a { display:block; text-align:center; margin-top:10px; }
}