/* ═══════════════════════════════════════════════════════════════
   SEGINTEC · Capa visual premium
   Solo presentación: no cambia textos, enlaces, formularios ni SEO.
   ═══════════════════════════════════════════════════════════════ */
:root{--sg-ink:#121A3A;--sg-muted:#4A5168;--sg-rule:#E2E5EE;--sg-mist:#F5F6F9;--sg-green:#2B7A2B;--sg-green-h:#236623;--sg-ease:cubic-bezier(.23,1,.32,1);--sg-serif:'Newsreader',Georgia,'Times New Roman',serif}

/* ── Tipografía ───────────────────────────────────────────────── */
body{-webkit-font-smoothing:antialiased}
h1,h2,.sh{font-family:var(--sg-serif) !important;font-weight:500 !important;letter-spacing:-.015em}
[style*="Playfair"],[style*="Newsreader"]{font-family:var(--sg-serif) !important}
.hero-sub,.sp{line-height:1.65 !important}
.lbl{font-weight:600 !important;letter-spacing:.14em !important}
.exp-num,.stat-num,[class*="-num"]{font-variant-numeric:tabular-nums lining-nums}

/* ── Sin movimiento perpetuo ──────────────────────────────────── */
.hero-mesh,.hero-glow,.hero-accent{display:none !important}
.h-chip,.top-alert,.nav-thermo,.h-chip .d,.alert-dot,.nav-thermo-dot,[style*="animation:blink"],[style*="animation: blink"]{animation:none !important}
.btn-hero::after{display:none !important}

/* ── Aviso superior ───────────────────────────────────────────── */
.top-alert{background:#121A3A !important}
.top-alert .alert-dot{display:none !important}
.top-alert p{color:#D7DCEA !important}
.top-alert strong,.top-alert a{color:#FFFFFF !important}

/* ── Encabezado ───────────────────────────────────────────────── */
.barra-fija nav{background:#FFFFFF !important;box-shadow:none !important;border-bottom:1px solid var(--sg-rule) !important}
.nav-btn{background:var(--sg-green) !important;background-image:none !important;box-shadow:none !important;border-radius:10px !important}
.nav-btn:hover{background:var(--sg-green-h) !important;box-shadow:none !important}
.nav-thermo{box-shadow:none !important}

/* ── Miga de pan y franja de metodología ──────────────────────── */
nav[aria-label="Ruta de navegación"]{background:#FFFFFF !important;border-bottom:1px solid var(--sg-rule) !important}
nav[aria-label="Ruta de navegación"] a{color:#5B6377 !important;font-weight:500 !important}
nav[aria-label="Ruta de navegación"] a:hover{color:var(--sg-green) !important}
nav[aria-label="Ruta de navegación"] li{color:#9AA0AE !important}
nav[aria-label="Ruta de navegación"] li:last-child{color:var(--sg-ink) !important;font-weight:600 !important}
.auth-band-outer{background:var(--sg-mist) !important;border-bottom:1px solid var(--sg-rule) !important;box-shadow:none !important}

/* ── Bloque principal claro ───────────────────────────────────── */
.hero{background:#FFFFFF !important;background-image:none !important;color:var(--sg-ink) !important;border-bottom:1px solid var(--sg-rule)}
.hero h1{color:var(--sg-ink) !important;line-height:1.06 !important;text-wrap:balance}
.hero h1 .green{color:var(--sg-green) !important;font-style:italic}
.hero .hero-sub{color:var(--sg-muted) !important}
.hero .hero-sub b,.hero .hero-sub strong{color:var(--sg-ink) !important}
.hero .h-chip{background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;color:var(--sg-green) !important;font-weight:600 !important;letter-spacing:.14em !important}
.hero .h-chip .d{display:none !important}
.hero .hero-actions a:not(.btn-hero),.hero .btn-link{color:var(--sg-ink) !important}
.hero .hero-actions a:not(.btn-hero):hover,.hero .btn-link:hover{color:var(--sg-green) !important}
.hero .h-badge{background:var(--sg-mist) !important;border:1px solid var(--sg-rule) !important;color:var(--sg-ink) !important;box-shadow:none !important}
.hero .hc{background:var(--sg-mist) !important;background-image:none !important;border:1px solid var(--sg-rule) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;opacity:1 !important}
.hero .hc b{color:var(--sg-ink) !important}
.hero .hc span{color:var(--sg-muted) !important}
.hero .hc-ico{background:#FFFFFF !important;color:var(--sg-green) !important;border:1px solid var(--sg-rule) !important}
.hero .hc-ico svg,.hero .hc-ico svg *{stroke:var(--sg-green) !important}
.hero .h-badge svg,.hero .h-badge svg *{stroke:var(--sg-green) !important}
.hero [style*="#FFD96A"]{background:#FFFFFF !important;border-color:var(--sg-rule) !important;color:var(--sg-ink) !important}
.hero [style*="#FFD96A"] > span{background:var(--sg-green) !important}

/* ── Botones ──────────────────────────────────────────────────── */
.btn-hero,.btn-enviar:not(:disabled),.btn-primary:not(:disabled){background:var(--sg-green) !important;background-image:none !important;box-shadow:none !important;border-radius:10px !important}
.btn-hero:hover,.btn-enviar:not(:disabled):hover,.btn-primary:not(:disabled):hover{background:var(--sg-green-h) !important;box-shadow:none !important}

/* ── Tarjetas más sobrias ─────────────────────────────────────── */
.mcard{border:1px solid var(--sg-rule) !important;border-radius:14px !important;box-shadow:none !important}
.mcard::after{display:none !important}
.mcard-q::before{color:rgba(18,26,58,.12) !important}
.riesgo{border-top-color:var(--sg-rule) !important}
.t26-item{border-top:1px solid var(--sg-rule) !important}

/* ── Lo que nos diferencia: lista editorial numerada ──────────── */
.porq-left{counter-reset:porq}
.porq-item{counter-increment:porq;border:none !important;border-top:1px solid var(--sg-rule) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:1.25rem 0 !important;gap:1.25rem !important}
.porq-item:last-child{border-bottom:1px solid var(--sg-rule) !important}
.porq-ico{display:none !important}
.porq-item::before{content:counter(porq,decimal-leading-zero);font-family:var(--sg-serif);font-size:1.4rem;line-height:1.25;color:var(--sg-green);min-width:2.4rem;font-variant-numeric:tabular-nums}
.porq-item b{font-family:var(--sg-serif) !important;font-weight:600 !important;font-size:1.3rem !important;line-height:1.3 !important;color:var(--sg-ink) !important;margin-bottom:.35rem !important}

/* ── Botón flotante de WhatsApp ───────────────────────────────── */
.fab{background:#1C8448 !important;background-image:none !important;box-shadow:0 10px 28px rgba(18,26,58,.22) !important;border-radius:999px !important}
.fab:hover{background:#176E3C !important;box-shadow:0 12px 30px rgba(18,26,58,.26) !important}

/* ═══════════════ Nuevos bloques del inicio ═══════════════ */
.sgp-wrap{max-width:1200px;margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px);box-sizing:border-box}
.sgp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-green)}
.sgp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;background:var(--sg-green);color:#FFFFFF !important;font-weight:600;font-size:16px;text-decoration:none;transition:background-color .2s ease,transform .16s var(--sg-ease)}
.sgp-btn:hover{background:var(--sg-green-h)}
.sgp-btn:active{transform:scale(.97)}

/* Mapa de cobertura (columna derecha del bloque principal) */
.hero .hero-right.sgp-mapa-col{display:block !important;align-self:center}
.sgp-mapa{margin:0;background:var(--sg-mist);border:1px solid var(--sg-rule);border-radius:18px;padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;gap:18px}
.sgp-mapa svg{width:100%;max-width:340px;height:auto;align-self:center;overflow:visible}
.sgp-mapa figcaption{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px 24px;padding-top:16px;border-top:1px solid var(--sg-rule);font-size:14.5px;line-height:1.5;color:var(--sg-muted)}
.sgp-mapa figcaption .sgp-eyebrow{grid-column:1 / -1}
.sgp-ley{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--sg-ink)}
@keyframes sgp-aparece{from{opacity:0}to{opacity:1}}
@keyframes sgp-punto{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@keyframes sgp-onda{0%{opacity:.45;transform:scale(1)}100%{opacity:0;transform:scale(3.6)}}
.sgp-pt{transform-box:fill-box;transform-origin:center;animation:sgp-punto .45s var(--sg-ease) both}
.sgp-ln{animation:sgp-aparece .6s ease-out both}
.sgp-onda{transform-box:fill-box;transform-origin:center;animation:sgp-onda 1.8s var(--sg-ease) 1.1s 2 both}

/* Cifras que cuentan una vez (al entrar en pantalla; sin JavaScript se ven completas) */
.sgp-cifras.sgp-armado .sgp-cnt{animation-play-state:paused}
.sgp-cifras.sgp-armado.sgp-visto .sgp-cnt{animation-play-state:running}
.sgp-cifras{background:#121A3A;color:#FFFFFF}
.sgp-cifras .sgp-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:28px;padding-top:40px;padding-bottom:40px}
.sgp-stat{display:flex;flex-direction:column;gap:8px}
.sgp-stat + .sgp-stat{border-left:1px solid rgba(255,255,255,.12);padding-left:28px}
.sgp-big{font-family:var(--sg-serif);font-size:clamp(44px,5vw,60px);line-height:1;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums lining-nums}
.sgp-unit{font-size:.5em;margin-left:6px;color:#9FB3E6}
.sgp-stat p{margin:0;font-size:15px;line-height:1.5;color:#C3CAE0;max-width:16em}
.sgp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@property --sgn{syntax:'<integer>';inherits:false;initial-value:0}
.sgp-cnt{counter-reset:sgn var(--sgn)}
.sgp-cnt::after{content:counter(sgn)}
@keyframes sgp-c24{from{--sgn:0}to{--sgn:24}}
@keyframes sgp-c5{from{--sgn:0}to{--sgn:5}}
@keyframes sgp-c3{from{--sgn:0}to{--sgn:3}}
@keyframes sgp-c2029{from{--sgn:2026}to{--sgn:2029}}
.sgp-n24{--sgn:24;animation:sgp-c24 1.2s var(--sg-ease) both}
.sgp-n5{--sgn:5;animation:sgp-c5 .9s var(--sg-ease) both}
.sgp-n3{--sgn:3;animation:sgp-c3 .9s var(--sg-ease) both}
.sgp-n2029{--sgn:2029;animation:sgp-c2029 1.2s var(--sg-ease) both}

/* Calendario normativo */
.sgp-cal{background:var(--sg-mist);border-top:1px solid var(--sg-rule);border-bottom:1px solid var(--sg-rule);color:var(--sg-ink)}
.sgp-cal .sgp-wrap{display:flex;flex-direction:column;gap:32px;padding-top:clamp(44px,5.5vw,76px);padding-bottom:clamp(44px,5.5vw,76px)}
.sgp-cal-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px 64px;align-items:end}
.sgp-cal-head h2{margin:12px 0 0;font-size:clamp(32px,3.6vw,46px);line-height:1.1;color:var(--sg-ink)}
.sgp-cal-head p{margin:0;color:var(--sg-muted);max-width:30em;line-height:1.65}
.sgp-tl-box{position:relative}
.sgp-tl-axis{position:absolute;left:0;right:0;top:7px;height:2px;background:var(--sg-rule)}
.sgp-tl-line{height:2px;background:var(--sg-green);transform-origin:left center}
.sgp-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:32px}
.sgp-tl li{display:flex;flex-direction:column;gap:10px;padding-top:34px;position:relative}
.sgp-dot{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:#FFFFFF;border:2px solid var(--sg-green);box-sizing:border-box}
.sgp-dot.sgp-fin{background:var(--sg-green)}
.sgp-fecha{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-green);font-variant-numeric:tabular-nums}
.sgp-tl h3{margin:0;font-family:var(--sg-serif);font-weight:600;font-size:24px;line-height:1.25;color:var(--sg-ink)}
.sgp-tl p{margin:0;font-size:15px;line-height:1.6;color:var(--sg-muted)}

/* Revelado y trazos ligados al desplazamiento, donde el navegador lo permite */
@keyframes sgp-asoma{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sgp-crece{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports (animation-timeline: view()){
  .sgp-rv{animation:sgp-asoma linear both;animation-timeline:view();animation-range:entry 0% entry 25%}
  .sgp-tl-line{animation:sgp-crece linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
}

/* Celular */
@media (max-width:1060px){
  .hero .hero-right.sgp-mapa-col{padding:0 5vw 2.5rem !important;display:block !important}
}
@media (max-width:760px){
  .sgp-tl-axis,.sgp-dot{display:none !important}
  .sgp-tl li{border-left:2px solid var(--sg-rule);padding-top:0;padding-left:18px}
  .sgp-stat + .sgp-stat{border-left:none;padding-left:0}
}
@media (prefers-reduced-motion: reduce){
  .sgp-pt,.sgp-ln,.sgp-onda,.sgp-rv,.sgp-cnt,.sgp-tl-line{animation:none !important}
}

/* ── Franja "con usted": neutra; el rojo queda solo para riesgos reales ── */
.riesgo{background:var(--sg-mist) !important;border-bottom-color:var(--sg-rule) !important}
.riesgo-txt h2{color:var(--sg-ink) !important}
.riesgo-txt h2 em{color:var(--sg-green) !important;font-style:italic !important}
.rnum{background:#FFFFFF !important;border-color:var(--sg-rule) !important;box-shadow:none !important}
.rnum-n{color:var(--sg-ink) !important;font-family:var(--sg-serif) !important}

/* ── Aprovechar el espacio: la columna corta acompaña al desplazarse ── */
@media (min-width:1100px){
  .porq-grid,.remoto-grid,.exp-inner,.alc-inner{align-items:start !important}
  .porq-right,.rm-panel,.exp-cards,.alc-inner > div:first-child{position:sticky;top:calc(var(--alto-barra, 110px) + 28px)}
  .riesgo-wrap{align-items:center !important}
}
/* ── Pantallas anchas: contenido centrado en 1.360 px, sin columnas estiradas ── */
@media (min-width:1500px){
  .exp-band,.riesgo,.mirror,.servicios,.sectores,.porq,.contraste,.remoto,.proceso,.resenas,.faq,.garantia,.contacto,.alc-band,.t26{padding-left:max(5vw, calc((100% - 1360px) / 2)) !important;padding-right:max(5vw, calc((100% - 1360px) / 2)) !important}
  .sgp-mapa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr);column-gap:28px;align-items:center}
  .sgp-mapa svg{max-width:400px}
  .sgp-mapa figcaption{grid-template-columns:1fr;border-top:none;padding-top:0;border-left:1px solid var(--sg-rule);padding-left:24px}
}

/* ── Columnas del bloque principal y cifras de consultoría más equilibradas ── */
@media (min-width:1100px){
  .hero .hc{padding-top:1.45rem !important;padding-bottom:1.45rem !important}
  .riesgo-nums:not(.riesgo-nums-grid){flex-direction:column !important;flex:0 0 320px !important}
}
@media (min-width:1100px){
  .riesgo-wrap{justify-content:center !important;column-gap:5rem !important}
  .riesgo-txt p{max-width:34em !important}
  .riesgo-txt{flex:0 1 560px !important}
  .riesgo-wrap[style*="grid-template-columns:1fr auto"]{grid-template-columns:minmax(0,600px) 320px !important}
}

/* Píldora del termómetro: es un enlace */
.hero .pill-termo{transition:border-color .2s ease,color .2s ease,transform .16s var(--sg-ease)}
@media (hover:hover){.hero .pill-termo:hover{border-color:var(--sg-green) !important;color:var(--sg-green) !important}}
.hero .pill-termo:active{transform:scale(.98)}

/* Títulos de los pasos (antes h4, ahora h3: mismo aspecto) */
.step h3.step-t{font-family:'Outfit',sans-serif !important;font-size:1.05rem !important;font-weight:700 !important;color:var(--navy) !important;margin:0 0 .44rem !important;line-height:inherit !important;letter-spacing:normal !important}

/* ── Menú con «Recursos»: que quepa en todos los anchos ── */
@media (max-width:1499px){ .barra-fija .nav-menu > li:first-child{display:none !important} }
@media (min-width:1200px) and (max-width:1439px){ .barra-fija .nav-menu a{padding-left:.4rem !important;padding-right:.4rem !important;font-size:.92rem !important} .barra-fija .nav-btn{padding-left:1rem !important;padding-right:1rem !important} }
@media (max-width:1199px){
  .barra-fija .nav-menu,.barra-fija .nav-btn,.barra-fija .nav-contacto{display:none !important}
  .barra-fija .nav-ham,.barra-fija #nav-ham{display:flex !important}
}

/* ── Enlaces a guías y entre servicios (todas las páginas) ── */
.guia-rel{max-width:900px;margin:0 auto;padding:.6rem 5vw}
.guia-rel a{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;border:1px solid var(--sg-rule,#E2E5EE);border-radius:14px;padding:1rem 1.2rem;text-decoration:none;color:var(--sg-ink,#121A3A);background:#FFFFFF;transition:border-color .2s ease}
@media (hover:hover){.guia-rel a:hover{border-color:var(--sg-green,#2B7A2B)}}
.guia-rel .gr-tag{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-green,#2B7A2B)}
.guia-rel .gr-t{font-weight:600;color:#1E2F6E}
/* ── Pie: seis columnas en una fila en pantallas grandes ── */
@media (min-width:1200px){ footer > div[style*="gap:3rem"]{column-gap:1.6rem !important;flex-wrap:nowrap !important;justify-content:space-between !important} }