:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1a99f8f */ /* ── HERO — ranas doradas ─── */
.hero{
    position:relative; width:100%;
  height:min(78vh,350px); min-height:260px;
  overflow:hidden; display:flex; align-items:flex-end;
}
    
@supports not (height:min(78vh,0px)){.hero{height:78vh;max-height:350px}}
@supports (height:100dvh){.hero{height:min(78dvh,350px)}}

.hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;background-position:center 60%;
  background-repeat:no-repeat;
  filter:brightness(.52) saturate(.88);
  transform:scale(1.03);
  transition:transform 8s ease;
}
.hero:hover 
.hero-bg{transform:scale(1.055)}

/* Degradado top — fusión con topbar navy */
.hero-gt{
  position:absolute;
  top:0;left:0;right:0;height:260px;
  
  background:linear-gradient(to bottom,#002662 0%,rgba(0,38,98,.55) 45%,transparent 100%);
  z-index:1;
  pointer-events:none;
}

/* Degradado bottom para texto */
.hero-gb{
  position:absolute;bottom:0;left:0;right:0;height:380px;
  background:linear-gradient(to top,rgba(5,8,20,.97) 0%,rgba(5,8,20,.72) 30%,rgba(5,8,20,.2) 60%,transparent 100%);
  z-index:1;pointer-events:none;
}
/* Glow dorado sutil — identidad rana */
.hero-glow{
  position:absolute;bottom:120px;left:0;right:0;height:200px;
  background:radial-gradient(ellipse at 35% 100%, rgba(212,146,10,.12) 0%, transparent 5%);
  z-index:1;pointer-events:none;
}

.hero-c{position:relative;z-index:2;width:100%;padding:0 56px 64px}

.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(212,146,10,.18);
  border:.5px solid rgba(212,146,10,.4);
  border-radius:20px;padding:4px 13px;
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#f6d06a;margin-bottom:14px;
}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#f6d06a;flex-shrink:0}
.hero-t{
  font-size:clamp(38px,6vw,72px);font-weight:800;
  color:#fff;line-height:1.02;letter-spacing:-.03em;margin-bottom:14px;
}
.hero-t .ac-gold{color:#f6d06a}
.hero-sub{font-size:clamp(14px,1.6vw,18px);font-weight:400;color:rgba(255,255,255,.75);line-height:1.6;max-width:580px}
.hero-dec{margin-top:22px;display:flex;gap:12px;align-items:center}
.hero-dec-line{width:40px;height:1.5px;background:var(--gold);opacity:.8}
.hero-dec-text{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* ── MODULE NAV ── */
.mnav{
    position:sticky;
    top:0;
    background:#fff;
    border-bottom:1px solid #e6ebf2;
    box-shadow:none;
}

.mnav-in{
    max-width:1400px;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none;
}

.mnav-in::-webkit-scrollbar{
    display:none;
}

.nt{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-width:245px;
    height:70px;
    padding:10px 24px;
    border:none;
    background:#fff;

    font-family:var(--font);
    font-size:13px;
    font-weight:600;
    color:#6f7d97;

    cursor:pointer;
    white-space:nowrap;
    transition:.25s;
    border:none !important;
    box-shadow:none !important;
}

.nt svg{
    width:18px;
    height:18px; 
    stroke:currentColor; 
    stroke-width:1.6; 
    fill:none;
    stroke-linecap:round; 
    stroke-linejoin:round; 
    opacity:.7; 
    flex-shrink:0;
}

.nt:hover{
    color:#0b3479;
    background:#fff;
}

/* línea inferior activa */
.nt.on{
    color:#0b3479;
    font-weight:700;
    border:none !important;
    box-shadow:none !important;
}

.nt.on::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:#0b3479;
}

/* separadores verticales */
.nt + .nt::before{
    content:"";
    position:absolute;
    left:0;
    top:22px;
    bottom:22px;
    width:1px;
    background:#e3e8ef;
}

/* ── PANELS ── */
.panel{display:none}
.panel.on{display:block; animation:fi .26s ease; }

@keyframes fi{ from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
.pntc-ar .W { max-width:100%; margin:0; padding:0 50px; }
.pntc-ar .sec { padding:56px 0; } /* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ea0801 */ url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --navy:#002662;--blue:#0654c4;--cyan:#00a6d6;--cyan-b:#00d4ff;
  --teal:#1A9BAF;--green:#2E8B57;
  --gold:#D4920A;--amber:#f59e0b;--amber-l:#fbbf24;
  --coral:#C0392B;--coral-l:#e05a4e;
  --white:#fff;--bg:#f8fafc;--bg2:#f1f5f9;
  --text:#1e293b;--muted:#64748b;--border:rgba(0,38,98,.09);
  --font:'Montserrat',-apple-system,sans-serif;
  --ease:.22s ease;--r:12px;
  --sh:0 2px 12px rgba(0,38,98,.07);--sh-h:0 8px 32px rgba(0,38,98,.14);
}

/* ── LAYOUT ──────────────────────────────────────── */
.W{max-width:100%; margin:0; padding:0 50px;}
.sec{padding:56px 0}

/* ── SECTION HEADER ──────────────────────────────── */
.sh{margin-bottom:36px;width:100%}
.sl{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform: none !important;color:var(--gold);margin-bottom:8px}
.st{font-size:clamp(24px,2.8vw,34px);font-weight:700;color:var(--navy);line-height:1.18;border-bottom:3px solid var(--gold);display:inline-block;padding-bottom:6px;text-transform: none !important;letter-spacing:-.015em}
.sd{font-size:15.5px;color:var(--muted);line-height:1.75;margin-top:16px;width:100%}

/* ── INNER TABS ──────────────────────────────────── */
.it-wrap{
  display:flex !important; gap:0 !important;
  border:none !important; border-bottom:1px solid #e2e8f0 !important;
  margin-bottom:40px; overflow-x:auto; scrollbar-width:none; background:transparent !important;
}
.it-wrap::-webkit-scrollbar{display:none}
.it{text-transform: none !important;
  padding:18px 25px !important; background:none !important; border:none !important;
  border-bottom:3px solid transparent !important;
  font-family:var(--font); font-size:14px; font-weight:600;text-transform: none !important; color:#64748b !important;
  cursor:pointer; margin-bottom:-1px !important;
  transition:color .2s, border-color .2s; white-space:nowrap; flex-shrink:0; position:relative;
}
.it.on { color:var(--navy) !important; border-bottom-color:var(--navy) !important; font-weight:700; }

.it:hover:not(.on){color:var(--text)}

.ip{display:none}.ip.on{display:block;animation:fi .22s ease}

/* ── GRIDS ───────────────────────────────────────── */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}

/* ── CARDS con movimiento ────────────────────────── */
.card{background:var(--white);border:.5px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:var(--sh);position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.22,.68,0,1.2),box-shadow .28s ease;cursor:default}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--c,var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
.card:hover{transform:translateY(-5px) scale(1.012);box-shadow:var(--sh-h)}
.card:hover::after{transform:scaleX(1)}
.card:active{transform:translateY(-2px)}
.ci{width:36px;height:36px;stroke:var(--c,var(--blue));stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px;display:block;transition:transform .28s cubic-bezier(.22,.68,0,1.2)}
.card:hover .ci{transform:scale(1.14) rotate(-4deg)}
.card h4{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3;text-transform: none !important;}
.card p{text-transform: none !important;font-size:13px;color:var(--muted);line-height:1.68;margin:0}

/* Card lateral */
.cs{background:var(--white);border:.5px solid var(--border);border-left:4px solid var(--c,var(--blue));border-radius:0 var(--r) var(--r) 0;padding:20px 22px;box-shadow:var(--sh);transition:transform .26s cubic-bezier(.22,.68,0,1.2),box-shadow .26s ease;display:flex;gap:14px;align-items:flex-start}
.cs:hover{transform:translateX(4px);box-shadow:var(--sh-h)}
.cs-ic{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-ic svg{width:20px;height:20px;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cs h4{font-size:14.5px;font-weight:700;color:var(--text);text-transform: none !important;margin-bottom:5px}
.cs p{font-size:13px;color:var(--muted);line-height:1.65;text-transform: none !important;margin:0}

/* ── KPIs ────────────────────────────────────────── */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
.kpi{background:var(--white);border:.5px solid var(--border);border-radius:var(--r);border-top:4px solid var(--k,var(--blue));padding:20px 18px;box-shadow:var(--sh);transition:transform .26s cubic-bezier(.22,.68,0,1.2),box-shadow .26s ease}
.kpi:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.kpi__v{font-size:30px;font-weight:700;color:var(--k,var(--blue));line-height:1;margin-bottom:6px}
.kpi__l{font-size:12px;color:var(--muted);line-height:1.4;font-weight:500}

/* ── CONCEPTO EXPANDIBLE ─────────────────────────── */
.conc{border-radius:var(--r);overflow:hidden;margin-bottom:14px;box-shadow:var(--sh)}
.conc-hdr{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;transition:filter .2s}
.conc-hdr:hover{filter:brightness(.92)}
.conc-dot{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.conc-dot svg{width:18px;height:18px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.conc-info{flex:1}
.conc-title{font-size:15.5px;font-weight:700;color:#fff;margin-bottom:2px}
.conc-meta{font-size:11px;color:rgba(255,255,255,.7);font-weight:500}
.conc-ch{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;transition:transform .22s;flex-shrink:0}
.conc-hdr.open .conc-ch{transform:rotate(180deg)}
.conc-body{display:none;padding:20px 24px;background:var(--white);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r) var(--r);font-size:14px;color:var(--text);line-height:1.8}
.conc-body.open{display:block}
.conc-body strong{color:var(--navy)}

/* ── HIGHLIGHT BOX ───────────────────────────────── */
.hl{background:linear-gradient(135deg,rgba(0,38,98,.04),rgba(212,146,10,.05));border:.5px solid rgba(0,38,98,.11);border-radius:var(--r);padding:26px 30px;margin:20px 0}
.hl p{font-size:15px;color:var(--text);line-height:1.78;text-transform: none !important;margin-bottom:12px}
.hl p:last-child{margin-bottom:0}
.hl strong{color:var(--navy)}

.pntc-adaptacion{margin-top:24px}
 
/* Kicker / etiqueta superior */
.pntc-tl-label{
  font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:16px;
}
 
/* Panel blanco contenedor */
.pntc-tl-panel{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:24px;
  box-shadow:var(--sh);
}
 
/* Timeline ── lista */
.pntc-tl-list{
  list-style:none;
  position:relative;
  margin:0;
  padding:0;
}
.pntc-tl-list::before{
  content:'';
  position:absolute;
  left:19px;
  top:20px;
  bottom:20px;
  width:1px;
  background:var(--navy);
  opacity:.18;
}
 
/* Timeline ── ítem */
.pntc-tl-item{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding-bottom:16px;
  position:relative;
}
.pntc-tl-item:last-child{padding-bottom:0}
 
/* Círculo numerado navy */
.pntc-tl-node{
  width:40px;height:40px;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:500;
  flex-shrink:0;
  position:relative;
  z-index:1;
}
 
/* Tarjeta */
.pntc-tl-card{
  flex:1;min-width:0;
  background:var(--white);
  text-transform: none !important;
  border:1px solid var(--border);
  border-left:3px solid var(--navy);
  border-radius:0 var(--r) var(--r) 0;
  padding:14px 20px;
  transition:background var(--ease),border-color var(--ease),transform var(--ease);
}
.pntc-tl-card:hover{
  background:var(--bg2);
  border-color:var(--border);
  border-left-color:var(--navy);
  transform:translateY(-1px);
}
 
/* Título de función — text-transform:none vence al theme */
.pntc-adaptacion .pntc-tl-fn-title{
  font-size:15px;font-weight:500;
  color:var(--navy);
  line-height:1.4;
  margin-bottom:5px;
  text-transform:none;
}
 
/* Descripción justificada */
.pntc-tl-fn-desc{
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
  text-align:justify;
  text-transform: none !important;
}
 
/* Responsive */
@media(max-width:520px){
  .pntc-tl-list::before{left:15px}
  .pntc-tl-node{width:32px;height:32px;font-size:12px}
  .pntc-tl-item{gap:14px;padding-bottom:14px}
  .pntc-tl-card{padding:12px 14px;border-radius:0 var(--r) var(--r) 0}
  .pntc-tl-fn-title{font-size:14px}
  .pntc-tl-fn-desc{font-size:12px}
  .pntc-tl-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .pntc-tl-card{transition:none}
  .pntc-tl-card:hover{transform:none}
}

/* ── ACCORDION ────────────────────────────────────── */
.acc{background:var(--white);border:.5px solid var(--border);border-left:3px solid var(--navy);border-radius:0 var(--r) var(--r) 0;margin-bottom:8px;box-shadow:var(--sh);overflow:hidden}
.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:none;border:none;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text);text-align:left;cursor:pointer;transition:background .2s}
.acc-btn:hover{background:var(--bg2)}
.acc-btn.open{color:var(--navy);background:rgba(0,38,98,.04)}
.acc-ch{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;transition:transform .22s}
.acc-btn.open .acc-ch{transform:rotate(180deg)}
.acc-body{display:none;padding:14px 18px;font-size:13.5px;color:var(--muted);line-height:1.72;background:var(--bg2);border-top:.5px solid var(--border)}
.acc-body.open{display:block}

/* ── FLUJO / INFOGRAFÍA ──────────────────────────── */
.flow{display:flex;align-items:stretch;justify-content:center;margin:32px 0;flex-wrap:wrap;gap:0}
.fi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 18px;min-width:130px;flex:1;max-width:200px;background:var(--white);border:.5px solid var(--border);text-align:center;position:relative;box-shadow:var(--sh);transition:transform .28s cubic-bezier(.22,.68,0,1.2),box-shadow .28s ease;cursor:default}
.fi:first-child{border-radius:var(--r) 0 0 var(--r)}.fi:last-child{border-radius:0 var(--r) var(--r) 0}
.fi:hover{transform:translateY(-6px) scale(1.04);box-shadow:var(--sh-h);z-index:2}
.fi-n{position:absolute;top:10px;left:12px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.06em}
.fi-ic{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:transform .28s cubic-bezier(.22,.68,0,1.2)}
.fi:hover .fi-ic{transform:scale(1.14)}
.fi-ic svg{width:26px;height:26px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fi-t{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.25}
.fi-s{font-size:11px;color:var(--muted);line-height:1.4}
.fsep{display:flex;align-items:center;padding:0 4px;color:rgba(0,38,98,.2);font-size:22px;flex-shrink:0;align-self:center}

/* ── MAP PLACEHOLDER ─────────────────────────────── */
.mp{background:linear-gradient(135deg,#e8f4fd,#dbeafe 50%,#e0f2fe);border:.5px solid rgba(0,100,200,.15);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--blue);font-size:13px;font-weight:500;padding:28px;position:relative;overflow:hidden;min-height:240px}
.mp::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(0,100,200,.07) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,166,214,.05) 0%,transparent 50%)}
.mp svg{width:38px;height:38px;stroke:var(--blue);stroke-width:1.4;fill:none;opacity:.5}

/* ── CTA ─────────────────────────────────────────── */
.cta{background:linear-gradient(135deg,var(--navy) 0%,#0a3a8a 100%);border-radius:var(--r);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px}
.cta-l{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-l);margin-bottom:5px}
.cta-t{font-size:17px;font-weight:700;color:#fff;margin-bottom:5px}
.cta-d{font-size:13px;color:rgba(255,255,255,.7);line-height:1.55}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;text-decoration:none;flex-shrink:0}
.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;transition:transform .2s}
.btn:hover svg{transform:translateX(3px)}
.btn-gold{background:var(--amber-l);color:var(--navy)}.btn-gold:hover{background:#fde68a}
.btn-c{background:var(--cyan);color:var(--navy)}.btn-c:hover{background:var(--cyan-b)}
.btn-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.btn-o:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.08)}

/* ── DECRETO CALLOUT ─────────────────────────────── */
.dec{background:rgba(0,38,98,.04);border-left:3px solid var(--navy);border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;color:var(--muted);line-height:1.72;margin:20px 0}
.dec strong{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--navy);margin-bottom:5px}

/* ── ACTORS ──────────────────────────────────────── */
.actors{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-flex;align-items:center;background:var(--bg2);border:.5px solid var(--border);border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--navy);transition:background .2s,transform .2s}
.chip:hover{background:rgba(0,38,98,.08);transform:translateY(-1px)}

/* ── STAT CARD (movilidad) ───────────────────────── */
.stat-card{background:var(--white);border:.5px solid var(--border);border-top:4px solid var(--c,var(--coral));border-radius:var(--r);padding:20px 18px;box-shadow:var(--sh);transition:transform .26s cubic-bezier(.22,.68,0,1.2),box-shadow .26s ease}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.stat-card__v{font-size:32px;font-weight:700;color:var(--c,var(--coral));line-height:1;margin-bottom:5px}
.stat-card__l{font-size:12.5px;color:var(--muted);line-height:1.45;font-weight:500}
.stat-card__src{font-size:10.5px;color:rgba(100,116,139,.7);margin-top:8px;font-style:italic}

/* ── FASE PROTOCOLO ──────────────────────────────── */
.fase{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:.5px solid var(--border)}
.fase:last-child{border-bottom:none}
.fase-num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fase-body h4{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}
.fase-body p{font-size:13px;color:var(--muted);line-height:1.62;margin:0}

/* ── IMPACTO VISUAL ──────────────────────────────── */
.impact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.impact-item{background:var(--white);border:.5px solid var(--border);border-radius:var(--r);padding:20px 16px;text-align:center;box-shadow:var(--sh);transition:transform .28s cubic-bezier(.22,.68,0,1.2),box-shadow .28s ease}
.impact-item:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.impact-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}
.impact-icon svg{width:24px;height:24px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.impact-label{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.3}
.impact-desc{font-size:11.5px;color:var(--muted);line-height:1.55;margin-top:5px}

/* ── RESPONSIVE ──────────────────────────────────── */
@media(max-width:1024px){.kpis,.g4,.impact-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .tb-nav{display:none}.tb-in{padding:0 18px}
  .hero{height:62vh;min-height:360px}.hero-c{padding:0 20px 40px}.hero-t{font-size:34px}
  .W{padding:0 18px}.sec{padding:40px 0}
  .kpis,.g3,.g2,.g4,.impact-row{grid-template-columns:1fr}
  .cta{flex-direction:column;padding:20px 18px}
  .flow{flex-direction:column;align-items:center}
  .fi{width:100%;max-width:100%}.fi:first-child{border-radius:var(--r) var(--r) 0 0}.fi:last-child{border-radius:0 0 var(--r) var(--r)}
  .fsep{transform:rotate(90deg);padding:4px 0}
  .mnav-in{justify-content:flex-start}
}
@media(max-width:480px){.nt span{display:none}.nt{padding:12px 14px}}
@media(hover:none){.card:hover,.kpi:hover,.fi:hover,.stat-card:hover,.impact-item:hover{transform:none;box-shadow:var(--sh)}.card:active{transform:translateY(-2px);box-shadow:var(--sh-h)}}
@supports(padding:env(safe-area-inset-left)){
  .hero-c{padding-left:max(56px,calc(18px + env(safe-area-inset-left)));padding-right:max(56px,calc(18px + env(safe-area-inset-right)))}
  .mnav-in{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}

/* card de indicadores */
.cardPD {
    background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  border: 1px solid #e0e0e0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 1 calc(33.333% - 25px);
  flex: 0 1 calc(33.333% - 25px);
  min-width: 260px;
  
}
 
@media (max-width: 900px) {
  .card { -webkit-flex: 0 1 calc(50% - 8px); flex: 0 1 calc(50% - 8px); }
}
@media (max-width: 600px) {
  .card { -webkit-flex: 0 1 100%; flex: 0 1 100%; }
}

.cardPD-header {
  background: linear-gradient(90deg, #8b0000, #c62828);
  color: #fff;
  padding: 12px 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  text-transform: none !important;
  
}
 
.cardPD-header span { font-weight: 700; }
 
.tag {
  background: rgba(255,255,255,0.2);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
}
 
.cardPD-body {
  padding: 16px;
  -webkit-flex: 1;
  flex: 1;
}
 
.cardPD-body h3 {
  font-size: 15px;
  margin: 0 0 10px;
  color: #1a1a1a;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: none !important;
  line-height: 1.4;
}
 
.cardPD-body p {
  font-size: 13px;
  color: #555;
  margin: 0;
  text-align: left;
  text-transform: none !important;
}
 
.cardPD-footer {
  padding: 12px 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-top: auto;
}
 
.estado {
  font-size: 13px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap: 6px;
}
 
.estado::before { content: "●"; }
.activo   { color: #2e7d32; }
.desarrollo { color: #f57c00; }
 
.btnPD {
  background: #e3f2fd;
  color: #1565c0;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.contenedorPD {
display:flex;
    flex-wrap:wrap;
    gap:20px;
    width:100%;
    margin-top:16px;
}

.me-main{
  -webkit-flex:1; flex:1;
  min-width:0;
  padding:0;            /* antes: 1.5rem 2rem */
  background:transparent; /* el bloque blanco rompía la consistencia con las otras pestañas */
  min-height:auto;
} /* End custom CSS */