*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#373535;background:#fff;overflow-x:hidden;line-height:1.65}
a{text-decoration:none;color:inherit}

:root{
  --blue:#4C7BB7;--blue-dark:#183968;--blue-mid:#2A5B95;--green-dark:#1a5c3a;
  --red:#DD4A3E;--text:#373535;--text-light:#6b7280;
  --off-white:#f8fafc;--border:#e5e7eb;
  --radius:12px;--shadow:0 4px 24px rgba(24,57,104,.10);--shadow-lg:0 8px 48px rgba(24,57,104,.18);
  --glean-navy:#0c0020;--glean-blue:#343CED;--glean-lime:#D8FD49;
}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:800;font-size:1.05rem;color:var(--blue-dark);letter-spacing:-.02em}
.nav-links{display:flex;gap:28px;align-items:center;font-size:.92rem;font-weight:500}
.nav-links a{color:var(--text-light);transition:color .2s}
.nav-links a:hover{color:var(--blue-dark)}
.btn{display:inline-block;background:var(--blue-dark);color:#fff;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-sm{padding:9px 18px;font-size:.88rem}
@media(max-width:820px){.nav-links{display:none}}

/* Hero */
.hero{background:linear-gradient(160deg,var(--blue-dark) 0%,var(--blue-mid) 100%);color:#fff;padding:76px 0 64px}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(216,253,73,.16);border:1px solid rgba(216,253,73,.4);color:var(--glean-lime);padding:7px 15px;border-radius:99px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:22px}
h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin-bottom:22px}
.hero-lead{font-size:1.2rem;opacity:.93;max-width:680px;margin-bottom:32px}
.hero-meta{font-size:.85rem;opacity:.65;margin-top:28px}

/* Answer-first */
.answer{background:var(--off-white);border-left:4px solid var(--blue);padding:26px 30px;border-radius:0 var(--radius) var(--radius) 0;margin:44px 0;font-size:1.1rem;font-weight:500;color:var(--blue-dark)}

section{padding:56px 0}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--blue-dark);letter-spacing:-.02em;margin-bottom:18px;line-height:1.2}
h3{font-size:1.15rem;font-weight:700;color:var(--blue-dark);margin:28px 0 10px}
p{margin-bottom:16px;color:var(--text)}
.lead{font-size:1.08rem;color:var(--text-light)}
ul,ol{margin:0 0 18px 22px}
li{margin-bottom:9px}
strong{font-weight:700;color:var(--blue-dark)}

/* Tablas */
.table-scroll{overflow-x:auto;margin:24px 0;border-radius:var(--radius);border:1px solid var(--border)}
table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:540px}
th{background:var(--blue-dark);color:#fff;text-align:left;padding:13px 16px;font-weight:600}
td{padding:13px 16px;border-top:1px solid var(--border);vertical-align:top}
tbody tr:nth-child(even){background:var(--off-white)}
.check{color:var(--green-dark);font-weight:700}
.cross{color:var(--red);font-weight:700}

/* Capas */
.layers{display:grid;gap:14px;margin:26px 0}
.layer{display:flex;gap:18px;padding:20px 22px;background:var(--off-white);border-radius:var(--radius);border:1px solid var(--border)}
.layer-n{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:var(--blue-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.layer.on{background:#fff;border:2px solid var(--blue);box-shadow:var(--shadow)}
.layer.on .layer-n{background:var(--blue)}
.layer h4{font-size:1rem;font-weight:700;color:var(--blue-dark);margin-bottom:4px}
.layer p{font-size:.92rem;color:var(--text-light);margin:0}

/* Precio */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:26px 0}
.price-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.price-card .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);font-weight:700;margin-bottom:8px}
.price-card .amount{font-size:1.7rem;font-weight:800;color:var(--blue-dark);letter-spacing:-.02em;line-height:1.15}
.price-card .note{font-size:.85rem;color:var(--text-light);margin-top:8px}
.price-card.free{background:linear-gradient(160deg,var(--green-dark),#14472d);border:none;color:#fff}
.price-card.free .label{color:rgba(255,255,255,.7)}
.price-card.free .amount{color:#fff}
.price-card.free .note{color:rgba(255,255,255,.8)}

/* FAQ */
details{border-bottom:1px solid var(--border);padding:18px 0}
summary{font-weight:700;color:var(--blue-dark);cursor:pointer;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-size:1.4rem;color:var(--blue);font-weight:400;line-height:1}
details[open] summary::after{content:'−'}
details p{margin-top:12px;margin-bottom:0;color:var(--text-light)}

/* CTA */
.cta{background:var(--blue-dark);color:#fff;padding:64px 0}
.cta-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
@media(max-width:880px){.cta-grid{grid-template-columns:1fr;gap:32px}}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.85)}
.proof{background:rgba(255,255,255,.07);border-radius:var(--radius);padding:20px 22px;margin-top:24px;border-left:3px solid var(--glean-lime)}
.proof .quote{font-size:1rem;font-style:italic;color:#fff;margin-bottom:8px}
.proof .who{font-size:.83rem;color:rgba(255,255,255,.6)}
.stats{display:flex;gap:28px;margin-top:24px;flex-wrap:wrap}
.stat .n{font-size:1.9rem;font-weight:800;color:var(--glean-lime);line-height:1}
.stat .t{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:4px}

form{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-lg)}
form h3{margin:0 0 6px;font-size:1.2rem}
form .sub{font-size:.88rem;color:var(--text-light);margin-bottom:20px}
label{display:block;font-size:.85rem;font-weight:600;color:var(--blue-dark);margin-bottom:6px}
input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:9px;font-family:inherit;font-size:.95rem;margin-bottom:16px;color:var(--text)}
input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,123,183,.12)}
form .btn{width:100%;background:var(--green-dark)}
form .fine{font-size:.76rem;color:var(--text-light);margin-top:12px;text-align:center;line-height:1.5}

footer{background:#0f172a;color:rgba(255,255,255,.6);padding:44px 0;font-size:.88rem}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{color:rgba(255,255,255,.8)}
footer a:hover{color:#fff}

/* ===== Agregados 19/9/2026 ===== */
.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--blue);margin-bottom:10px}
.hero .kicker{color:var(--glean-lime)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:26px 0}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.card h4{font-size:1.05rem;font-weight:700;color:var(--blue-dark);margin-bottom:8px}
.card p{font-size:.94rem;color:var(--text-light);margin:0}
.card .tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--blue);margin-bottom:10px}

/* Catálogo de paquetes */
.pack{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.pack.free{background:linear-gradient(160deg,var(--green-dark),#14472d);border:none;color:#fff}
.pack.free h3,.pack.free .pack-price{color:#fff}
.pack.free p,.pack.free li{color:rgba(255,255,255,.88)}
.pack h3{margin:0 0 6px;font-size:1.18rem}
.pack .pack-price{font-size:1.45rem;font-weight:800;color:var(--blue-dark);letter-spacing:-.02em;margin:14px 0 4px}
.pack .pack-price small{font-size:.9rem;font-weight:600;color:var(--text-light)}
.pack.free .pack-price small{color:rgba(255,255,255,.75)}
.pack ul{margin:14px 0 0 18px;font-size:.9rem}
.pack li{margin-bottom:7px;color:var(--text-light)}
.pack .pack-foot{margin-top:auto;padding-top:18px}

/* Bloques de nota */
.note{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:18px 22px;margin:26px 0;font-size:.95rem}
.note strong{color:#92400e}
.quiet{background:var(--off-white);border-radius:var(--radius);padding:22px 26px;margin:26px 0}

/* Pasos */
.steps{counter-reset:s;margin:26px 0;padding:0;list-style:none}
.steps li{counter-increment:s;position:relative;padding-left:52px;margin-bottom:22px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:9px;background:var(--blue-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.steps h4{margin:0 0 4px;font-size:1.02rem;font-weight:700;color:var(--blue-dark)}
.steps p{margin:0;font-size:.94rem;color:var(--text-light)}

/* Logos de partners */
.partners{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.partners span{background:var(--off-white);border:1px solid var(--border);border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:600;color:var(--blue-dark)}

/* Footer */
.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
@media(max-width:760px){.foot-cols{grid-template-columns:1fr;gap:24px}}
.foot-cols h5{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-weight:700}
.foot-cols ul{list-style:none;margin:0}
.foot-cols li{margin-bottom:7px}
.foot-legal{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;line-height:1.6}
.hero .btn{background:#fff;color:var(--blue-dark)}
.hero .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}


/* ===== Correcciones de contraste 19/9/2026 =====
   El selector p{color:var(--text)} pisaba el blanco heredado del hero
   porque .hero-lead no declaraba color propio. Mismo bug en la version
   anterior de glean-argentina.html. */
.hero p,.hero li,.hero h1,.hero h2{color:#fff}
.hero .hero-meta{color:rgba(255,255,255,.65)}
.cta .kicker{color:var(--glean-lime)}
.pack.free .tag{color:var(--glean-lime)}
.note p{color:#78350f}

/* ═══════════ Componentes nuevos 20/9/2026 ═══════════ */

/* Marca de solucion (cerebrito GCG / Data Hero / machine learning) */
.marca{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px;background:var(--off-white);border:1px solid var(--border);border-radius:10px}
.sol-ico{width:38px;height:38px;flex-shrink:0;color:var(--blue-dark)}
.marca-n{display:block;font-size:.95rem;font-weight:800;color:var(--blue-dark);letter-spacing:-.01em;line-height:1.2}
.marca-b{display:block;font-size:.76rem;color:var(--text-light);margin-top:2px}

/* Paquete destacado: el que lleva precio publicado */
.pack.destacado{border:2px solid var(--blue);box-shadow:var(--shadow)}
.pack.destacado .pack-price{color:var(--blue)}

/* Novedades: eventos y prensa */
.evento{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--border)}
.evento:first-of-type{border-top:none;padding-top:8px}
.evento > div:last-child{flex:1;min-width:0}
.evento h3{margin:6px 0 10px;font-size:1.25rem}
.evento p{font-size:.96rem}
.evento-fecha{flex-shrink:0;width:74px;text-align:center;background:var(--blue-dark);color:#fff;border-radius:var(--radius);padding:12px 6px;height:max-content}
.evento-fecha .d{display:block;font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}
.evento-fecha .m{display:block;font-size:.72rem;font-weight:700;letter-spacing:.09em;margin-top:5px;color:var(--glean-lime)}
.evento-fecha .y{display:block;font-size:.68rem;opacity:.6;margin-top:3px;letter-spacing:.05em}
@media(max-width:600px){.evento{flex-direction:column;gap:14px}.evento-fecha{width:100%;display:flex;gap:10px;justify-content:center;align-items:baseline;padding:9px}.evento-fecha .m,.evento-fecha .y{margin-top:0}}

blockquote.cita{margin:18px 0;padding:16px 22px;background:var(--off-white);border-left:4px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--blue-dark);font-size:1.02rem}

/* ═══════════ Logos e identidad 20/9/2026 ═══════════ */

/* Logo en el header */
.logo{display:flex;align-items:center}
.logo img{height:38px;width:auto;display:block}
@media(max-width:820px){.logo img{height:32px}}

/* Logo en el pie */
.foot-logo{height:46px;width:auto;display:block;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.92}

/* Tira de logos de partners */
.logos-tira{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin:26px 0}
.logo-chip{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;transition:border-color .2s,box-shadow .2s}
.logo-chip:hover{border-color:var(--blue);box-shadow:var(--shadow)}
/* Caja fija: normaliza logos de proporciones muy distintas.
   Neogrid es 4.7:1 y Glean 2.4:1; a la misma altura el ancho se lee mucho mas chico. */
.logo-caja{display:flex;align-items:center;justify-content:center;height:44px;width:100%;max-width:168px}
.logo-caja.alto{height:56px}                       /* lockups apilados, tipo Agentforce */
.logo-chip img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
.logo-chip .wm{font-weight:800;font-size:1.34rem;letter-spacing:-.03em;line-height:1;white-space:nowrap;text-transform:none}
.logo-chip .wm-rh{color:#EE0000}
.logo-chip .wm-sf{color:#00A1E0}
.logo-chip span{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-light);line-height:1.3}
.logo-chip .rh{font-size:1.18rem;font-weight:800;color:#EE0000;letter-spacing:-.02em;text-transform:none;line-height:26px}

/* Bio del CEO */
.bio{display:flex;gap:20px;align-items:flex-start;background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-top:26px}
.bio img{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid #fff;box-shadow:var(--shadow)}
.bio h4{margin:0;font-size:1.1rem;font-weight:800;color:var(--blue-dark)}
.bio .rol{margin:2px 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.bio p{font-size:.93rem;color:var(--text-light);margin:0}
@media(max-width:560px){.bio{flex-direction:column;align-items:center;text-align:center}}

/* Tarjetas de caso con logo */
.caso{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}
.caso > img{height:24px;width:auto;max-width:150px;object-fit:contain;object-position:left;align-self:flex-start;opacity:.85}
.caso-n{font-size:2rem;font-weight:800;color:var(--blue);letter-spacing:-.03em;line-height:1}
.caso p{font-size:.92rem;color:var(--text-light);margin:0}
.caso-p{display:inline-block;margin-top:8px;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-dark);background:var(--off-white);border:1px solid var(--border);border-radius:99px;padding:3px 10px}

/* Breakout: grillas de tarjetas que necesitan mas ancho que la columna de lectura */
.ancho{width:min(1080px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}
.ancho.grid3{grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}

/* Navegacion en mobile: en vez de ocultarla, fila compacta desplazable.
   Sin JavaScript y sin hamburguesa, asi no hay nada que se pueda romper. */
@media(max-width:820px){
  .nav{height:auto;flex-wrap:wrap;padding:10px 0 0;row-gap:8px}
  .nav-links{
    display:flex;order:3;width:100%;gap:0;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid var(--border);margin-top:4px;
    scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{
    flex:0 0 auto;padding:11px 14px;font-size:.85rem;font-weight:600;
    color:var(--text-light);white-space:nowrap;
  }
  .nav-links a:first-child{padding-left:0}
  header .btn-sm{padding:8px 14px;font-size:.82rem}
}

/* ═══════ Logo al tamaño de la versión original: 52px ═══════ */
.nav{height:92px}
.logo img{height:64px}
@media(max-width:820px){
  .logo img{height:48px}
  .nav{height:auto}
}

/* ═══════════ Secuencia de capas NEXT LAYER 20/9/2026 ═══════════ */
.capas-tira{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 34px}
@media(max-width:760px){.capas-tira{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.capas-tira{grid-template-columns:1fr}}
.capa-item{display:block;padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.capa-item:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}
.capa-item.on{background:var(--blue-dark);border-color:var(--blue-dark)}
.capa-n{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--blue);border-radius:5px;padding:2px 7px;margin-bottom:8px}
.capa-item.on .capa-n{background:var(--glean-lime);color:var(--glean-navy)}
.capa-nom{display:block;font-size:1rem;font-weight:700;color:var(--blue-dark);line-height:1.2}
.capa-item.on .capa-nom{color:#fff}
.capa-desc{display:block;font-size:.8rem;color:var(--text-light);margin-top:5px;line-height:1.35}
.capa-item.on .capa-desc{color:rgba(255,255,255,.75)}

/* Separador y numeritos del menú */


/* Fecha en el pie */
.foot-fecha{color:rgba(255,255,255,.75);font-weight:600}
.h1-sub{display:block;font-size:.5em;font-weight:600;letter-spacing:-.01em;opacity:.82;margin-top:10px;line-height:1.25}
/* El menu quedo largo con las 4 capas: se compacta para que el boton no parta */
@media(min-width:821px){
  .nav-links{gap:18px;font-size:.86rem}
  header .btn-sm{white-space:nowrap;padding:9px 16px;font-size:.84rem}
  .wrap.nav{gap:18px}
}

/* ═══════════ Menú desplegable NEXT LAYER ═══════════
   Con <details>: funciona con mouse, teclado y dedo, sin una línea de JS. */
.menu-capas{position:relative}
.menu-capas>summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  font-size:.92rem;font-weight:600;color:var(--text-light);white-space:nowrap;
  padding:6px 0;transition:color .2s;
}
.menu-capas>summary::-webkit-details-marker{display:none}
.menu-capas>summary::after{
  content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.55;transition:transform .2s;
}
.menu-capas[open]>summary::after{transform:rotate(180deg)}
.menu-capas>summary:hover,.menu-capas[open]>summary{color:var(--blue-dark)}

.menu-capas-panel{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);
  width:320px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);padding:8px;z-index:60;
}
.menu-capas-panel::before{
  content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;width:11px;height:11px;
  background:#fff;border-left:1px solid var(--border);border-top:1px solid var(--border);
  transform:rotate(45deg);
}
.menu-capas-panel a{display:block;padding:11px 13px;border-radius:9px;transition:background .15s}
.menu-capas-panel a:hover{background:var(--off-white)}
.menu-capas-panel a+a{border-top:1px solid var(--border)}   /* el separador entre cada Layer */
.mc-n{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.mc-t{display:block;font-size:.98rem;font-weight:700;color:var(--blue-dark);margin-top:1px}
.mc-d{display:block;font-size:.8rem;color:var(--text-light);margin-top:2px;line-height:1.35}

/* En mobile el panel se abre en bloque, sin flotar */
@media(max-width:820px){
  .menu-capas{order:3;width:100%;border-top:1px solid var(--border)}
  .menu-capas>summary{padding:11px 0;font-size:.85rem}
  .menu-capas-panel{position:static;transform:none;width:100%;box-shadow:none;border:none;padding:0 0 10px}
  .menu-capas-panel::before{display:none}
}

/* ═══════════ Pie: oficinas, redes y WhatsApp · 21/9/2026 ═══════════ */
.foot-of{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:rgba(255,255,255,.72);line-height:1.5}
.foot-of>span:first-child{flex:0 0 auto;opacity:.85}
.foot-social{display:flex;gap:10px;margin-top:18px}
.foot-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);transition:background .2s,color .2s,transform .2s}
.foot-social a:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.foot-social svg{width:19px;height:19px}



/* Calendly embebido en la pagina del Scan */
.calendly-inline-widget{margin:26px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}

/* ═══════════ Diagrama a ancho completo · 21/9/2026 ═══════════ */
.diagrama{margin:0 0 8px;padding:34px 24px 0;background:var(--off-white);border-bottom:1px solid var(--border)}
.diagrama img{display:block;width:100%;max-width:1160px;margin:0 auto;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}
.diagrama figcaption{max-width:860px;margin:16px auto 0;padding-bottom:30px;text-align:center;font-size:.92rem;color:var(--text-light);line-height:1.6}
.diagrama figcaption a{color:var(--blue);font-weight:600}
@media(max-width:700px){.diagrama{padding:22px 14px 0}}

/* Secciones grandes, pensadas para compartir pantalla en una reunion */
.pres{padding:70px 0;border-top:1px solid var(--border)}
.pres:first-of-type{border-top:none}
.pres h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:20px}
.pres p,.pres li{font-size:1.09rem;line-height:1.72}
.pres .lead{font-size:1.2rem}
.pres .paso{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--off-white);border:1px solid var(--border);border-radius:99px;padding:5px 13px;margin-bottom:16px}
.video-comp{width:100%;max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:26px 0;display:block;background:#000}
.video-comp-wrap{margin:26px 0}
.video-comp-wrap figcaption{font-size:.88rem;color:var(--text-light);margin-top:10px;line-height:1.55}

/* ═══════════ Revelado al hacer scroll · 21/9/2026 ═══════════
   Se observa el bloque contenedor y los hijos se escalonan por CSS.
   Nunca se observa un hijo por separado, para que no pueda quedar
   uno invisible en pantalla si el observador no lo alcanza. */
.anim .rev{opacity:0;transform:translateY(14px)}
.anim .rev.visto{opacity:1;transform:none;transition:opacity .5s cubic-bezier(.2,.7,.3,1),transform .5s cubic-bezier(.2,.7,.3,1)}

/* Hijos escalonados, solo dentro de un bloque ya revelado */
.anim .rev .card,.anim .rev .pack,.anim .rev .caso,
.anim .rev .logo-chip,.anim .rev .capa-item,.anim .rev .steps li{opacity:0;transform:translateY(12px)}
.anim .rev.visto .card,.anim .rev.visto .pack,.anim .rev.visto .caso,
.anim .rev.visto .logo-chip,.anim .rev.visto .capa-item,.anim .rev.visto .steps li{
  opacity:1;transform:none;transition:opacity .45s ease-out,transform .45s ease-out}
.anim .rev.visto :is(.card,.pack,.caso,.logo-chip,.capa-item,.steps li):nth-child(2){transition-delay:.06s}
.anim .rev.visto :is(.card,.pack,.caso,.logo-chip,.capa-item,.steps li):nth-child(3){transition-delay:.12s}
.anim .rev.visto :is(.card,.pack,.caso,.logo-chip,.capa-item,.steps li):nth-child(4){transition-delay:.18s}
.anim .rev.visto :is(.card,.pack,.caso,.logo-chip,.capa-item,.steps li):nth-child(5){transition-delay:.24s}
.anim .rev.visto :is(.card,.pack,.caso,.logo-chip,.capa-item,.steps li):nth-child(6){transition-delay:.30s}
@media print{.anim .rev,.anim .rev *{opacity:1!important;transform:none!important}}

/* ═══════════ 21/9/2026 · Cambios de textos del home ═══════════ */

/* Barra de arriba a todo el ancho, como en la versión original (70px, logo 52px) */
@media(min-width:821px){
  header .wrap.nav{max-width:none;padding:0 40px;height:70px}
  header .logo img{height:52px}
  .nav-links{flex:1;justify-content:center;gap:22px;font-size:.9rem}
}

/* Las capas del método son links a su página */
a.layer{color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
a.layer:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}
.layer-ver{display:inline-block;margin-top:8px;font-size:.84rem;font-weight:700;color:var(--blue)}

/* Los tres problemas, cada uno con su fuente */
.problemas{display:grid;gap:14px;margin:22px 0 26px}
.problema{border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--radius);padding:20px 22px;background:#fff}
.problema-t{font-size:1.02rem;font-weight:700;color:var(--blue-dark);margin:0 0 12px;line-height:1.45}
.fuente{background:var(--off-white);border-radius:10px;padding:14px 16px;font-size:.9rem;color:var(--text-light)}
.fuente-n{display:block;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-dark);margin-bottom:6px}
.fuente p{margin:0 0 8px}
.fuente ul{margin:0 0 8px;padding-left:18px}
.fuente li{margin:2px 0}
.fuente a{font-weight:600;color:var(--blue)}

/* Casos de éxito con cabecera oscura, como en la versión original */
.casos2{margin-top:26px}
.caso2{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.caso2:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}
.caso2-h{background:var(--glean-navy);padding:22px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.caso2-h img{height:24px;width:auto;max-width:170px;object-fit:contain;opacity:.9}
.caso2-h img.inv{height:22px;filter:brightness(0) invert(1);opacity:.85}
.caso2-h span{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.caso2-b{padding:22px 24px;flex:1}
.caso2-emp{font-size:1.1rem;font-weight:800;color:var(--blue-dark);margin-bottom:2px}
.caso2-ind{font-size:.76rem;color:var(--text-light);margin-bottom:14px}
.caso2-n{font-size:2.1rem;font-weight:900;letter-spacing:-.025em;line-height:1.1;margin-bottom:4px}
.caso2-d{font-size:.82rem;font-weight:600;color:var(--blue-dark);margin-bottom:12px}
.caso2-b p{font-size:.83rem;line-height:1.65;color:var(--text-light);margin:0}
.caso2-f{padding:14px 24px;border-top:1px solid var(--border)}
.caso2-f a{font-size:.83rem;font-weight:600;color:var(--glean-blue)}