html,body{background:#eef5ff !important;}
body{
  position:relative;
  background-color:#eef5ff !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)),
    url('fondo-mapa-rutas.png') center top / cover no-repeat;
}
/* deja ver el fondo en todo el sitio sin tocar el contenido */
.site,
.site-main,
.content-area,
.site-content,
main,
article,
section,
.archive,
.page,
.single,
.blog,
.search,
.error404{
  background-color:transparent;
}
/* Evita fondos generales pesados del tema para que se note el fondo */
body .site,
body .site-content,
body .content-area,
body .widget-area,
body .entry-content,
body .archive .page-header,
body .page-header,
body .taxonomy-description,
body .term-description,
body .cp-page-wrap,
body .cp-archive-wrap,
body .cp-single-wrap{
  background-color:transparent !important;
}
/* bloques blancos o paneles siguen legibles */
.cp-featured-panel,
.cp-country-card,
.cp-company-card,
.cp-step-card,
.cp-benefit-item,
.article-card,
.widget,
.sidebar-box,
.comment-respond,
.comments-area,
.entry-card,
.card,
.panel,
.box{
  position:relative;
}
/* móvil */
@media (max-width: 767px){
  body::before{
    background:
      linear-gradient(rgba(255,255,255,.84), rgba(255,255,255,.84)),
      url('fondo-mapa-rutas.png') center top / cover no-repeat;
  }
}