/* GasolinaBarata 7.8.60 · auditoría global de publicidad y continuidad visual
   Objetivo: conservar los anuncios sin que el margen propio de la web multiplique el aire
   alrededor de creatividades grandes ni separe cabeceras de sus gráficos/mapas/rankings. */

/* 1) El 7.8.50 dejaba hasta 56 px EXTRA arriba y abajo de cada anuncio. Se compacta a 12–20 px.
   No se limita el alto/ancho de la creatividad ni se recorta el iframe. */
main .google-auto-placed,
main ins.adsbygoogle,
main .adsbygoogle-noablate,
main .ad-slot,
main [data-ad-slot]{
  margin:clamp(12px,1.8vw,20px) auto!important;
}

/* 2) Los wrappers manuales tampoco añaden otro bloque grande de aire encima del margen del anuncio. */
.qa-ad-section{
  padding:6px 0 14px!important;
  margin:0!important;
}
.qa-ad-section .ad-slot,
.qa-ad-section ins.adsbygoogle,
.qa-ad-compact .ad-slot,
.qa-ad-compact ins.adsbygoogle{
  margin-top:8px!important;
  margin-bottom:8px!important;
}
.qa-ad-compact{
  margin:0!important;
  padding:4px 0 8px!important;
}

/* 3) Si un slot manual queda sin servir, que no deje una caja vacía que parezca el final de la página. */
ins.adsbygoogle[data-ad-status="unfilled"],
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.qa-ad-compact:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.qa-ad-section:has(ins.adsbygoogle[data-ad-status="unfilled"]){
  display:none!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

/* 4) Componentes que deben leerse como una única pieza. Los anuncios pueden ir antes o después,
   pero nunca deben crear una gran ruptura entre título, controles y visualización. */
.adsense-exclusion-zone,
.station-history-v7859,
.national-history-v7859,
.map-card,
.qa-chart-card,
.qa-rank-card,
.latest-plate-feature,
.ev-map-toolbar,
.ev-map,
.vehicle-table-wrap{
  break-inside:avoid;
}

/* 5) Evitar suma de 'padding de sección + margen de anuncio + padding de la siguiente sección'. */
.qa-ad-section + .section,
.qa-ad-section + .vc-section,
.qa-ad-section + .reg-section,
.qa-ad-section + .ev-section,
.google-auto-placed + .section,
.google-auto-placed + .vc-section,
.google-auto-placed + .reg-section,
.google-auto-placed + .ev-section{
  padding-top:clamp(24px,3vw,38px)!important;
}
.section + .qa-ad-section,
.vc-section + .qa-ad-section,
.reg-section + .qa-ad-section,
.ev-section + .qa-ad-section{
  padding-top:4px!important;
}

/* 6) Fichas de estación y página nacional: bloques más próximos, sin comprimir contenido ni anuncios. */
.page-mode-station .station-page-v7859,
.page-mode-prices .price-page-v7859{
  padding-top:clamp(20px,2.6vw,34px)!important;
  padding-bottom:clamp(24px,3vw,40px)!important;
}
.page-mode-station .station-detail,
.page-mode-prices .price-page-v7859>.shell{
  gap:clamp(14px,2vw,22px)!important;
}

/* 7) Editorial: mantenemos respiración suficiente para no confundir anuncio con contenido,
   pero evitamos el salto de más de 4rem que se acumulaba con reglas anteriores. */
.prose>.google-auto-placed,
.prose>ins.adsbygoogle,
.prose>.ad-slot,
.editorial .google-auto-placed,
.editorial ins.adsbygoogle{
  margin-block:1.5rem!important;
}

@media(max-width:720px){
  main .google-auto-placed,
  main ins.adsbygoogle,
  main .adsbygoogle-noablate,
  main .ad-slot,
  main [data-ad-slot]{margin:10px auto 14px!important}
  .qa-ad-section{padding:4px 0 10px!important}
  .qa-ad-compact{padding:2px 0 6px!important}
  .qa-ad-section + .section,
  .qa-ad-section + .vc-section,
  .qa-ad-section + .reg-section,
  .qa-ad-section + .ev-section{padding-top:20px!important}
}

/* v7.8.61 · continuidad estación + landing histórico */
.page-mode-station .station-detail{gap:10px!important}
.page-mode-station .qa-ad-compact{margin:0!important;padding:0!important;min-height:0!important}
.page-mode-station .qa-ad-compact + .station-history-v7859{margin-top:0!important}
.page-mode-station .detail-grid + .qa-ad-compact{margin-top:2px!important}

.history-deep-link{margin:14px 0 20px}
.history-deep-link a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d8e0dc;border-radius:16px;background:#f7faf8;color:#0b3028;text-decoration:none}
.history-deep-link strong{font-size:15px}.history-deep-link span{color:#63756e;font-size:13px}

.price-history-page{padding-top:34px}
.history-copy-card{max-width:900px;margin-bottom:18px}.history-copy-card h2{margin:0 0 8px}.history-copy-card p{margin:0;color:#61736d;line-height:1.65}
.national-history-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.national-history-stats:empty{display:none}
.national-history-stats article{background:#fff;border:1px solid #d8e0dc;border-radius:16px;padding:16px}
.national-history-stats article>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.national-history-stats .stat-dot{width:10px;height:10px;border-radius:50%;background:var(--fuel)}
.national-history-stats dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.national-history-stats dl div{min-width:0}.national-history-stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#72817c}.national-history-stats dd{margin:3px 0 0;font-weight:800;color:#17352e;white-space:nowrap}.national-history-stats dd.up{color:#b04b1c}.national-history-stats dd.down{color:#08705a}
.history-seo-copy{margin-top:20px}.history-seo-copy>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-seo-copy article{border:1px solid #dde5e1;background:#fff;border-radius:16px;padding:18px}.history-seo-copy h3{margin:0 0 7px}.history-seo-copy p{margin:0;color:#62746e;line-height:1.55}

@media(max-width:760px){
  .page-mode-station .station-detail{gap:8px!important}
  .history-deep-link a{align-items:flex-start;flex-direction:column;gap:5px}
  .national-history-stats{grid-template-columns:1fr}
  .national-history-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-seo-copy>div{grid-template-columns:1fr}
}
