/* =============================================================
   SDD content polish — overrides the theme's own page styles.
   Loaded after the theme CSS (see functions.php). NOT scoped under .sdd;
   this intentionally restyles theme CONTENT to match the SDD palette.
   Palette: navy #003876, accent blue #0087FF, light #f4f6f9.
   ============================================================= */

/* ---- Red (#EE2A24) accents -> SDD blue, site-wide ---- */
.servicios a,
.cabecera-servicios .ver-mas,
.cabecera-noticias .ver-mas,
.cabecera-interes > .ver-mas-contenedor > a.ver-mas,
.ver-mas,
.noticias > .contenedor-noticias .card .card-date .month {
  color: #0087FF !important;
}
.servicios a:hover,
.ver-mas:hover { color: #003876 !important; }

/* Active item in the left side menus (Sobre Nosotros / Servicios templates): red -> navy */
.sobre-nosotros .nosotros-nav-container .menu-list .current-menu-item,
.sobre-nosotros .nosotros-nav-container .menu-list .current-menu-item > a,
.sobre-nosotros .nosotros-nav-container .menu-list .current-page-ancestor,
.template-servicios .template-servicios-nav-container .menu-list .current-menu-item,
.template-servicios .template-servicios-nav-container .menu-list .current-page-ancestor {
  background-color: #003876 !important;
  border-color: #003876 !important;
}
.sobre-nosotros .nosotros-nav-container .menu-list,
.template-servicios .template-servicios-nav-container .menu-list { border-color: #0087FF !important; }
.sobre-nosotros .nosotros-nav-container .menu-list .menu-item:hover,
.template-servicios .template-servicios-nav-container .menu-list .menu-item:hover { color: #003876 !important; }
.nosotros-lista > li::marker,
.template-servicios .contenido > ul > li::marker { color: #0087FF !important; }

/* Peajes page: align the station list to the top (remove the ~264px offset so it
   sits side-by-side with the map) and switch its red accents to SDD blue. */
.template-peajes > .container > .template-peajes-menu-container > .template-peajes-nav-container { margin-top: 1.5rem !important; }
.template-peajes .template-peajes-nav-container .menu-list { border-left-color: #0087FF !important; }
.template-peajes .template-peajes-nav-container .menu-list > .menu-item:hover,
.template-peajes .template-peajes-nav-container .menu-list > .current-menu-item,
.template-peajes .template-peajes-nav-container .menu-list > .current-page-ancestor { background-color: #003876 !important; color: #fff !important; }
.template-peajes .contenido li::marker { color: #0087FF !important; }
.template-peajes .wp-block-group__inner-container { border-left-color: #0087FF !important; }

/* Inversionistas page: align the side menu to the top (remove the ~264px offset)
   and switch its red accents to SDD blue. */
.inversionistas > .container > .inversionistas-menu-container > .inversionistas-nav-container { margin-top: 1.5rem !important; }
.inversionistas .inversionistas-nav-container .menu-list { border-left-color: #0087FF !important; }
.inversionistas .inversionistas-nav-container .menu-list > .menu-item:hover,
.inversionistas .inversionistas-nav-container .menu-list > .current-menu-item,
.inversionistas .inversionistas-nav-container .menu-list > .current-page-ancestor { background-color: #003876 !important; color: #fff !important; }
.inversionistas .archivo .detalle-contenedor ul.detalle > li::marker,
.inversionistas .archivo .detalles-imagen i.fa-info { color: #0087FF !important; }

/* ---- Light / minimal page-template backgrounds (kills the dark "network" bleed) ---- */
.page,
.sobre-nosotros,
.template-servicios,
.template-peajes,
.inversionistas {
  background: #f4f6f9 !important;
}
.page > .capa,
.sobre-nosotros > .capa,
.template-servicios > .capa,
.template-peajes > .capa,
.inversionistas > .capa { display: none !important; }

/* ---- Home "Servicios" section -> light & minimal with clean white cards ---- */
.servicios {
  background: #f4f6f9 !important;
  background-attachment: scroll !important;
}
.servicios > .capa { display: none !important; }
.servicios-titulo { color: #003876 !important; }

.servicios > .contenedor-servicios .card {
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  border: 1px solid #e8e8ed !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 12px 30px rgba(0,0,0,.08) !important;
}
.servicios > .contenedor-servicios .card .card-titulo { color: #003876 !important; }
.servicios > .contenedor-servicios .card .card-contenido,
.servicios > .contenedor-servicios .card .card-enlace,
.servicios > .contenedor-servicios .card a { color: #1d1d1f !important; }
.servicios > .contenedor-servicios .card hr { border-color: #e8e8ed !important; }
.servicios > .contenedor-servicios .card .card-imagen { border-color: #0087FF !important; }
.servicios > .contenedor-servicios .card .card-boton {
  background-color: #0087FF !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  transition: background-color .2s ease;
}
.servicios > .contenedor-servicios .card .card-boton:hover { background-color: #006fd6 !important; }
.servicios > .contenedor-servicios .card .card-boton > a { color: #ffffff !important; }

/* ---- Align page-template content width with the SDD header/footer (max 1200, centered) ---- */
.sobre-nosotros > .container,
.template-servicios > .container,
.template-peajes > .container,
.inversionistas > .container,
.page > .container,
.page > .items-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}