/* ranking.css — tarjetas compactas de ranking de gasolineras (páginas SEO) */
.seo ol.rank{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:720px){.seo ol.rank{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.seo ol.rank{grid-template-columns:repeat(3,1fr)}}

.rank .rc{background:#fff;color:#0b1a24;border-radius:18px;padding:12px 14px 14px;border:2px solid transparent;box-shadow:0 6px 18px rgba(0,0,0,.26);display:flex;flex-direction:column;gap:5px;min-width:0}
.rank .rc.top{border-color:#3fd34f;box-shadow:0 6px 22px rgba(63,211,79,.28)}

.rank .rc-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rank .rc-b{background:#e8f5e9;color:#1b7a2e;font-weight:800;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap}
.rank .rc.top .rc-b{background:#3fd34f;color:#06210d}
.rank .rc-p{color:#d48806;font-weight:800;font-size:1.6rem;line-height:1;white-space:nowrap}
.rank .rc-p small{color:#64748b;font-size:.75rem;font-weight:700;margin-left:3px}

.rank .rc-n{margin:0;padding:0;font-size:1.05rem;font-weight:800;line-height:1.2;color:#0b1a24;overflow-wrap:anywhere}
.rank .rc-a{margin:0;color:#475569;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.rank .rc-m{margin:0;color:#1b7a2e;font-weight:700;font-size:.82rem}

.rank .rc-go{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;background:#e8f5e9;color:#1b7a2e;font-weight:800;text-decoration:none;padding:9px 14px;border-radius:12px;font-size:.92rem}
.rank .rc-go:hover,.rank .rc-go:focus-visible{background:#d3efd8}

/* Botón "Ver más" (top 20) */
.seo details.more{margin:0 0 24px}
.seo details.more>summary{list-style:none;cursor:pointer;display:block;text-align:center;background:rgba(63,211,79,.12);border:2px solid #3fd34f;color:#7be68a;font-weight:800;padding:12px 16px;border-radius:14px;font-size:.95rem;margin-bottom:10px;-webkit-tap-highlight-color:transparent}
.seo details.more>summary::-webkit-details-marker{display:none}
.seo details.more>summary::after{content:" ▾"}
.seo details.more[open]>summary::after{content:" ▴"}
.seo details.more[open]>summary{margin-bottom:12px}
.seo details.more .rank{margin-bottom:0}

/* Texto de análisis de la zona */
.seo p.ana{margin:18px 0 22px;padding:14px 16px;border-left:4px solid #3fd34f;background:rgba(63,211,79,.07);border-radius:0 14px 14px 0;line-height:1.6;font-size:.98rem}

/* Evolución del precio */
.seo svg.spark{display:block;width:100%;height:auto;max-height:90px;color:#3fd34f;margin:6px 0 14px}
.chg-up{color:#ff7a6b;font-weight:700}
.chg-down{color:#5be36a;font-weight:700}

/* Resumen de datos clave (lista corta) */
.seo ul.facts{list-style:none;margin:10px 0 24px;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:720px){.seo ul.facts{grid-template-columns:repeat(2,1fr)}}
.seo ul.facts li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;font-size:.95rem;line-height:1.4}
.seo ul.facts .fi{flex:0 0 auto;font-size:1.15rem;line-height:1.3}