:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-26c220c */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* ─── CORRECCIÓN 4+5: Variables movidas a .pntc-ar, typo y --overflow-x eliminados ─── */
.pntc-ar {
  --navy:#002662;--blue:#0654c4;--cyan:#00a6d6;--cyan-b:#00d4ff;
  --background:#f8fafc;
  --color:#1e293b;
  --teal:#1A9BAF;--green:#2E8B57;--amber:#D97706;--red:#DC2626;
  --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);

  /* CORRECCIÓN 2: overflow-x contenido dentro del módulo en lugar de body */
  overflow-x: clip;
}


/* HERO */

/* ── Hero contenedor ── */
.pntc-hero {
  position:relative;width:100%;height:min(78vh,700px);min-height:440px;overflow:hidden;display:flex;align-items:flex-end
}

/* Fallback para Safari < 15.4 que no soporta min() */
@supports not (height: min(78vh, 700px)) {
  .pntc-hero {
    height: 78vh;
    max-height: 700px;
  }
}

/* Usa dvh en browsers modernos (evita el problema de la barra de Safari) */
@supports (height: 100dvh) {
  .pntc-hero {
    height: min(78dvh, 700px);
  }
}

/* ── Imagen de fondo ── */
.pntc-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 25%;
  background-repeat: no-repeat;
  filter: brightness(.55) saturate(.8);
  transform: scale(1.03);
  transition: transform 9s ease;
}

/* Efecto zoom suave al hover — solo desktop */
@media (hover: hover) {
  .pntc-hero:hover .pntc-hero__bg {
    transform: scale(1.055);
  }
}

/* ── Gradiente superior (oscurece el top) ── */
.pntc-hero__gt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: linear-gradient(
    to bottom,
    #002662 0%,
    rgba(0,38,98,.45) 55%,
    transparent 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* ── Gradiente inferior (base del texto) ── */
.pntc-hero__gb {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 340px;
  background: linear-gradient(
    to top,
    rgba(0,14,42,.97) 0%,
    rgba(0,14,42,.68) 32%,
    rgba(0,14,42,.15) 62%,
    transparent 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* ── Contenedor del texto ── */
.pntc-hero__c {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 56px 64px;
  /* Safe area para notch iPhone */
  padding-left: max(56px, calc(18px + env(safe-area-inset-left)));
  padding-right: max(56px, calc(18px + env(safe-area-inset-right)));
}

/* ── Título principal ── */
.pntc-hero__t {
  font-family: 'Montserrat', -apple-system, sans-serif !important;
  font-size: clamp(36px, 5.8vw, 70px) !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.04 !important;
  letter-spacing: -.03em !important;
  margin: 0 !important;
  text-transform: none !important;
  /* Reset por si el theme aplica estilos a h1 */
  text-shadow: none;
}

/* ── "Resiliencia" en celeste ── */
.pntc-hero__ac {
  color: #00d4ff !important; /* --cyan-b */
  display: block;
}

/* ── Responsive tablet ── */
@media (max-width: 768px) {
  .pntc-hero {
    height: 62vh;
    min-height: 360px;
  }
  .pntc-hero__c {
    padding: 0 20px 40px;
    padding-left: max(20px, calc(16px + env(safe-area-inset-left)));
    padding-right: max(20px, calc(16px + env(safe-area-inset-right)));
  }
  .pntc-hero__t {
    font-size: clamp(28px, 8vw, 44px) !important;
  }
  .pntc-hero__gt {
    height: 160px;
  }
}

/* ── Responsive móvil ── */
@media (max-width: 480px) {
  .pntc-hero {
    height: 55vh;
    min-height: 300px;
  }
  .pntc-hero__c {
    padding: 0 16px 32px;
  }
  .pntc-hero__t {
    font-size: clamp(26px, 9vw, 36px) !important;
    letter-spacing: -.02em !important;
  }
}

/* MODULE NAV */
.mnav {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px);
  z-index: 1500;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 3px 22px rgba(0,38,98,.12);
}

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

/* ── Tab base ── */
.nt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 26px;
  border: none !important;
  background: none !important;
  cursor: pointer;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  border-bottom: 3.5px solid transparent !important;
  margin-bottom: -1px;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  transition: color .2s, border-color .2s;
  min-height: 68px;
}

/* ── Ícono SVG ── */
.nt svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.7;
  flex-shrink: 0;
}

/* ── Hover (inactivo) ── */
.nt:hover:not(.on) {
  color: var(--navy);
}
.nt:hover:not(.on) svg {
  opacity: 0.9;
}

/* ── Tab activo ── */
.nt.on {
  color: var(--navy) !important;
  border-bottom-color: var(--navy) !important;
  font-weight: 700;
}
.nt.on svg {
  opacity: 1;
}

/* ── Separadores verticales entre tabs — quitados ── */
.nt + .nt::before {
  display: none;
}

/* ── Mobile: ocultar texto, dejar solo ícono ── */
@media (max-width: 480px) {
  .nt span { display: none; }
  .nt { padding: 10px 14px; min-height: 48px; }
  .nt svg { width: 20px; height: 20px; opacity: 0.8; }
  .nt.on svg { opacity: 1; }
}

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

@keyframes fi { from { opacity:0; transform:translateY(6px) } to { opacity:1; transform:translateY(0) } }

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

/* INNER TABS */
.pntc-ar .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;
}
.pntc-ar .it-wrap::-webkit-scrollbar { display: none }
.pntc-ar .it {
  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;
  color: #64748b !important;
  cursor: pointer;
  margin-bottom: -1px !important;
  transition: color .2s, border-color .2s;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
}
.pntc-ar .it.on {
  color: #002662 !important;
  border-bottom-color: #002662 !important;
  font-weight: 700;
}
/* CORRECCIÓN 9: hover tabs internos → navy en lugar de white */
.pntc-ar .it:hover:not(.on) {
  color: var(--navy) !important;
}
.pntc-ar .ip { display: none }
.pntc-ar .ip.on {
  display: block;
  animation: fi .22s ease
}

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

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

/* CORRECCIÓN 11: clase .g-aside para grids con sidebar */
.pntc-ar .g-aside { display:grid; grid-template-columns:1fr 300px; gap:20px; margin-top:24px }
.pntc-ar .g-aside--280 { display:grid; grid-template-columns:1fr 280px; gap:20px; margin-top:8px }

/* CARDS */
.pntc-ar .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 }
.pntc-ar .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 }
.pntc-ar .card:hover { transform:translateY(-5px) scale(1.012); box-shadow:var(--sh-h) }
.pntc-ar .card:hover::after { transform:scaleX(1) }
.pntc-ar .card:active { transform:translateY(-2px) }

/* CORRECCIÓN 4: .ci prefijado con .pntc-ar */
.pntc-ar .ci { width:38px; height:38px; 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) }
.pntc-ar .card:hover .ci { transform:scale(1.14) rotate(-4deg) }
.pntc-ar .card h4 { font-size:15px; font-weight:700; color:var(--text); margin-bottom:8px; line-height:1.3; text-transform:none !important; }
.pntc-ar .card p { font-size:13px; color:var(--muted); line-height:1.68; margin:0; text-transform:none !important; }

/* Card lateral */
.pntc-ar .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 }
.pntc-ar .cs:hover { transform:translateX(4px); box-shadow:var(--sh-h) }

/* CORRECCIÓN 4: .cs-ic prefijado con .pntc-ar */
.pntc-ar .cs-ic { width:38px; height:38px; border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0 }
.pntc-ar .cs-ic svg { width:20px; height:20px; stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round }
.pntc-ar .cs h4 { font-size:14.5px; font-weight:700; color:var(--text); margin-bottom:5px; text-transform:none !important; }
.pntc-ar .cs p { font-size:13px; color:var(--muted); line-height:1.65; margin:0; text-transform:none !important; }

/* KPIs — CORRECCIÓN 4: .kpis, .kpi__v, .kpi__l prefijados con .pntc-ar */
.pntc-ar .kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:28px 0 }
.pntc-ar .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 }
.pntc-ar .kpi:hover { transform:translateY(-4px); box-shadow:var(--sh-h) }
.pntc-ar .kpi__v { font-size:30px; font-weight:700; color:var(--k,var(--blue)); line-height:1; margin-bottom:6px }
.pntc-ar .kpi__l { font-size:12px; color:var(--muted); line-height:1.4; font-weight:500 }

/* Concepto expandible — CORRECCIÓN 4: clases .conc-* prefijadas */
.pntc-ar .conc { border-radius:var(--r); overflow:hidden; margin-bottom:14px; box-shadow:var(--sh) }
.pntc-ar .conc-hdr { display:flex; align-items:center; gap:14px; padding:18px 22px; cursor:pointer; transition:filter .2s }
.pntc-ar .conc-hdr:hover { filter:brightness(.92) }
.pntc-ar .conc-dot { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; flex-shrink:0 }
.pntc-ar .conc-dot svg { width:18px; height:18px; stroke:#fff; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round }
.pntc-ar .conc-info { flex:1 }
.pntc-ar .conc-title { font-size:15.5px; font-weight:700; color:#fff; margin-bottom:2px }
.pntc-ar .conc-meta { font-size:11px; color:rgba(255,255,255,.7); font-weight:500 }
.pntc-ar .conc-ch { width:18px; height:18px; stroke:#fff; stroke-width:2; fill:none; transition:transform .22s; flex-shrink:0 }
.pntc-ar .conc-hdr.open .conc-ch { transform:rotate(180deg) }
.pntc-ar .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 }
.pntc-ar .conc-body.open { display:block }
.pntc-ar .conc-body strong { color:var(--navy) }

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

/* Flujo — CORRECCIÓN 4: .fi-n, .fi-ic, .fi-t, .fi-s, .fsep prefijados */
.pntc-ar .flow { display:flex; align-items:stretch; justify-content:center; margin:32px 0; flex-wrap:wrap; gap:0 }
.pntc-ar .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,z-index .1s; cursor:default }
.pntc-ar .fi:first-child { border-radius:var(--r) 0 0 var(--r) }
.pntc-ar .fi:last-child { border-radius:0 var(--r) var(--r) 0 }
.pntc-ar .fi:hover { transform:translateY(-6px) scale(1.04); box-shadow:var(--sh-h); z-index:2 }
.pntc-ar .fi-n { position:absolute; top:10px; left:12px; font-size:10px; font-weight:700; color:var(--muted); letter-spacing:.06em }
.pntc-ar .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) }
.pntc-ar .fi:hover .fi-ic { transform:scale(1.14) }
.pntc-ar .fi-ic svg { width:26px; height:26px; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
.pntc-ar .fi-t { font-size:12.5px; font-weight:700; color:var(--text); line-height:1.25 }
.pntc-ar .fi-s { font-size:11px; color:var(--muted); line-height:1.4 }
.pntc-ar .fsep { display:flex; align-items:center; padding:0 4px; color:rgba(0,38,98,.2); font-size:22px; flex-shrink:0; align-self:center }

/* Timeline — CORRECCIÓN 4: .tl-item, .tl-dot, .tl-step, .tl-title, .tl-body prefijados */
.pntc-ar .tl { position:relative; padding-left:28px }
.pntc-ar .tl::before { content:''; position:absolute; left:8px; top:6px; bottom:6px; width:1.5px; background:linear-gradient(to bottom,var(--navy),var(--cyan)) }
.pntc-ar .tl-item { position:relative; padding-bottom:28px }
.pntc-ar .tl-item:last-child { padding-bottom:0 }
.pntc-ar .tl-dot { position:absolute; left:-23px; top:3px; width:14px; height:14px; border-radius:50%; background:var(--white); border:2px solid var(--navy); transition:background .2s,transform .2s }
.pntc-ar .tl-item:hover .tl-dot { background:var(--navy); transform:scale(1.2) }
.pntc-ar .tl-step { font-size:10px; font-weight:700; color:var(--cyan); letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px }
.pntc-ar .tl-title { font-size:14.5px; font-weight:700; color:var(--text); margin-bottom:5px }
.pntc-ar .tl-body { font-size:13px; color:var(--muted); line-height:1.65 }

/* Mapa placeholder */
.pntc-ar .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:24px; position:relative; overflow:hidden }
.pntc-ar .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%) }
.pntc-ar .mp svg { width:38px; height:38px; stroke:var(--blue); stroke-width:1.4; fill:none; opacity:.5 }

/* Accordion simple — CORRECCIÓN 4: .acc-btn, .acc-ch, .acc-body prefijados */
.pntc-ar .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 }
.pntc-ar .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 }
.pntc-ar .acc-btn:hover { background:var(--bg2) }
.pntc-ar .acc-btn.open { color:var(--navy); background:rgba(0,38,98,.04) }
.pntc-ar .acc-ch { width:18px; height:18px; stroke:currentColor; stroke-width:2; fill:none; flex-shrink:0; transition:transform .22s }
.pntc-ar .acc-btn.open .acc-ch { transform:rotate(180deg) }
.pntc-ar .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) }
.pntc-ar .acc-body.open { display:block }

/* CTA — CORRECCIÓN 4: .cta-l, .cta-t, .cta-d, .btn-c, .btn-o prefijados */
.pntc-ar .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 }
.pntc-ar .cta-l { font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--cyan); margin-bottom:5px }
.pntc-ar .cta-t { font-size:17px; font-weight:700; color:#fff; margin-bottom:5px }
.pntc-ar .cta-d { font-size:13px; color:rgba(255,255,255,.7); line-height:1.55 }
.pntc-ar .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 }
.pntc-ar .btn svg { width:14px; height:14px; stroke:currentColor; stroke-width:2.2; fill:none; transition:transform .2s }
.pntc-ar .btn:hover svg { transform:translateX(3px) }
.pntc-ar .btn-c { background:var(--cyan); color:var(--navy) }
.pntc-ar .btn-c:hover { background:var(--cyan-b) }
.pntc-ar .btn-o { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.3) }
.pntc-ar .btn-o:hover { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.08) }

/* Decreto */
.pntc-ar .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 }
.pntc-ar .dec strong { display:block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--navy); margin-bottom:5px }

/* Actors */
.pntc-ar .actors { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px }
.pntc-ar .chip { display:inline-flex; align-items:center; gap:5px; 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 }
.pntc-ar .chip:hover { background:rgba(0,38,98,.08); transform:translateY(-1px) }

/* Placeholder */
.pntc-ar .ph { padding:60px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; min-height:220px }
.pntc-ar .ph svg { opacity:.18 }
.pntc-ar .ph h3 { font-size:20px; font-weight:700; text-transform:none !important; color:var(--navy) }
.pntc-ar .ph p { text-transform:none !important; font-size:13px; color:var(--muted); font-style:italic }

/* ─── CORRECCIÓN 11: Media queries responsive ─── */
@media (max-width:1024px) {
  .pntc-ar .kpis,
  .pntc-ar .g4 { grid-template-columns:repeat(2,1fr) }
}

@media (max-width:768px) {
  /* CORRECCIÓN 5: referencias de hero corregidas a clases reales */
  .pntc-hero { height:62vh; min-height:360px }
  .pntc-hero__c {
    padding: 0 20px 40px;
    /* CORRECCIÓN 6: safe-area env() mantenido en media query móvil */
    padding-left: max(20px, calc(16px + env(safe-area-inset-left)));
    padding-right: max(20px, calc(16px + env(safe-area-inset-right)));
  }
  .pntc-hero__t { font-size:32px }

  .pntc-ar .W { padding:0 18px }
  .pntc-ar .sec { padding:40px 0 }
  .pntc-ar .kpis,
  .pntc-ar .g3,
  .pntc-ar .g2,
  .pntc-ar .g4 { grid-template-columns:1fr }
  .pntc-ar .cta { flex-direction:column; padding:20px 18px }
  .pntc-ar .flow { flex-direction:column; align-items:center }
  .pntc-ar .fi { width:100%; max-width:100% }
  .pntc-ar .fi:first-child { border-radius:var(--r) var(--r) 0 0 }
  .pntc-ar .fi:last-child { border-radius:0 0 var(--r) var(--r) }
  .pntc-ar .fsep { transform:rotate(90deg); padding:4px 0 }
  .mnav-in { justify-content:flex-start }
  /* CORRECCIÓN 11: grids laterales → una sola columna en móvil */
  .pntc-ar .g-aside,
  .pntc-ar .g-aside--280 { grid-template-columns:1fr }
}

@media (max-width:480px) {
  .nt span { display:none }
  .nt { padding:12px 14px }
}

@media (hover:none) {
  .pntc-ar .card:hover,
  .pntc-ar .kpi:hover,
  .pntc-ar .fi:hover { transform:none; box-shadow:var(--sh) }
  .pntc-ar .card:active { transform:translateY(-2px); box-shadow:var(--sh-h) }
}

@supports (padding: env(safe-area-inset-left)) {
  .pntc-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);
  }
}

/* CONTENEDOR */

/* DROPDOWN */
.nt-drop{
    position:relative;
    display:flex;
    align-items:stretch;
}

/* botón dropdown */
.nt-dd{
    gap:8px;
}

/* flecha */
.dd-arrow{
    width:14px !important;
    height:14px !important;
    transition:transform .25s ease;
}

/* menú */
.dd-menu{
    position:absolute;
    top:100%;
    left:0;

    min-width:220px;

    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,38,98,.12);

    padding:10px;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.25s ease;

    z-index:9999;
}

/* mostrar */
.nt-drop:hover .dd-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* rotar flecha */
.nt-drop:hover .dd-arrow{
    transform:rotate(180deg);
}

/* botones internos */
.dd-menu button{
    width:100%;
    border:none;
    background:none;

    padding:12px 14px;

    border-radius:8px;

    text-align:left;

    font-family:var(--font);
    font-size:13px;
    font-weight:600;

    color:#334155;

    cursor:pointer;

    transition:.2s;
}

/* hover */
.dd-menu button:hover{
    background:#f1f5f9;
    color:var(--navy);
}
.nt-dd{
    position:relative;
    display:flex;
    align-items:stretch;
}

/* BOTON CON FLECHA */
.nt-drop{
    position:relative;
    padding-right:18px;
}

/* FLECHA */
.nt-drop .arr{
    width:14px;
    height:14px;

    stroke:currentColor;
    stroke-width:2;
    fill:none;

    transition:transform .25s ease;

    margin-top:2px;
}

/* ANIMACIÓN */
.nt-dd:hover .arr{
    transform:rotate(180deg);
}

/* SUBMENU */
.nt-sub{
    position:absolute;
    top:100%;
    left:50%;

    transform:translateX(-50%) translateY(10px);

    min-width:220px;

    background:#fff;

    border:1px solid #e2e8f0;
    border-radius:14px;

    box-shadow:0 14px 34px rgba(0,38,98,.14);

    padding:8px;

    display:flex;
    flex-direction:column;

    opacity:0;
    visibility:hidden;

    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility .22s;

    z-index:4000;
}

/* MOSTRAR */
.nt-dd:hover .nt-sub{
    opacity:1;
    visibility:visible;

    transform:translateX(-50%) translateY(0);
}

/* ITEMS */
.nt-sub button{
    border:none;
    background:none;

    padding:12px 14px;

    border-radius:10px;

    text-align:left;

    font-family:var(--font);
    font-size:13px;
    font-weight:600;

    color:#475569;

    cursor:pointer;

    transition:.2s;
}

/* HOVER */
.nt-sub button:hover{
    background:#f1f5f9;
    color:var(--navy);
}

.actor-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 1.5rem 1rem 1.25rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: .75rem;
  text-align: center;
  min-height: 170px;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition: transform .2s, box-shadow .2s;
  transition: transform .2s, box-shadow .2s;
}
 
.actor-card:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  border-color: #bfdbfe;
}
 
.logo-wrap {
  width: 100%;
  height: 72px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
 
.logo-wrap img {
  max-height: 68px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
 
.actor-card h3 {
  font-size: .78rem;
  font-weight: 600;
  color: #1e3a8a;
  line-height: 1.35;
  margin-top: auto;
  font-family: 'Montserrat', sans-serif;
  text-transform: none !important;
}
 
.descripcion {
  font-size: .875rem;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.elementor-section,
.elementor-widget-wrap,
.elementor-widget-container {
  min-height: auto !important;}
  .actors-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
 
@media (max-width: 900px)  { .actors-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .actors-grid { grid-template-columns: 1fr; } } /* End custom CSS */