/* ==========================================================================
   No Más Robos · Design System
   Mobile-first · sin frameworks · optimizado para velocidad y Core Web Vitals
   ========================================================================== */

/* ---- Fuente Inter auto-hospedada (variable, sin CDN) -------------------- */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- Tokens -------------------------------------------------------------- */
:root{
  /* Marca — carmesí No Más Robos (color real de la marca) */
  --brand-900:#4a0712;   /* carmesí profundo */
  --brand-800:#cc1020;   /* primario (rojo marca) */
  --brand-700:#a30d1a;
  --brand-600:#e4121f;   /* acento brillante */
  --brand-500:#ff3b41;
  --brand-100:#ffd6d9;
  --brand-50:#fff1f2;
  --ink:#190a0e;         /* casi negro (hero / footer / secciones oscuras) */
  --ink-2:#2a0f15;
  --verde:#16a34a;
  --verde-600:#15803d;
  --verde-soft:#4AA485;
  --rojo:#e4121f;        /* alerta */
  --rojo-700:#a30d1a;
  --amarillo:#f59e0b;

  /* Neutros */
  --tinta:#0f172a;
  --gris-800:#1f2937;
  --gris-600:#475569;
  --gris-500:#64748b;
  --gris-400:#94a3b8;
  --gris-200:#e2e8f0;
  --gris-100:#f1f5f9;
  --gris-50:#f8fafc;
  --blanco:#ffffff;

  /* Semánticos */
  --bg:#ffffff;
  --text:#1f2937;
  --muted:#64748b;
  --border:#e2e8f0;
  --primary:var(--brand-800);
  --primary-d:var(--brand-900);
  --accent:var(--brand-600);

  /* Tipografía */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-display:clamp(2.6rem,6vw,4.6rem);
  --fs-hero:clamp(2.1rem,4.6vw,3.9rem);
  --fs-h2:clamp(1.85rem,3.4vw,3rem);
  --fs-h3:clamp(1.2rem,2vw,1.55rem);

  /* Layout */
  --maxw:1240px;
  --gutter:clamp(1rem,4vw,2rem);
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:24px;

  /* Sombras */
  --sh-sm:0 1px 3px rgba(15,23,42,.08);
  --sh-card:0 1px 2px rgba(15,23,42,.04),0 12px 26px -16px rgba(15,23,42,.22);
  --sh:0 8px 24px rgba(15,23,42,.10);
  --sh-lg:0 20px 50px rgba(15,23,42,.16);
  --sh-brand:0 14px 30px rgba(204,16,32,.32);

  --header-h:74px;
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ---- Reset --------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px);overflow-x:clip}
body{
  font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
  font-size:1rem;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img,svg,video{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none;padding:0}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{line-height:1.18;font-weight:800;color:var(--tinta);letter-spacing:-.02em}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,255,255,.9);border-radius:4px}

.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:#fff;padding:.6rem 1rem;z-index:1000;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

/* ---- Layout helpers ----------------------------------------------------- */
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(3rem,7vw,5.5rem)}
.section--tight{padding-block:clamp(2rem,4vw,3rem)}
.section--alt{background:linear-gradient(180deg,#fff,var(--gris-50) 12%,var(--gris-50) 88%,#fff)}
.section--dark{background:linear-gradient(135deg,#7a0a17 0%,#cc1020 60%,#e4121f 100%);color:#ffe9eb}
.section--dark h2,.section--dark h3{color:#fff}
/* Textura sutil (rejilla de puntos) solo en los fondos blancos de la portada; no afecta secciones tintadas ni bandas oscuras */
.page-home .section:not(.section--alt):not(.section--band):not(.section--dark){background-color:#fff;background-image:radial-gradient(circle,rgba(15,23,42,.13) 1.5px,transparent 1.7px);background-size:18px 18px}
.ico{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.18em;flex:none;fill:currentColor}
.ico--xs{width:.85em;height:.85em}
.center{text-align:center}
.grid{display:grid;gap:clamp(1rem,2.5vw,1.6rem)}

/* Encabezado de sección */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:var(--brand-50);border:1px solid var(--brand-100);padding:.35rem .85rem;border-radius:100px;margin-bottom:1rem}
.section--dark .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.section-head{max-width:760px;margin-inline:auto;margin-bottom:clamp(2rem,4vw,3rem)}
.section-head.center{text-align:center}
h2.h2{font-size:var(--fs-h2);margin-bottom:.8rem}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--muted);line-height:1.6}
.section--dark .lead{color:#ffd6da}

/* ---- Botones ------------------------------------------------------------ */
.btn{
  --btn-bg:var(--primary);--btn-fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.85rem 1.5rem;border-radius:100px;font-weight:700;font-size:1rem;
  background:var(--btn-bg);color:var(--btn-fg);line-height:1;
  transition:transform .15s var(--ease),box-shadow .2s,background .2s,filter .2s;
  text-align:center;cursor:pointer;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-brand)}
.btn:active{transform:translateY(0)}
.btn--primary{--btn-bg:linear-gradient(135deg,var(--brand-800),var(--brand-600));box-shadow:0 8px 20px rgba(204,16,32,.30)}
.btn--accent{--btn-bg:linear-gradient(135deg,#0f0f14,#2a0f15);border:1px solid rgba(255,255,255,.12)}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--primary);border:2px solid var(--gris-200)}
.btn--ghost:hover{border-color:var(--primary);box-shadow:none}
/* Botón destacado al sitio de IA Detecta: degradado de marca, relieve, glow rojo y brillo al pasar */
.btn--iad{position:relative;overflow:hidden;border:0;--btn-fg:#fff;color:#fff;font-weight:800;
  background:linear-gradient(135deg,var(--brand-800) 0%,var(--brand-600) 55%,var(--brand-500) 100%);
  box-shadow:0 10px 28px -8px rgba(228,18,31,.6),inset 0 1px 0 rgba(255,255,255,.28)}
.btn--iad .ico--arrow{transition:transform .25s var(--ease)}
.btn--iad:hover{transform:translateY(-3px);box-shadow:0 16px 42px -8px rgba(228,18,31,.82),inset 0 1px 0 rgba(255,255,255,.35)}
.btn--iad:hover .ico--arrow{transform:translateX(4px)}
.btn--iad::after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg)}
.btn--iad:hover::after{animation:iad-sheen .85s ease forwards}
@keyframes iad-sheen{from{left:-75%}to{left:140%}}
@media(prefers-reduced-motion:reduce){.btn--iad:hover{transform:none}.btn--iad:hover .ico--arrow{transform:none}.btn--iad:hover::after{animation:none}}
.btn--white{--btn-bg:#fff;--btn-fg:var(--primary)}
.btn--wa{--btn-bg:#25D366;--btn-fg:#fff}
.btn--wa .ico{width:1.4em;height:1.4em}
.btn--lg{padding:1.05rem 2rem;font-size:1.08rem}
.btn--block{width:100%}
.btn--clientes{
  --btn-bg:linear-gradient(135deg,#15151b,#2a0f15);--btn-fg:#fff;
  position:relative;border:1px solid rgba(255,90,100,.40);
  box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);
}
.btn--clientes::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 40px at 80% 0%,rgba(255,90,100,.45),transparent);opacity:.7}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.btn-row--center{justify-content:center}

/* ---- Topbar ------------------------------------------------------------- */
.topbar{background:var(--ink);color:#e7c9cd;font-size:.84rem;border-bottom:2px solid var(--brand-600)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:1rem}
.topbar__item{display:inline-flex;align-items:center;gap:.4rem;color:#e7c9cd;white-space:nowrap}
.topbar__item .ico{color:var(--brand-500)}
.topbar__item:hover{color:#fff}
.topbar__contact{display:flex;align-items:center;gap:1.1rem}
.topbar__social{display:inline-flex;color:#e09aa1}
.topbar__social:hover{color:#fff}

/* ---- Header / Nav ------------------------------------------------------- */
.header{position:sticky;top:0;z-index:90;background:transparent;border-bottom:1px solid var(--border);transition:box-shadow .2s}
.header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}
.header.is-scrolled{box-shadow:var(--sh)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h)}
.header__logo img{height:46px;width:auto}
.header__actions{display:flex;align-items:center;gap:.7rem}
.header__actions .btn{height:42px;padding-block:0}
.header__cta{padding-inline:1.3rem}

.nav__list{display:flex;align-items:center;gap:.3rem}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:.3rem;padding:.6rem .85rem;border-radius:10px;font-weight:600;color:var(--gris-800);transition:background .15s,color .15s}
.nav__link:hover{background:var(--brand-50);color:var(--primary)}
.nav__link[aria-current]{color:var(--primary)}
.nav__link[aria-current]::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.3rem;height:2px;border-radius:2px;background:var(--primary)}
.nav__has-sub{position:relative}
.nav__sub{position:absolute;top:calc(100% + 8px);left:0;min-width:248px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s var(--ease)}
.nav__has-sub:hover .nav__sub,.nav__has-sub:focus-within .nav__sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav__sub a{display:block;padding:.65rem .8rem;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--gris-800)}
.nav__sub a:hover{background:var(--brand-50);color:var(--primary)}
.nav__close,.nav__cta-mobile,.nav__head,.nav__foot{display:none}

.nav__toggle{display:none;width:44px;height:44px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:var(--gris-100)}
.nav__toggle span{width:22px;height:2.5px;background:var(--gris-800);border-radius:3px;transition:.25s}
.header__clientes span{display:inline}

.nav__overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:95;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease),visibility 0s linear .26s}
body.nav-open .nav__overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s var(--ease)}
@media(min-width:881px){.nav__overlay{display:none}}

/* ---- Hero --------------------------------------------------------------- */
.hero{position:relative;color:#fff;overflow:hidden;background-color:#190a0e;
  background-image:linear-gradient(105deg,rgba(18,6,9,.80) 0%,rgba(40,9,15,.58) 36%,rgba(86,8,18,.32) 66%,rgba(122,10,23,.16) 100%),url(../img/hero-central-monitoreo.webp);
  background-size:cover;background-position:center 28%;background-repeat:no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(55% 60% at 88% 8%,rgba(228,18,31,.28),transparent 60%),
  radial-gradient(45% 55% at 6% 95%,rgba(204,16,32,.20),transparent 60%);
  pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask:radial-gradient(70% 70% at 60% 30%,#000,transparent 75%)}
.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding-block:clamp(2.5rem,6vw,4.5rem)}
.hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:.4rem 1rem;border-radius:100px;font-weight:600;font-size:.86rem;margin-bottom:1.2rem}
.hero__badge .dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:pulse 2s infinite}
.hero h1{color:#fff;font-size:var(--fs-hero);font-weight:900;letter-spacing:-.03em;line-height:1.04;margin-bottom:1.1rem}
.hero h1 .hl{background:linear-gradient(90deg,#e4121f,#f2898f,#e4121f,#f2898f,#e4121f);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hl-flow 8s linear infinite}
.hero h1 .nb{white-space:nowrap}
@keyframes hl-flow{to{background-position:-200% center}}
@media(prefers-reduced-motion:reduce){.hero h1 .hl{animation:none}}
.hero__sub{font-size:clamp(1.05rem,1.8vw,1.25rem);color:#f3d8db;margin-bottom:1.6rem;max-width:46ch}
.hero__list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.8rem}
.hero__list li{display:flex;align-items:center;gap:.6rem;color:#ffe9eb;font-weight:500}
.hero__list .ico{color:#3ddc84}
/* Legibilidad del texto sobre la imagen de fondo (ahora más visible) */
.hero__sub,.hero__list li{text-shadow:0 1px 10px rgba(8,2,4,.5)}
.hero__cert{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.2rem;padding:.5rem .9rem;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:.88rem;font-weight:600;color:#ffe9eb}
.hero__cert .ico{color:#ffce8a;width:1.15em;height:1.15em;flex:none}
.hero__cert strong{color:#fff;font-weight:800}
/* Hero sin imagen (una sola columna): el contenido ocupa un ancho de lectura cómodo, no estirado */
.hero__grid--solo{grid-template-columns:1fr}
.hero__grid--solo .hero__content{max-width:780px}
.hero__media{position:relative}
.hero__media img{border-radius:var(--radius-lg);box-shadow:var(--sh-lg);width:100%;object-fit:cover}
.hero__media .floatcard{position:absolute;background:#fff;color:var(--tinta);border-radius:14px;box-shadow:var(--sh-lg);padding:.8rem 1rem;display:flex;align-items:center;gap:.7rem;font-weight:700}
.floatcard--tl{top:14px;left:-14px}
.floatcard--br{bottom:16px;right:-10px}
.floatcard .num{font-size:1.4rem;color:var(--primary);font-weight:900;line-height:1}
.floatcard .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--brand-50);color:var(--primary)}
.floatcard small{display:block;color:var(--muted);font-weight:600;font-size:.74rem}

/* Formulario en el hero (estilo nomasrobos.cl) */
.hero-form{background:rgba(18,7,10,.58);-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%);color:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.5);padding:clamp(1.3rem,2.4vw,1.8rem);border:1px solid rgba(255,255,255,.2)}
/* En la versión web el formulario es 20% más angosto y queda alineado a la derecha (en móvil sigue full width) */
@media(min-width:761px){.hero-form{width:80%;margin-left:auto}}
.hero-form__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;margin-bottom:1rem}
.hero-form__head .ic{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-800),var(--brand-500));color:#fff;box-shadow:0 8px 20px rgba(204,16,32,.35);font-size:1.45rem}
.hero-form h2{font-size:1.18rem;color:#fff;line-height:1.2;margin:0}
.hero-form__head small{display:block;color:rgba(255,255,255,.8);font-weight:600;font-size:.82rem;margin-top:.15rem}
.hero-form .form-grid{gap:.7rem}
.hero-form .field input,.hero-form .field select,.hero-form .field textarea{padding:.68rem .85rem;border-radius:9px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);color:#fff}
.hero-form .field input::placeholder,.hero-form .field textarea::placeholder{color:rgba(255,255,255,.62)}
.hero-form .field input:focus,.hero-form .field select:focus,.hero-form .field textarea:focus{border-color:var(--brand-500);outline-color:var(--brand-500);background:rgba(255,255,255,.12)}
.hero-form .field input:-webkit-autofill,.hero-form .field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-out 0s}
.hero-form .field textarea{min-height:74px}
.hero-form__foot{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem;margin-top:.3rem;font-size:.78rem;color:rgba(255,255,255,.72)}

/* Iconos finos dentro de cada campo del formulario hero (gris → rojo al foco) */
.hero-form .field__control{position:relative;display:block}
.hero-form .field__control .field__ico{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);width:1.05em;height:1.05em;color:rgba(255,255,255,.55);pointer-events:none;transition:color .18s ease}
.hero-form .field__control input,.hero-form .field__control textarea{padding-left:2.5rem}
.hero-form .field__control--area .field__ico{top:.7rem;transform:none}
.hero-form .field__control:focus-within .field__ico{color:var(--brand-500)}

/* ---- Trust / stats ------------------------------------------------------ */
.trustbar{
  background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 52%,var(--brand-600) 100%);
  position:relative;overflow:hidden;
  border-block:1px solid rgba(255,255,255,.10);
}
.trustbar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 120% at 85% -10%,rgba(255,120,90,.30),transparent 60%),
    radial-gradient(45% 120% at 8% 110%,rgba(74,7,18,.45),transparent 60%);
}
.trustbar .container{
  position:relative;max-width:none;       /* full-bleed: de borde a borde */
  padding-inline:clamp(.8rem,2vw,2.2rem);
  display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0;
  padding-block:clamp(2.6rem,4.6vw,4.8rem);
}
.trustbar .stat{
  flex:1 1 0;min-width:175px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
  text-align:center;color:#fff;
  padding-inline:clamp(.35rem,.7vw,.6rem);
  border-left:1px solid rgba(255,255,255,.16);
}
.trustbar .stat:first-child{border-left:0}
.trustbar .stat b{
  display:block;font-size:clamp(2.625rem,3.85vw,4.48rem);
  color:#fff;font-weight:900;line-height:.92;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;text-shadow:0 3px 18px rgba(74,7,18,.5);
}
.trustbar .stat b span{font-size:inherit;font-weight:inherit;line-height:inherit}
.trustbar .stat > span{
  display:block;font-size:clamp(.666rem,.693vw,.828rem);font-weight:800;
  text-transform:uppercase;letter-spacing:.04em;line-height:1.2;
  color:#fff;max-width:16ch;
}
/* Tablet: 3 por fila */
@media(max-width:1080px){
  .trustbar .stat{flex-basis:33.333%;min-width:0}
  .trustbar .stat:nth-child(3n+1){border-left:0}
  .trustbar .stat b{font-size:clamp(2.59rem,5.04vw,3.57rem)}
}
/* Móvil: 2 por fila, la 5a centrada sola */
@media(max-width:560px){
  .trustbar .container{column-gap:.4rem;row-gap:1.7rem}
  .trustbar .stat{flex:1 1 44%;border-left:0;padding-inline:.3rem}
  .trustbar .stat:last-child:nth-child(odd){flex-basis:100%}
  .trustbar .stat b{font-size:clamp(2.1rem,9.1vw,2.8rem)}
  .trustbar .stat > span{font-size:.666rem}
}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.2rem;text-align:center;box-shadow:var(--sh-card)}
.stat-card .num{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:var(--primary);line-height:1}
.stat-card .lbl{color:var(--muted);font-weight:600;font-size:.92rem;margin-top:.3rem}

/* ---- Cards / soluciones ------------------------------------------------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.2vw,1.6rem)}
.card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;box-shadow:var(--sh-card);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg),0 22px 48px -26px var(--brand-700);border-color:var(--brand-100)}
.card__ic{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-800),var(--brand-500));color:#fff;margin-bottom:1.1rem;box-shadow:var(--sh-brand)}
.card__ic .ico{width:28px;height:28px}
.card h3{font-size:var(--fs-h3);margin-bottom:.5rem}
.card p{color:var(--muted)}
.card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-weight:700;color:var(--primary)}
.card__link .ico{transition:transform .2s}
.card:hover .card__link .ico{transform:translateX(4px)}
.card--feature{border-top:4px solid var(--primary)}

/* Tarjetas de Soluciones del home: borde superior rojo, etiqueta + número, viñetas y enlace */
.solu-track .card{display:flex;flex-direction:column;border-top:3px solid var(--brand-600)}
.solu-track .card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.solu-track .card__tag{font-weight:800;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-600)}
.solu-track .card__num{font-weight:800;font-size:1.85rem;line-height:1;color:#cbd5e1}
.solu-track .card__title{margin:0 0 .55rem}
.solu-track .card__desc{margin:0}
.solu-track .card__feats{list-style:none;margin:1.05rem 0 0;padding:1.05rem 0 0;border-top:1px solid var(--border);display:grid;gap:.5rem}
.solu-track .card__feats li{position:relative;padding-left:1.05rem;color:var(--gris-600);font-size:.95rem;line-height:1.35}
.solu-track .card__feats li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--brand-600)}
.solu-track .card__link{margin-top:auto;padding-top:1.4rem;color:var(--brand-600)}

/* Soluciones en una sola fila con rotación en bucle infinito (marquee continuo),
   mismo patrón que la tira de logos/testimonios. Se pausa al pasar el cursor o al
   enfocar una tarjeta; con prefers-reduced-motion se detiene y la fila se desplaza a
   mano (WCAG 2.2.2). El avance por margin-right (no gap) hace que translateX(-50%)
   calce exacto y el bucle no tenga costura. */
.solu-marquee{overflow:hidden;padding-block:1.2rem;
  -webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.solu-track{display:flex;width:max-content;align-items:stretch;
  animation:scrollx 52s linear infinite;will-change:transform}
.solu-track:hover,.solu-track:focus-within{animation-play-state:paused}
.solu-track .card{flex:0 0 clamp(272px,80vw,326px);width:clamp(272px,80vw,326px);margin-right:clamp(1rem,2.2vw,1.6rem)}
@media(prefers-reduced-motion:reduce){
  .solu-marquee{overflow-x:auto;-webkit-mask:none;mask:none}
  .solu-track{animation:none}
  .solu-track .card[aria-hidden]{display:none}   /* sin animación no hace falta la copia */
}

/* Lista de chequeos */
.checklist{display:grid;gap:.7rem}
.checklist li{display:flex;gap:.7rem;align-items:flex-start}
.checklist .ico{color:var(--verde);margin-top:.15rem;flex:none}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.feature-split img{border-radius:var(--radius-lg);box-shadow:var(--sh)}
.feature-video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--sh);background:#000}
.media-round{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh)}

/* Pasos / proceso */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:step}
.step{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.3rem;box-shadow:var(--sh-card)}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:1.3rem;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-700),var(--brand-500));color:#fff;font-weight:900;box-shadow:var(--sh-brand)}
.step h3{font-size:1.08rem;margin:.6rem 0 .35rem}
.step p{color:var(--muted);font-size:.95rem}

/* Triple anillo */
.rings{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.ring{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.7rem;text-align:center;box-shadow:var(--sh-card);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.ring:hover,.step:hover{transform:translateY(-5px);box-shadow:var(--sh-lg),0 22px 48px -28px var(--brand-700);border-color:var(--brand-100)}
.step{transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.ring__n{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto .9rem;font-weight:900;color:#fff;font-size:1.2rem}
.ring:nth-child(1) .ring__n{background:linear-gradient(135deg,#7a0a17,#cc1020)}
.ring:nth-child(2) .ring__n{background:linear-gradient(135deg,#cc1020,#e4121f)}
.ring:nth-child(3) .ring__n{background:linear-gradient(135deg,#e4121f,#ff6a3d)}

/* ---- Catálogo de analíticas IA Detecta ---------------------------------- */
.acat{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.acat-item{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.2rem;box-shadow:var(--sh-card);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s}
.acat-item:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--brand-100)}
.acat-item h3{font-size:1rem;display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem;color:var(--tinta)}
.acat-item .em{font-size:1.35rem;line-height:1;flex:none;filter:saturate(1.1)}
.acat-item p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.55}
.acat-item::before{content:"";position:absolute;left:0;top:1.2rem;width:4px;height:26px;border-radius:0 4px 4px 0;background:linear-gradient(var(--brand-600),var(--brand-800))}
@media(max-width:900px){.acat{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.acat{grid-template-columns:1fr}}

/* ---- Clientes (logos) --------------------------------------------------- */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;align-items:center}
.logos img{filter:grayscale(1);opacity:.7;transition:.2s;margin-inline:auto;mix-blend-mode:multiply}
.logos img:hover{filter:grayscale(0);opacity:1}
.logo-marquee{overflow:hidden;padding-block:2rem;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;gap:3.6rem;align-items:center;width:max-content;animation:scrollx 70s linear infinite;will-change:transform}
.logo-track img{height:112px;width:auto;max-width:277px;object-fit:contain;opacity:.92;transition:transform .3s var(--ease),opacity .3s var(--ease),filter .3s var(--ease)}
.logo-track img:hover{opacity:1;transform:scale(1.22);filter:drop-shadow(0 10px 20px rgba(0,0,0,.16))}
.logo-track:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}}
@media(max-width:640px){.logo-marquee{padding-block:1.3rem}.logo-track{gap:2.6rem}.logo-track img{height:82px;max-width:200px}}

/* ---- Testimonios -------------------------------------------------------- */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.quote{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--sh-card)}
.quote .stars{color:var(--amarillo);display:flex;gap:.1rem;margin-bottom:.6rem}
.quote p{color:var(--gris-800);font-style:italic}
.quote .who{display:flex;align-items:center;gap:.7rem;margin-top:1rem;font-weight:700}
.quote .who .av{width:42px;height:42px;border-radius:50%;background:var(--brand-50);color:var(--primary);display:grid;place-items:center;font-weight:900}
.quote .who small{display:block;color:var(--muted);font-weight:500}
/* Carrusel de testimonios (scroll infinito, se pausa al pasar el cursor) */
.quote-marquee{overflow:hidden;padding-block:1rem;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.quote-track{display:flex;gap:1.4rem;width:max-content;align-items:stretch;animation:scrollx 80s linear infinite;will-change:transform}
.quote-track:hover{animation-play-state:paused}
.quote-track .quote{flex:0 0 360px;width:360px;margin:0;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.quote-track .quote p{flex:1 0 auto}
.quote-track .quote:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--brand-100)}
@media(prefers-reduced-motion:reduce){.quote-track{animation:none}}
@media(max-width:640px){.quote-track .quote{flex-basis:290px;width:290px}}

/* ---- CTA band ----------------------------------------------------------- */
.ctaband{position:relative;color:#fff;border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3.4rem);overflow:hidden;text-align:center;background-color:#7a0a17;
  background-image:linear-gradient(115deg,rgba(60,6,13,.88) 0%,rgba(140,11,22,.72) 50%,rgba(122,10,23,.58) 100%),url(../img/santiago-skyline.webp);
  background-size:cover;background-position:center 35%;background-repeat:no-repeat;background-attachment:fixed}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 90% 0,rgba(255,120,90,.4),transparent 60%)}
.ctaband > *{position:relative}
.ctaband h2{color:#fff;font-size:var(--fs-h2);margin-bottom:.6rem}
.ctaband p{color:#ffe2e4;max-width:560px;margin:0 auto 1.5rem}
/* Parallax: en móvil o con movimiento reducido, fondo normal (no fijo) + imagen liviana */
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .ctaband{background-attachment:scroll;background-position:center 40%;
    background-image:linear-gradient(160deg,rgba(60,6,13,.9) 0%,rgba(140,11,22,.78) 50%,rgba(122,10,23,.68) 100%),url(../img/santiago-skyline-1100.webp)}
}

/* ---- Banda parallax de ancho completo (skyline de Santiago) ------------- */
.parallax-band{position:relative;color:#fff;text-align:center;overflow:hidden;padding-block:clamp(3.2rem,7vw,5.5rem);background-color:#7a0a17;
  background-image:linear-gradient(115deg,rgba(60,6,13,.86) 0%,rgba(140,11,22,.7) 50%,rgba(122,10,23,.56) 100%),url(../img/santiago-skyline.webp);
  background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.parallax-band__inner{max-width:840px;margin-inline:auto}
.parallax-band .eyebrow{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff}
.parallax-band h2{color:#fff;margin:.5rem 0 .8rem}
.parallax-band__pct{color:#ffcf9e}
.parallax-band .lead{color:#ffe2e4;max-width:700px;margin-inline:auto}
/* Cuadro interno tipo vidrio esmerilado: deja ver el parallax difuminado detrás */
.pstats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-top:2.2rem;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);
  -webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);
  box-shadow:0 10px 30px rgba(0,0,0,.18);padding:clamp(1.1rem,2.4vw,1.7rem) clamp(.5rem,1.4vw,1rem)}
.pstat{position:relative;padding:.3rem clamp(.6rem,1.6vw,1.4rem)}
.pstat + .pstat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:58%;width:1px;background:rgba(255,255,255,.18)}
.pstat b{display:block;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900;color:#fff;line-height:1}
.pstat span{font-size:.85rem;color:#ffc9cd}
@media(max-width:760px){
  .pstats{grid-template-columns:repeat(2,1fr);row-gap:1.3rem}
  .pstat:nth-child(odd)::before{display:none}
}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .parallax-band{background-attachment:scroll;background-position:center 40%;
    background-image:linear-gradient(160deg,rgba(60,6,13,.9) 0%,rgba(140,11,22,.78) 50%,rgba(122,10,23,.66) 100%),url(../img/santiago-skyline-1100.webp)}
}

/* ---- Banda oscura reutilizable (mismo fondo skyline que la sección 98%) para intercalar en secciones claras ---- */
.section--band{position:relative;overflow:hidden;color:#fff;background-color:#7a0a17;
  background-image:linear-gradient(115deg,rgba(60,6,13,.86) 0%,rgba(140,11,22,.7) 50%,rgba(122,10,23,.56) 100%),url(../img/santiago-skyline.webp);
  background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
/* textos claros del encabezado y contenido directo; las tarjetas blancas internas conservan su color */
.section--band .eyebrow{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff}
.section--band h2{color:#fff}
.section--band .lead{color:#ffe2e4}
.section--band .checklist li,.section--band .checklist span,.section--band .checklist strong{color:#fff}
.section--band .btn--ghost{--btn-fg:#fff;color:#fff;border-color:rgba(255,255,255,.45)}
.section--band .btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .section--band{background-attachment:scroll;background-position:center 40%;
    background-image:linear-gradient(160deg,rgba(60,6,13,.9) 0%,rgba(140,11,22,.78) 50%,rgba(122,10,23,.66) 100%),url(../img/santiago-skyline-1100.webp)}
}

/* ---- Formularios -------------------------------------------------------- */
/* Oculto visualmente pero accesible para lectores de pantalla (etiquetas con placeholder) */
.u-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form{display:grid;gap:1rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:flex;flex-direction:column;gap:.35rem}
.field--full{grid-column:1/-1}
.field label{font-weight:600;font-size:.92rem;color:var(--gris-800)}
.field .req{color:var(--rojo)}
.field input,.field select,.field textarea{
  padding:.8rem .95rem;border:1.5px solid var(--gris-200);border-radius:10px;background:#fff;
  transition:border .15s,box-shadow .15s;width:100%;
}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-600);outline:2px solid var(--brand-700);outline-offset:1px;box-shadow:none}
.form__note{font-size:.82rem;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--sh)}
.alert{padding:.9rem 1.1rem;border-radius:10px;font-weight:600;display:flex;gap:.6rem;align-items:flex-start}
.alert--ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert--err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* ---- Breadcrumb --------------------------------------------------------- */
.breadcrumb{font-size:.86rem;color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;list-style:none;margin:0;padding:0}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb li:not(:last-child)::after{content:"/";margin-left:.4rem;color:var(--gris-500)}

/* ---- Blog --------------------------------------------------------------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh-card);transition:transform .2s var(--ease),box-shadow .2s}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.post-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--gris-100)}
.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .post-card__img img{transform:scale(1.05)}
.post-card__body{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.post-card .cat{align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--brand-50);padding:.25rem .7rem;border-radius:100px;margin-bottom:.7rem}
.post-card h3{font-size:1.16rem;margin-bottom:.5rem}
.post-card h3 a:hover{color:var(--primary)}
.post-card .excerpt{color:var(--muted);font-size:.95rem;flex:1}
.post-card .meta{display:flex;gap:1rem;color:var(--gris-500);font-size:.8rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--gris-100)}

.post-featured{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--sh)}
.post-featured__img{min-width:0;height:100%}
.post-featured__img img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.post-featured__body{align-self:center}
.post-featured__body{padding:clamp(1.4rem,3vw,2.4rem)}
/* Badge de categoría (destacada + cabecera de artículo) */
.post-featured .cat,.article__head .cat{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--brand-50);padding:.3rem .8rem;border-radius:100px}
.post-featured .cat{margin-bottom:.8rem}
.article__head .cat{margin-top:1rem}

/* ---- Artículo ----------------------------------------------------------- */
.article{max-width:760px;margin-inline:auto}
.article__head{margin-bottom:1.8rem}
.article__head h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:.6rem 0 .8rem}
.article__meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.9rem;align-items:center}
.article__hero{border-radius:var(--radius-lg);box-shadow:var(--sh);margin-bottom:2rem;width:100%;aspect-ratio:16/8;object-fit:cover}
.prose{font-size:1.06rem;line-height:1.8;color:#334155}
.prose > * + *{margin-top:1.1rem}
.prose h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-top:2.4rem;margin-bottom:.2rem;scroll-margin-top:90px}
.prose h3{font-size:1.3rem;margin-top:1.8rem;color:var(--gris-800)}
.prose p{color:#334155}
.prose a{color:var(--brand-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.prose ul,.prose ol{padding-left:1.3rem;display:grid;gap:.5rem}
.prose ul li{list-style:none;position:relative;padding-left:1.7rem}
.prose ul li::before{content:"";position:absolute;left:0;top:.45em;width:1.1em;height:1.1em;background:var(--brand-50);border-radius:50%}
.prose ul li::after{content:"";position:absolute;left:.34em;top:.72em;width:.36em;height:.18em;border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(-45deg)}
.prose ol{list-style:decimal}
.prose ol li{padding-left:.3rem}
.prose blockquote{border-left:4px solid var(--primary);background:var(--brand-50);padding:1rem 1.3rem;border-radius:0 12px 12px 0;font-style:italic;color:var(--gris-800)}
.prose img{border-radius:var(--radius);box-shadow:var(--sh-card);margin-block:1.5rem}
.prose figure figcaption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:.5rem}
.prose code{background:var(--gris-100);padding:.1rem .4rem;border-radius:6px;font-size:.92em}
.callout{display:flex;gap:.9rem;background:linear-gradient(120deg,var(--brand-50),#fff);border:1px solid var(--brand-100);border-left:4px solid var(--primary);border-radius:12px;padding:1.1rem 1.3rem;margin-block:1.5rem}
.callout .ico{color:var(--primary);width:1.6rem;height:1.6rem;flex:none}
.callout--warn{background:linear-gradient(120deg,#fff7ed,#fff);border-color:#fed7aa;border-left-color:var(--amarillo)}
.callout--warn .ico{color:var(--amarillo)}
.callout strong{display:block;margin-bottom:.2rem}

/* Caja de datos / estadística destacada en artículos */
.statbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-block:1.6rem}
.statbox .s{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.1rem;text-align:center;box-shadow:var(--sh-card)}
.statbox .s b{display:block;font-size:1.8rem;color:var(--primary);font-weight:900;line-height:1}
.statbox .s span{font-size:.84rem;color:var(--muted)}

/* Tabla comparativa */
.prose .tablewrap{overflow-x:auto;margin-block:1.5rem;border:1px solid var(--border);border-radius:12px}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:480px}
.prose th,.prose td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--gris-100)}
.prose thead th{background:var(--brand-900);color:#fff;font-weight:700}
.prose tbody tr:nth-child(even){background:var(--gris-50)}

/* TOC */
.toc{background:var(--gris-50);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.4rem;margin-bottom:2rem}
.toc strong{display:block;margin-bottom:.6rem;color:var(--gris-800)}
.toc ol{padding-left:1.2rem;display:grid;gap:.35rem}
.toc a{color:var(--brand-700)}
.toc a:hover{text-decoration:underline}

/* FAQ */
.faq{display:grid;gap:.8rem;margin-top:1.5rem}
.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 1.2rem;box-shadow:var(--sh-card)}
.faq summary{cursor:pointer;font-weight:700;padding:1.1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--gris-800)}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font:inherit;flex:1}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--primary);transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details > div{padding-bottom:1.1rem;color:var(--muted)}

/* Author / share / related */
.article__cta{background:linear-gradient(120deg,var(--brand-50),#fff);border:1px solid var(--brand-100);border-radius:var(--radius-lg);padding:1.6rem;margin-top:2.5rem;text-align:center}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.tag{font-size:.8rem;background:var(--gris-100);color:var(--gris-600);padding:.3rem .8rem;border-radius:100px}

/* ---- Footer ------------------------------------------------------------- */
.footer{background:#15090c;color:#cbb3b7;padding-top:clamp(2.5rem,5vw,3.5rem);font-size:.95rem;border-top:3px solid var(--brand-600)}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2rem}
.footer__logo{margin-bottom:1rem}
.footer__about p{color:#a98e93;max-width:36ch}
.footer__title{color:#fff;font-size:1rem;margin-bottom:1rem;font-weight:700}
.footer__links li,.footer__contact li{margin-bottom:.6rem}
.footer__links a:hover{color:#fff}
.footer__contact li{display:flex;gap:.6rem;align-items:flex-start;color:#a98e93}
.footer__contact .ico{color:var(--brand-500);margin-top:.15rem;flex:none}
.footer__contact a:hover{color:#fff}
.footer__social{display:flex;gap:.7rem;margin-top:1.2rem}
.footer__social a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#f0d6d9;transition:.2s}
.footer__social a:hover{background:var(--brand-600);color:#fff}
.footer__clientes{margin-top:1.2rem}
.footer__bar{border-top:1px solid rgba(255,255,255,.08);margin-top:2.5rem;padding-block:1.2rem}
.footer__bar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:#c9b2b6;font-size:.84rem}

/* ---- WhatsApp flotante (circulo perfecto + burbuja "Hablamos") ---------- */
.wa-float{
  --wa-size:56px;                 /* diametro del circulo (>=44px tactil) */
  --wa-green:#25D366;
  position:fixed;left:18px;bottom:18px;z-index:80;    /* esquina inferior IZQUIERDA (el asistente ocupa la derecha) */
  width:var(--wa-size);height:var(--wa-size);
  display:flex;align-items:center;justify-content:center; /* glifo centrado, sin gap ni reserva */
  background:var(--wa-green);color:#fff;border-radius:50%; /* circulo SIEMPRE: nunca se deforma a ovalo */
  box-shadow:0 10px 30px rgba(37,211,102,.45);font-weight:700;
  -webkit-tap-highlight-color:transparent;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.wa-float svg{width:28px;height:28px;flex:none;fill:#fff}
/* Hover y foco de teclado: misma elevacion (paridad a11y) */
.wa-float:hover,.wa-float:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px rgba(37,211,102,.55)}
.wa-float:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* Pista sutil "tocame": un solo anillo que respira (WhatsApp va en la esquina inferior izquierda; el asistente en la derecha) */
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 0 rgba(37,211,102,.45);animation:wa-pulse 2.6s var(--ease) infinite}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* Burbuja "Hablamos" anclada a la DERECHA del circulo (reusa el span); abre hacia el centro */
.wa-float__txt{position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-8px,-50%);
  max-width:none;margin:0;background:var(--ink);color:#fff;font-size:.92rem;font-weight:700;line-height:1;
  white-space:nowrap;padding:.6rem .8rem;border-radius:10px;box-shadow:0 8px 22px rgba(25,10,14,.28);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s linear .25s}
.wa-float__txt::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);
  border:6px solid transparent;border-right-color:var(--ink)}
.wa-float:hover .wa-float__txt,.wa-float:focus-visible .wa-float__txt{
  opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:0s}

/* <=640px: sin burbuja ni pulso -> circulo limpio */
@media(max-width:640px){.wa-float__txt{display:none}.wa-float::before{animation:none}}
@media(prefers-reduced-motion:reduce){
  .wa-float::before{animation:none}
  .wa-float__txt{transform:translateY(-50%)}
  .wa-float:hover .wa-float__txt,.wa-float:focus-visible .wa-float__txt{transform:translateY(-50%)}
}

/* Barra de acción fija solo-móvil (thumb-zone) */
.mobile-cta{display:none}
@media(max-width:760px){
  .mobile-cta{display:grid;grid-template-columns:1fr auto;gap:.55rem;position:fixed;left:0;right:0;bottom:0;z-index:86;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(10px) saturate(160%);border-top:1px solid var(--border);box-shadow:0 -10px 28px rgba(15,23,42,.14)}
  .mobile-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;border-radius:13px;font-weight:800;font-size:1rem;padding-inline:1rem}
  .mobile-cta__btn .ico{width:1.15em;height:1.15em;flex:none}
  .mobile-cta__btn--primary{background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:#fff;box-shadow:var(--sh-brand)}
  .mobile-cta__btn--call{background:#fff;color:var(--brand-800);border:1.5px solid var(--brand-100);padding-inline:1.2rem}
  body{padding-bottom:78px}
  .wa-float{bottom:calc(82px + env(safe-area-inset-bottom));z-index:84}
}

/* ---- Asistente / chat automatizado ------------------------------------- */
.nmrchat__launcher{position:fixed;right:18px;bottom:18px;z-index:88;display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:#fff;border-radius:100px;padding:.7rem .95rem;box-shadow:var(--sh-brand);font-weight:800;font-size:.95rem;transition:transform .2s var(--ease),box-shadow .2s}
.nmrchat__launcher:hover{transform:translateY(-2px)}
.nmrchat__launcher .ico{width:24px;height:24px;flex:none}
.nmrchat__ic-close{display:none;transform:rotate(90deg)}
.nmrchat.is-open .nmrchat__ic-chat{display:none}
.nmrchat.is-open .nmrchat__ic-close{display:block}
.nmrchat.is-open .nmrchat__launcher-txt{display:none}
.nmrchat__pin{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#fff;color:var(--brand-800);font-size:.7rem;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.nmrchat__panel{position:fixed;right:18px;bottom:84px;z-index:89;width:min(380px,calc(100vw - 36px));height:min(520px,calc(100vh - 220px));max-height:calc(100vh - 220px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.35);animation:nmrchat-in .25s var(--ease)}
.nmrchat__panel[hidden]{display:none}
@keyframes nmrchat-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.nmrchat__head{flex:none;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:linear-gradient(135deg,var(--brand-900),var(--brand-700));color:#fff}
.nmrchat__avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);flex:none}
.nmrchat__avatar .ico{width:22px;height:22px}
.nmrchat__head-txt{flex:1;line-height:1.2}
.nmrchat__head-txt strong{display:block;font-size:.98rem}
.nmrchat__head-txt small{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:rgba(255,255,255,.85)}
.nmrchat__dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;animation:pulse 2s infinite}
.nmrchat__close{width:32px;height:32px;border-radius:50%;color:#fff;font-size:1.5rem;line-height:1;display:grid;place-items:center;flex:none}
.nmrchat__close:hover{background:rgba(255,255,255,.15)}
.nmrchat__body{flex:1 1 auto;overflow-y:auto;padding:1rem;background:var(--gris-50);display:flex;flex-direction:column;gap:.55rem;min-height:0}
.nmrchat__msg{display:flex}
.nmrchat__msg--bot{justify-content:flex-start}
.nmrchat__msg--user{justify-content:flex-end}
.nmrchat__bubble{max-width:84%;padding:.6rem .8rem;border-radius:14px;font-size:.92rem;line-height:1.5;box-shadow:var(--sh-sm)}
.nmrchat__msg--bot .nmrchat__bubble{background:#fff;color:var(--gris-800);border-bottom-left-radius:4px}
.nmrchat__msg--user .nmrchat__bubble{background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:#fff;border-bottom-right-radius:4px}
.nmrchat__typing{display:inline-flex;gap:4px;align-items:center}
.nmrchat__typing span{width:7px;height:7px;border-radius:50%;background:var(--gris-400);animation:nmrchat-bounce 1.2s infinite}
.nmrchat__typing span:nth-child(2){animation-delay:.15s}
.nmrchat__typing span:nth-child(3){animation-delay:.3s}
@keyframes nmrchat-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.nmrchat__quick{flex:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem;background:var(--gris-50)}
.nmrchat__chip{border:1.5px solid var(--brand-100);background:#fff;color:var(--brand-800);border-radius:100px;padding:.42rem .8rem;font-size:.85rem;font-weight:700;transition:background .15s}
.nmrchat__chip:hover{background:var(--brand-50)}
.nmrchat__bubble .ico{color:var(--brand-700);vertical-align:-.18em}
.nmrchat__msg--bot .nmrchat__bubble a{color:var(--brand-700);font-weight:600;text-decoration:underline}
.nmrchat__msg--bot .nmrchat__bubble a:hover{color:var(--brand-800)}
.nmrchat__form{flex:none;display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--border);background:#fff}
.nmrchat__input{flex:1;border:1.5px solid var(--border);border-radius:100px;padding:.6rem .95rem;font-size:.92rem;min-height:44px}
.nmrchat__input:focus{outline:none;border-color:var(--brand-500)}
.nmrchat__send{width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:#fff;display:grid;place-items:center}
.nmrchat__send .ico{width:20px;height:20px}
@media(max-width:760px){
  .nmrchat__launcher{bottom:calc(82px + env(safe-area-inset-bottom))}
  .nmrchat__panel{left:8px;right:8px;width:auto;bottom:8px;max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){.nmrchat__panel{animation:none}.nmrchat__dot,.nmrchat__typing span{animation:none}}

/* ---- Animaciones -------------------------------------------------------- */
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes scrollx{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1024px){
  .cards,.quotes{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .logos{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:880px){
  :root{--header-h:64px}
  .header__clientes span{display:none}
  .header__clientes{padding:.6rem .8rem}
  /* Menú móvil — drawer: head fijo / lista scroll / foot fijo */
  .nav{position:fixed;top:0;right:0;height:100dvh;width:min(87vw,360px);background:#fff;z-index:96;
       display:flex;flex-direction:column;padding:0;transform:translateX(100%);visibility:hidden;
       transition:transform .34s var(--ease),visibility 0s linear .34s;overflow:hidden;
       box-shadow:-24px 0 60px -24px rgba(15,23,42,.45);border-left:1px solid rgba(15,23,42,.05)}
  .nav.is-open{transform:translateX(0);visibility:visible;transition:transform .34s var(--ease),visibility 0s}

  /* HEAD: logo + login + cerrar */
  .nav__head{display:flex;align-items:center;gap:.6rem;flex:none;height:var(--header-h);
             padding:0 .9rem 0 1.25rem;border-bottom:1px solid var(--border);background:#fff}
  .nav__brand{display:inline-flex;align-items:center;margin-right:auto}
  .nav__brand img{height:30px;width:auto;display:block}
  .nav__login{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .25rem;
              font-size:.82rem;font-weight:700;color:var(--gris-600)}
  .nav__login .ico{color:var(--primary)}
  .nav__close{display:grid;place-items:center;position:static;width:44px;height:44px;margin-right:-.35rem;
              padding:0;border-radius:12px;font-size:1.7rem;line-height:1;color:var(--gris-700);
              background:var(--gris-100);border:1px solid var(--border);
              transition:background .15s,color .15s}
  .nav__close:hover,.nav__close:focus-visible{background:var(--brand-50);color:var(--primary)}

  /* LISTA (scroll) — gutter único 1.25rem, divisores hairline */
  .nav__list{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
             flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem}
  .nav__link{position:relative;display:flex;align-items:center;justify-content:space-between;
             min-height:48px;padding:.9rem .25rem;border-radius:0;font-size:.975rem;font-weight:700;
             color:var(--gris-800)}
  .nav__list>li:not(:last-child)>.nav__link{border-bottom:1px solid var(--border)}
  .nav__link:hover{background:var(--brand-50);color:var(--primary)}
  .nav__link[aria-current]{background:var(--brand-50);color:var(--brand-800);font-weight:800}
  .nav__link[aria-current]::after{content:"";left:0;right:auto;top:8px;bottom:8px;
             width:3px;height:auto;border-radius:0 3px 3px 0;background:var(--brand-800)}

  /* SUBMENÚ siempre abierto — rama indentada, hijos más livianos, sin chevron */
  .nav__has-sub>.nav__link .ico--xs{display:none}
  .nav__has-sub .nav__sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
             border:0;border-left:2px solid var(--brand-100);border-radius:0;min-width:0;
             margin:.1rem 0 .35rem .25rem;padding:.1rem 0 .1rem .85rem}
  .nav__sub a{display:flex;align-items:center;min-height:44px;padding:.55rem .5rem;border-radius:8px;
             font-size:.9rem;font-weight:500;color:var(--gris-600)}
  .nav__sub a:hover,.nav__sub a[aria-current]{background:var(--brand-50);color:var(--primary);font-weight:600}

  /* FOOT fijo — Cotiza (primary) > WhatsApp > teléfono > nota de confianza */
  .nav__foot{flex:none;display:flex;flex-direction:column;gap:.55rem;background:#fff;
             border-top:1px solid var(--border);
             padding:.9rem 1.25rem calc(.9rem + env(safe-area-inset-bottom,0px))}
  .nav__foot .btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;
             gap:.5rem;font-size:.95rem;border-radius:12px}
  .nav__foot-cta{font-weight:800}
  .nav__phone{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;
             font-weight:700;font-size:.92rem;color:var(--gris-700)}
  .nav__phone .ico{color:var(--primary)}
  .nav__note{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.78rem;line-height:1.3;
             color:var(--gris-500);text-align:left}
  .nav__note .ico{color:var(--primary);flex:none}

  /* foco inset en filas del drawer (el halo global se recorta en overflow:auto) */
  .nav a:focus-visible,.nav button:focus-visible{outline:3px solid var(--ink);outline-offset:-3px;
             box-shadow:none;border-radius:10px}

  .nav__toggle{display:flex}
  .header__cta{display:none}
  body.nav-open{overflow:hidden}
}

@media(max-width:760px){
  .hero{background-image:linear-gradient(165deg,rgba(18,6,9,.84) 0%,rgba(40,9,15,.70) 46%,rgba(86,8,18,.52) 100%),url(../img/hero-central-monitoreo-960.webp);background-position:center}
  .hero__grid{grid-template-columns:1fr;text-align:center}
  .hero__sub{max-width:none;margin-inline:auto}
  .hero__list{align-items:center}
  .hero__list li{justify-content:center}
  .hero__media{order:-1;max-width:460px;margin-inline:auto}
  .hero__media .floatcard{display:none}
  .feature-split{grid-template-columns:1fr}
  .feature-split .feature-split__media{order:-1}
  .post-featured{grid-template-columns:1fr}
  .post-featured__img{aspect-ratio:16/9}
  .btn-row{justify-content:center}
  .topbar__item--hide-sm{display:none}
}

@media(max-width:640px){
  .cards,.quotes,.steps,.rings,.post-grid,.stats{grid-template-columns:1fr}
  .logos{grid-template-columns:repeat(3,1fr)}
  .form-grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .footer__about{grid-column:1/-1}
  .section{padding-block:2.6rem}
  /* Topbar compacto en móvil */
  .topbar__tag{display:none}
  .topbar__inner{justify-content:center;gap:1rem;min-height:34px}
  .topbar__social{display:none}
  .topbar__contact{gap:.9rem}
}

/* En móvil los botones pueden envolver texto (evita desbordes horizontales) */
@media(max-width:560px){
  .btn{white-space:normal}
  .hero__content,.feature-split > div,.card,.ctaband,.section-head{min-width:0}
}

@media(max-width:430px){
  .footer__grid{grid-template-columns:1fr}
  .topbar__contact .topbar__item{font-size:.82rem}
  .btn{width:100%}
  .btn-row .btn{width:100%}
  .hero .btn-row .btn{width:100%}
}

/* ======================================================================
   Ajustes de la revisión (Revisión - No Más Robos.pptx)
   ====================================================================== */

/* Diap. 4 — Banda "Especialistas en Prevención de Robos y Monitoreo CCTV":
   fondo = sala de monitoreo con líneas rojas (solo en el home; el blog conserva el skyline) */
.parallax-band--cctv{
  background-image:linear-gradient(100deg,rgba(10,6,9,.90) 0%,rgba(22,8,13,.74) 46%,rgba(64,8,17,.52) 100%),url(../img/sala-monitoreo-cctv.webp);
  background-position:center}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .parallax-band--cctv{
    background-image:linear-gradient(160deg,rgba(10,6,9,.92) 0%,rgba(22,8,13,.82) 50%,rgba(64,8,17,.64) 100%),url(../img/sala-monitoreo-cctv-1100.webp)}
}

/* Banda IA Detecta a sangre completa: mismo fondo de ciudad (skyline de Santiago) con
   parallax que la banda "Especialistas", pero con TINTE AZUL — distinto del rojo del
   resto de las bandas. El fondo cubre todo el ancho y alto de la sección. */
.iadetecta-band{position:relative;overflow:hidden;color:#fff;
  padding-block:clamp(3.2rem,7vw,5.5rem);
  background-color:#083f74;
  background-image:linear-gradient(115deg,rgba(6,26,54,.92) 0%,rgba(10,62,116,.74) 50%,rgba(13,85,150,.56) 100%),url(../img/santiago-skyline.webp);
  background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .iadetecta-band{background-attachment:scroll;background-position:center 40%;
    background-image:linear-gradient(160deg,rgba(6,26,54,.94) 0%,rgba(10,62,116,.82) 50%,rgba(13,85,150,.66) 100%),url(../img/santiago-skyline-1100.webp)}
}
.iadetecta{position:relative;color:#fff;
  display:grid;grid-template-columns:1.55fr .9fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center}
.iadetecta__kicker{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#bfe0ff}
.iadetecta__kicker .ico{width:1.05em;height:1.05em}
.iadetecta__title{color:#fff;font-size:var(--fs-h2);margin:.7rem 0}
.iadetecta__desc{color:#dcecfb;max-width:640px;margin:0 0 1.5rem}
.iadetecta__desc strong{color:#fff}
.iadetecta__cta{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;border-radius:100px;
  padding:.85rem 1.4rem;background:linear-gradient(135deg,#38a7f0,#1f8ad6);color:#06263f;
  box-shadow:0 12px 28px -10px rgba(31,138,214,.9);transition:transform .2s var(--ease),box-shadow .2s}
.iadetecta__cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(56,167,240,.95)}
.iadetecta__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
.iadetecta__cta .ico{width:1.15em;height:1.15em}
.iadetecta__cta .ico--arrow{transition:transform .2s}
.iadetecta__cta:hover .ico--arrow{transform:translateX(4px)}
.iadetecta__brand{display:flex;justify-content:center}
.iadetecta__logo{display:block;width:100%;max-width:360px;background:#fff;border-radius:16px;
  padding:1.15rem 1.4rem;box-shadow:0 18px 40px -18px rgba(0,0,0,.5)}
.iadetecta__logo img{display:block;width:100%;height:auto}
@media(max-width:760px){
  .iadetecta{grid-template-columns:1fr;text-align:left}
  .iadetecta__brand{justify-content:flex-start;order:-1}
}
@media(prefers-reduced-motion:reduce){.iadetecta__cta:hover{transform:none}.iadetecta__cta:hover .ico--arrow{transform:none}}

/* En móvil se oculta la barra CTA inferior; quedan dos acciones fijas en las esquinas
   inferiores: el asistente "¿Te ayudo?" a la derecha y WhatsApp a la izquierda. */
@media(max-width:760px){
  .mobile-cta{display:none}
  .wa-float{bottom:calc(18px + env(safe-area-inset-bottom))}   /* visible, esquina inferior izquierda */
  .nmrchat__launcher{bottom:calc(18px + env(safe-area-inset-bottom))}
}

/* Diap. 15 — En móvil, el blog del home muestra solo el primer artículo + botón "Ver todos" */
@media(max-width:640px){
  .page-home .post-grid .post-card:nth-child(n+2){display:none}
}