/* ==========================================================
   NEXT INNOVA — Eficiencia Institucional
   Archivo: eficiencia.css (COMPLETO)
   Scope: body.eficiencia
   ========================================================== */

body.eficiencia{
  --ni-navy:#0b2339;
  --ni-navy-2:#071a2b;
  --ni-emerald:#00b388;
  --ni-ink:#0b1220;
  --ni-muted:rgba(11,18,32,.72);
  --ni-border:rgba(11,35,57,.14);
  --ni-card:rgba(255,255,255,.92);
  --ni-card-2:rgba(255,255,255,.96);
  --ni-shadow:0 16px 40px rgba(7,26,43,.16);
  --ni-radius:18px;
  --ni-frame-radius:0px;

  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ni-ink);
  background:#fff;
}

/* -------------------------
   FIXES “pisadas” de style.css
   (sin romper el global)
------------------------- */
body.eficiencia .nav-links a:hover,
body.eficiencia .nav-links a:focus{ color:var(--ni-emerald); }

body.eficiencia a.btn,
body.eficiencia a.btn:hover,
body.eficiencia a.btn:focus{ text-decoration:none !important; }

body.eficiencia .btn{ border-radius:999px; font-weight:900; letter-spacing:-.01em; }
body.eficiencia .btn-primary{
  background:var(--ni-emerald);
  border:1px solid rgba(0,179,136,.22);
  color:#fff !important;
}
body.eficiencia .btn-primary:hover,
body.eficiencia .btn-primary:focus{
  filter:brightness(1.02);
  box-shadow:0 10px 24px rgba(0,179,136,.22);
  color:var(--ni-navy) !important;
}
body.eficiencia .btn-outline{
  background:transparent;
  border:1px solid rgba(0,179,136,.65);
  color:rgba(255,255,255,.92) !important;
}
body.eficiencia .btn-outline:hover,
body.eficiencia .btn-outline:focus{
  background:var(--ni-emerald);
  border-color:var(--ni-emerald);
  color:var(--ni-navy) !important;
}

/* -------------------------
   REVEAL (no depende de JS)
------------------------- */
body.eficiencia .reveal{ opacity:1; transform:none; }
body.eficiencia .delay-1,
body.eficiencia .delay-2,
body.eficiencia .delay-3{
  transition-delay: 0s;
}
/* -------------------------
   FRAME SECTION (hero)
------------------------- */
body.eficiencia .frame-section{
  position:relative;
  border-radius:var(--ni-frame-radius);
  overflow:hidden;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(0,179,136,.18), transparent 55%),
    radial-gradient(900px 500px at 85% 20%, rgba(0,179,136,.10), transparent 50%),
    linear-gradient(180deg, var(--ni-navy), var(--ni-navy-2));
}
body.eficiencia .frame-section::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--frame-image);
  background-size:cover;
  background-position:center;
  opacity:.50;
  filter:saturate(1.08) contrast(1.06);
  pointer-events:none;
}
body.eficiencia .frame-section::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(7,26,43,.56) 0%,
    rgba(7,26,43,.30) 50%,
    rgba(7,26,43,.56) 100%);
  pointer-events:none;
}

/* HERO */
body.eficiencia .svc-hero{ padding:56px 0 40px; }
body.eficiencia .svc-hero .container{ position:relative; z-index:1; }
body.eficiencia .svc-hero-top{ max-width:1060px; } /* más ancho para evitar quiebres */

body.eficiencia .svc-eyebrow{
  color:rgba(255,255,255,.80);
  letter-spacing:.18em;
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  margin-bottom:10px;
}

body.eficiencia .svc-title{
  color:#fff;
  font-weight:900;
  letter-spacing:-.02em;
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.02;
  margin:0 0 14px;
}

body.eficiencia .svc-hero-subtitle{
  margin:0 0 14px;
  color:rgba(255,255,255,.92) !important;
  font-weight:900;
  letter-spacing:-.01em;
  font-size:clamp(22px,1.9vw,28px);
  line-height:1.25;
  max-width:980px;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
body.eficiencia .svc-hero-subtitle strong{ color:#fff !important; }

body.eficiencia .svc-hero-description{
  margin:0 0 14px;
  color:rgba(255,255,255,.82) !important;
  font-size:16px;
  line-height:1.62;
  max-width:980px;
}
body.eficiencia .svc-hero-description strong{ color:rgba(255,255,255,.96) !important; }

/* DOLORES: forzar lineales en desktop */
body.eficiencia .svc-hero-pains{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  max-width:1060px;
}
body.eficiencia .svc-hero-pains li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:rgba(255,255,255,.88) !important;
  font-weight:800;
  line-height:1.35;
  text-shadow:0 2px 16px rgba(0,0,0,.22);
  flex-wrap:nowrap;
}
body.eficiencia .svc-hero-pains li img{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  object-fit:contain !important;
  display:inline-block !important;
  margin-top:2px;
}
body.eficiencia .svc-hero-pains strong{
  display:inline !important;
  white-space:nowrap;
  font-weight:900;
  color:#fff !important;
}
@media (min-width: 860px){
  body.eficiencia .svc-hero-pains li{ white-space:nowrap; }
}
@media (max-width: 859px){
  body.eficiencia .svc-hero-pains li{ white-space:normal; flex-wrap:wrap; }
}

/* CTAs */
body.eficiencia .svc-ctas{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 18px;
}

/* Snapshot */
body.eficiencia .svc-snapshot{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:18px;
}
@media (max-width: 980px){
  body.eficiencia .svc-snapshot{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  body.eficiencia .svc-snapshot{ grid-template-columns:1fr; }
}
body.eficiencia .snapshot-item{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.55);
  border-radius:var(--ni-radius);
  padding:14px;
  box-shadow:0 12px 30px rgba(7,26,43,.18);
}
body.eficiencia .snapshot-k{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(11,18,32,.62);
  margin-bottom:6px;
}
body.eficiencia .snapshot-v{
  font-size:16px;
  font-weight:900;
  color:var(--ni-ink);
}

/* -------------------------
   SUBNAV (sticky pills)
------------------------- */
body.eficiencia .svc-subnav{
  position:sticky;
  top:72px;
  z-index:20;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(11,35,57,.08);
}
body.eficiencia .svc-subnav .container{
  padding:14px 0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
body.eficiencia .subnav-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(0,179,136,.96);
  color:var(--ni-navy) !important;
  font-weight:900;
  border:1px solid rgba(0,179,136,.34);
  box-shadow:0 10px 22px rgba(7,26,43,.12);
  text-decoration:none;
}
body.eficiencia .subnav-pill:hover{
  transform:translateY(-1px);
  filter:brightness(.98);
  color:var(--ni-navy) !important;
}

/* -------------------------
   SECCIONES / TIPOGRAFÍA
------------------------- */
body.eficiencia .section{ padding:56px 0; }
body.eficiencia .section-tight-top{ padding-top:34px; }
body.eficiencia .section-tight-bottom{ padding-bottom:34px; }

body.eficiencia .section-title{
  font-size:30px;
  letter-spacing:-.02em;
  margin:0 0 10px;
}
body.eficiencia .section-subtitle{
  margin:0 0 14px;
  color:var(--ni-muted);
  line-height:1.6;
  max-width:980px;
}
body.eficiencia .section-kicker{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(11,18,32,.58);
  margin-bottom:10px;
}
body.eficiencia .section-note{
  color:rgba(11,18,32,.78);
  line-height:1.6;
  max-width:980px;
}

/* Lists */
body.eficiencia .list{ margin:12px 0 0; padding-left:18px; }
body.eficiencia .list li{ margin:8px 0; }
body.eficiencia .muted{ color:var(--ni-muted); }

/* Cards grid */
body.eficiencia .cards-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  body.eficiencia .cards-grid{ grid-template-columns:1fr; }
}
body.eficiencia .card{
  background:var(--ni-card-2);
  border:1px solid var(--ni-border);
  border-radius:var(--ni-radius);
  padding:18px;
  box-shadow:var(--ni-shadow);
}
body.eficiencia .card h3{ margin:0 0 8px; font-weight:900; }
body.eficiencia .card p{ margin:0 0 10px; line-height:1.55; }

/* Pack card */
body.eficiencia .pack-card .pack-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
body.eficiencia .badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:-.01em;
}
body.eficiencia .badge-primary{
  background:rgba(0,179,136,.14);
  border:1px solid rgba(0,179,136,.26);
  color:var(--ni-navy);
}

/* Tags row */
body.eficiencia .trust-logos{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.eficiencia .tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(11,35,57,.06);
  border:1px solid rgba(11,35,57,.10);
  font-weight:800;
  color:rgba(11,18,32,.84);
}

/* Dividers */
body.eficiencia .deliverables-divider{
  height:1px;
  background:rgba(11,35,57,.10);
  margin:22px 0;
}

/* Transition pillars */
body.eficiencia .section-transition{ margin-top:18px; }
body.eficiencia .transition-lead{
  margin:0 0 14px;
  color:rgba(11,18,32,.80);
  line-height:1.6;
  max-width:980px;
}
body.eficiencia .transition-pillars{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 14px;
  max-width:980px;
}
@media (max-width: 700px){
  body.eficiencia .transition-pillars{ grid-template-columns:1fr; }
}
body.eficiencia .transition-pillars li{
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(11,35,57,.10);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 10px 22px rgba(7,26,43,.10);
  font-weight:900;
  color:rgba(11,18,32,.88);
}
body.eficiencia .pillar-bullet{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
}

/* Statement card */
body.eficiencia .card-statement{
  grid-column:1 / -1;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(0,179,136,.12), transparent 55%),
    linear-gradient(180deg, rgba(11,35,57,.06), rgba(11,35,57,.02));
}
body.eficiencia .card-statement .glow{
  position:absolute;
  inset:-40px;
  background:radial-gradient(500px 260px at 10% 20%, rgba(0,179,136,.20), transparent 60%);
  pointer-events:none;
}
body.eficiencia .statement-inner{ position:relative; z-index:1; }

/* -------------------------
   TRANSITION BAND (image bg)
------------------------- */
body.eficiencia .transition-band{ padding:40px 0; }
body.eficiencia .transition-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(11,35,57,.12);
  box-shadow:0 18px 44px rgba(7,26,43,.14);
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(0,179,136,.12), transparent 55%),
    linear-gradient(180deg, var(--ni-navy), var(--ni-navy-2));
}
body.eficiencia .transition-card::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--band-bg);
  background-size:cover;
  background-position:center;
  opacity:.45;
  filter:saturate(1.06) contrast(1.05);
}
body.eficiencia .transition-card::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(7,26,43,.62) 0%,
    rgba(7,26,43,.34) 50%,
    rgba(7,26,43,.62) 100%);
}
body.eficiencia .transition-card > *{ position:relative; z-index:1; }

body.eficiencia .transition-card{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
  padding:22px;
}
@media (max-width: 980px){
  body.eficiencia .transition-card{ grid-template-columns:1fr; }
}
body.eficiencia .transition-chip{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,179,136,.92);
  border:1px solid rgba(0,179,136,.34);
  color:var(--ni-navy);
  font-weight:900;
  margin-bottom:10px;
}
body.eficiencia .transition-left h3{
  margin:0 0 10px;
  color:#fff;
  font-weight:900;
  letter-spacing:-.01em;
}
body.eficiencia .transition-left p{
  margin:0;
  color:rgba(255,255,255,.86);
  line-height:1.6;
}
body.eficiencia .transition-right{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  align-content:start;
}
@media (max-width: 560px){
  body.eficiencia .transition-right{ grid-template-columns:1fr; }
}
body.eficiencia .transition-metric{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.55);
  border-radius:16px;
  padding:12px;
  box-shadow:0 12px 26px rgba(7,26,43,.16);
}
body.eficiencia .transition-metric .k{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(11,18,32,.62);
  margin-bottom:6px;
}
body.eficiencia .transition-metric strong{
  display:block;
  font-size:15px;
  font-weight:900;
  color:var(--ni-ink);
}

/* -------------------------
   HOW / STEPS (FASES)
------------------------- */
body.eficiencia .light{ background:#fff; }
body.eficiencia .how-section .steps-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  body.eficiencia .how-section .steps-grid{ grid-template-columns:1fr; }
}
body.eficiencia .step{
  background:var(--ni-card-2);
  border:1px solid var(--ni-border);
  border-radius:var(--ni-radius);
  padding:18px;
  box-shadow:var(--ni-shadow);
}
body.eficiencia .step h3{ margin:8px 0 8px; font-size:16px; font-weight:900; }
body.eficiencia .step p{ margin:0; color:rgba(11,18,32,.78); line-height:1.55; }

body.eficiencia .step-badge{
  width:46px;
  height:46px;
  object-fit:contain;
  display:block;
}

/* -------------------------
   KPI SECTION
------------------------- */
body.eficiencia .kpi-section .cards-grid{ margin-top:16px; }

/* -------------------------
   GOV SECTION (bg)
------------------------- */
body.eficiencia .gov-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(11,35,57,.06), rgba(11,35,57,.02));
}
body.eficiencia .gov-section.has-bg::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--gov-bg);
  background-size:cover;
  background-position:center;
  opacity:.18;
  filter:saturate(1.04);
  pointer-events:none;
}
body.eficiencia .gov-section .container{ position:relative; z-index:1; }

body.eficiencia .gov-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:14px;
  margin-top:14px;
  align-items:start;
}
@media (max-width: 980px){
  body.eficiencia .gov-grid{ grid-template-columns:1fr; }
}
body.eficiencia .gov-card{
  background:var(--ni-card-2);
  border:1px solid var(--ni-border);
  border-radius:var(--ni-radius);
  padding:18px;
  box-shadow:var(--ni-shadow);
}
body.eficiencia .gov-card h3{ margin:0 0 10px; font-weight:900; }

body.eficiencia .gov-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 10px;
}
body.eficiencia .gov-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(0,179,136,.10);
  border:1px solid rgba(0,179,136,.18);
  font-weight:900;
  color:var(--ni-navy);
}
body.eficiencia .gov-pill small{
  font-weight:900;
  opacity:.78;
}

body.eficiencia .gov-list{ margin:0; padding-left:18px; }
body.eficiencia .gov-list li{ margin:8px 0; }

body.eficiencia .gov-metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
body.eficiencia .gov-metric{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(11,35,57,.12);
  border-radius:16px;
  padding:14px;
  box-shadow:0 12px 26px rgba(7,26,43,.12);
}
body.eficiencia .gov-metric .k{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(11,18,32,.62);
  margin-bottom:6px;
}
body.eficiencia .gov-metric strong{
  font-size:16px;
  font-weight:900;
  color:var(--ni-ink);
}

/* -------------------------
   CONTACT
------------------------- */
body.eficiencia .contact-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  body.eficiencia .contact-grid{ grid-template-columns:1fr; }
}
body.eficiencia .contact-lead{
  color:rgba(11,18,32,.80);
  line-height:1.6;
  max-width:980px;
}
body.eficiencia .contact-sub{
  color:rgba(11,18,32,.74);
  line-height:1.6;
  max-width:980px;
}

body.eficiencia .contact-form{
  background:var(--ni-card-2);
  border:1px solid var(--ni-border);
  border-radius:var(--ni-radius);
  padding:18px;
  box-shadow:var(--ni-shadow);
}
body.eficiencia .contact-form label{
  display:block;
  font-weight:900;
  margin-bottom:10px;
  color:rgba(11,18,32,.86);
}
body.eficiencia .contact-form input,
body.eficiencia .contact-form textarea{
  width:100%;
  margin-top:8px;
  border-radius:14px;
  border:1px solid rgba(11,35,57,.16);
  padding:12px 12px;
  font:inherit;
  outline:none;
  background:#fff;
}
body.eficiencia .contact-form input:focus,
body.eficiencia .contact-form textarea:focus{
  border-color:rgba(0,179,136,.55);
  box-shadow:0 0 0 4px rgba(0,179,136,.12);
}
body.eficiencia .contact-form button{
  width:100%;
  justify-content:center;
  margin-top:10px;
}

/* -------------------------
   FOOTER (solo ajustes suaves)
------------------------- */
body.eficiencia .footer{ border-top:1px solid rgba(11,35,57,.08); }
/* ==========================================================
   FIX 1: PILARES — texto NAVY dentro de los “botones”
   (y evitar look “lavado”)
========================================================== */
body.eficiencia .transition-pillars li{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(11,35,57,.12) !important;
  box-shadow:0 10px 22px rgba(7,26,43,.10) !important;

  /* CLAVE: texto navy y más contraste */
  color:var(--ni-navy) !important;
  font-weight:900 !important;
}

body.eficiencia .transition-pillars li img.pillar-bullet{
  width:34px;
  height:34px;
}

/* ==========================================================
   FIX 2: STATEMENT — quitar opacidad/glow que tapa el texto
========================================================== */
body.eficiencia .card-statement{
  background:
    linear-gradient(180deg, rgba(11,35,57,.85), rgba(11,35,57,.85)),
    url("assets/img/frame-master-next-innova-eficiencia.jpg") center/cover !important;
  color:#fff !important;
}

body.eficiencia .card-statement .glow{
  display:none !important;
}

body.eficiencia .card-statement h3,
body.eficiencia .card-statement p{
  color:#fff !important;
  text-shadow:none !important;
}

body.eficiencia .card-statement p{
  opacity:.95 !important;
}

body.eficiencia .card-statement .muted{
  color:rgba(255,255,255,.78) !important;
}

/* ==========================================================
   KPI CONTROL TOWER — FRANJA OSCURA CON IMAGEN + TEXTO CLARO
========================================================== */
body.eficiencia .kpi-section.kpi-dark{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1100px 520px at 20% 10%, rgba(0,179,136,.14), transparent 55%),
    linear-gradient(180deg, var(--ni-navy), var(--ni-navy-2));
  color:#fff;
}

body.eficiencia .kpi-section.kpi-dark::before{
  content:"";
  position:absolute; inset:0;
  background-image:var(--kpi-bg);
  background-size:cover;
  background-position:center;
  opacity:.28;              /* imagen visible, sin ensuciar */
  filter:saturate(1.06) contrast(1.05);
  pointer-events:none;
}

body.eficiencia .kpi-section.kpi-dark::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(7,26,43,.66) 0%,
    rgba(7,26,43,.34) 50%,
    rgba(7,26,43,.66) 100%);
  pointer-events:none;
}

body.eficiencia .kpi-section.kpi-dark .container{
  position:relative;
  z-index:1;
}

body.eficiencia .kpi-section.kpi-dark .section-title{
  color:#fff;
}

body.eficiencia .kpi-section.kpi-dark .section-subtitle{
  color:rgba(255,255,255,.84);
}

body.eficiencia .kpi-section.kpi-dark .section-subtitle strong{
  color:#fff;
}

/* Cards en dark: claras, pero con borde suave */
body.eficiencia .kpi-section.kpi-dark .card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
  color:var(--ni-ink);
}

body.eficiencia .kpi-section.kpi-dark .card h3{
  color:var(--ni-navy);
}

body.eficiencia .kpi-section.kpi-dark .card .muted{
  color:rgba(11,18,32,.72);
}

/* ==========================================================
   GOBERNANZA — FONDO BLANCO (sin imagen / sin opacidad)
========================================================== */
body.eficiencia .gov-section.gov-white{
  background:#fff !important;
}

body.eficiencia .gov-section.gov-white::before{
  display:none !important;
}

/* ==========================================================
   FIX URGENTE — GOBERNANZA: texto NAVY + fondo blanco
   (pegar AL FINAL de eficiencia.css)
========================================================== */

body.eficiencia .gov-section.gov-white{
  background:#fff !important;
}

body.eficiencia .gov-section.gov-white,
body.eficiencia .gov-section.gov-white .container,
body.eficiencia .gov-section.gov-white h2,
body.eficiencia .gov-section.gov-white h3,
body.eficiencia .gov-section.gov-white p,
body.eficiencia .gov-section.gov-white li,
body.eficiencia .gov-section.gov-white strong{
  color:var(--ni-navy) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* por si el H2 viene “blanqueado” por algún estilo global */
body.eficiencia .gov-section.gov-white .section-title{
  color:var(--ni-navy) !important;
}

/* subtítulo y textos secundarios: navy pero más suave */
body.eficiencia .gov-section.gov-white .section-subtitle,
body.eficiencia .gov-section.gov-white .muted{
  color:rgba(11,35,57,.78) !important;
  opacity:1 !important;
}

/* mata cualquier overlay/imagen heredada */
body.eficiencia .gov-section.gov-white::before,
body.eficiencia .gov-section.gov-white::after{
  display:none !important;
}

/* tarjetas de gobernanza: claras y legibles */
body.eficiencia .gov-section.gov-white .gov-card,
body.eficiencia .gov-section.gov-white .gov-metric{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(11,35,57,.12) !important;
}

/* pills */
body.eficiencia .gov-section.gov-white .gov-pill{
  color:var(--ni-navy) !important;
  opacity:1 !important;
}
body.eficiencia .gov-section.gov-white .gov-pill small{
  color:rgba(11,35,57,.72) !important;
  opacity:1 !important;
}

/* ==========================================================
   FIX NAVBAR CTA — "Conversemos"
   Texto NAVY en hover / active / focus
========================================================== */

body.eficiencia .nav-cta .btn{
  background:var(--ni-emerald);
  color:#fff;
  font-weight:900;
}

/* HOVER */
body.eficiencia .nav-cta .btn:hover{
  color:var(--ni-navy) !important;
  filter:brightness(1.02);
}

/* ACTIVE / FOCUS */
body.eficiencia .nav-cta .btn:active,
body.eficiencia .nav-cta .btn:focus{
  color:var(--ni-navy) !important;
  box-shadow:0 0 0 4px rgba(0,179,136,.22);
}

/* KPI TITLES CON NUMERO IMAGEN — CONSISTENTE */
body.eficiencia .kpi-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  line-height:1.2;
}

body.eficiencia .kpi-num{
  width:32px;
  height:auto;
  flex-shrink:0;
}

/* ===== Fix estructura CTA final en eficiencia ===== */

body.eficiencia #contacto{
  padding: 100px 0 120px;  /* devuelve aire arriba y abajo */
}

body.eficiencia .transition-card{
  border-radius: 20px;
  padding: 60px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
  min-height: 280px;
}

body.eficiencia .transition-left{
  max-width: 640px;
}

body.eficiencia .transition-left h2{
  font-size: clamp(28px, 3vw, 36px);
  color: #ffffff;
}

body.eficiencia .transition-left p{
  font-size: 17px;
  line-height: 1.6;
  opacity: 0.95;
}

body.eficiencia .transition-right{
  display: flex;
  gap: 18px;
}

body.eficiencia .transition-metric{
  background: #ffffff;
  padding: 16px 22px;
  border-radius: 14px;
  min-width: 120px;
  text-align: center;
}

body.eficiencia footer{
  margin-top: 60px; /* separa del CTA */
}
/* ===== Eliminar franja azul del bloque contacto en eficiencia ===== */

body.eficiencia #contacto{
  background: transparent !important;
  padding: 80px 0 100px;
}

body.eficiencia #contacto::before{
  display: none !important;
}

body.eficiencia .transition-card{
  margin: 0 auto;
}

body.eficiencia .cta-link{
  color: rgba(255,255,255,.85);
  font-weight:600;
  text-decoration: underline;
  text-underline-offset:4px;
}

body.eficiencia .cta-link:hover,
body.eficiencia .cta-link:focus,
body.eficiencia .cta-link:active
{
  color:var(--ni-emerald) !important;

}

/* =========================================================
   EFICIENCIA — SUBNAV MOBILE SCROLL FIX
   ========================================================= */
@media (max-width: 768px){

  .svc-page .svc-subnav{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .svc-page .svc-subnav::-webkit-scrollbar{
    display: none;
  }

  .svc-page .svc-subnav .container{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center;
    gap: 10px;
    width: max-content;
    min-width: 100%;
    padding: 12px 16px 8px;
  }

  .svc-page .svc-subnav .subnav-pill{
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
}
/* EFICIENCIA — FIX TEXTO BOTÓN NAVBAR */

body.eficiencia-page .navbar .btn:hover,
body.eficiencia-page .navbar .btn:focus,
body.eficiencia-page .navbar .btn:active{
  color:#071a2b !important;
}

/* EFICIENCIA — FIX REAL del botón "Conversemos" del navbar */
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:hover,
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:focus,
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:active,
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:visited:hover,
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:visited:focus,
body.eficiencia-page .navbar .nav-links a.btn.btn-sm:visited:active{
  color: #071a2b !important;
}
/* FIX REAL — botón verde "Conversemos" del navbar en Eficiencia */
.navbar .nav-links a.btn,
.navbar .nav-links a.btn-sm,
.navbar .nav-links a.btn.btn-sm,
.navbar .nav-links a[href="index.html#contacto"]{
  color: #ffffff !important;
}

.navbar .nav-links a.btn:hover,
.navbar .nav-links a.btn:focus,
.navbar .nav-links a.btn:active,
.navbar .nav-links a.btn-sm:hover,
.navbar .nav-links a.btn-sm:focus,
.navbar .nav-links a.btn-sm:active,
.navbar .nav-links a.btn.btn-sm:hover,
.navbar .nav-links a.btn.btn-sm:focus,
.navbar .nav-links a.btn.btn-sm:active,
.navbar .nav-links a[href="index.html#contacto"]:hover,
.navbar .nav-links a[href="index.html#contacto"]:focus,
.navbar .nav-links a[href="index.html#contacto"]:active{
  color: #071a2b !important;
}

/* FIX SUBNAV — Eficiencia (más específico) */
.svc-subnav .container .subnav-pill{
  background: #10c4a0 !important;
  color: #071a2b !important;
  border: 1px solid #10c4a0 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.svc-subnav .container .subnav-pill:hover,
.svc-subnav .container .subnav-pill:focus,
.svc-subnav .container .subnav-pill:active,
.svc-subnav .container .subnav-pill.is-active,
.svc-subnav .container .subnav-pill[aria-current="true"]{
  background: #071a2b !important;
  color: #ffffff !important;
  border-color: #071a2b !important;
}

/* =========================================================
   EFICIENCIA — SUBNAV MOBILE SCROLL FIX (CORRECTO)
   ========================================================= */
@media (max-width: 768px){

  body.eficiencia .svc-subnav{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.eficiencia .svc-subnav::-webkit-scrollbar{
    display: none;
  }

  body.eficiencia .svc-subnav .container{
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding: 12px 16px 8px !important;
  }

  body.eficiencia .svc-subnav .subnav-pill{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}