/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/DMSans_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/DMSans_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;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/DMSans_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/DMSans_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;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/DMSans_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/DMSans_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;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/DMSans_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/DMSans_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;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Fraunces_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Fraunces_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Fraunces_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;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Fraunces_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Fraunces_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Fraunces_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;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Fraunces_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Fraunces_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Fraunces_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;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Fraunces_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Fraunces_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Fraunces_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;
}
/* vietnamese */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Fraunces_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Fraunces_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Fraunces_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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/JetBrainsMono_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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/JetBrainsMono_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;
}

/* ─── Base styles + responsive ─── */

  :root {
    --rn5-accent: #d4622a;
    --rn5-serif: 'Fraunces', Georgia, serif;
  }
  :root {
    --cream: #f5f4f0;
    --cream-2: #eeece7;
    --paper: #ffffff;
    --ink: #15171a;
    --ink-2: #2a2d33;
    --muted: #6b6860;
    --muted-2: #a09d95;
    --line: #e0ddd6;
    --line-2: #d6d2c8;
    --navy: #2b2e34;
    --navy-2: #1c1e22;
    --green: #d4622a;
    --green-bg: #e6e1d8;
    --amber: #2b2e34;
    --amber-bg: #efede8;
    --red: #2b2e34;
    --red-bg: #efede8;
  }
  html, body { margin: 0; padding: 0; overflow-x: clip; }
  body {
    font-family: 'DM Sans', system-ui, sans-serif;
    color: var(--ink);
    background: #f5f4f0;
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
    max-width: 100vw;
  }
  #root { background: #f5f4f0; }
  * { box-sizing: border-box; }
  img, svg { max-width: 100%; }
  .rn-canal-wa { display: none !important; }

  /* ─── RESPONSIVE OVERRIDES ──────────────────────────────────────
     Mismas reglas que la versión original + soporte para vista previa */

  /* TABLET — hasta 1024px */
  @media (max-width: 1024px) {
    .rn-section            { padding: 72px 36px !important; }
    .rn-section-tight      { padding: 56px 36px !important; }
    .rn-navbar             { padding: 18px 28px !important; gap: 22px !important; }
    .rn-nav-links          { gap: 18px !important; }
    .rn-footer             { padding: 28px 36px !important; }

    .rn-hero               { padding: 64px 36px 48px !important; grid-template-columns: 1fr !important; gap: 48px !important; }
    .rn-hero-h1            { font-size: 52px !important; letter-spacing: -1.6px !important; }
    .rn-hero-mock          { justify-content: center !important; }

    .rn-logos-strip        { padding: 20px 28px !important; flex-wrap: wrap !important; gap: 18px !important; }
    .rn-logos-strip > *    { white-space: nowrap; }

    .rn-dialogue-grid      { grid-template-columns: 1fr !important; gap: 24px !important; }

    .rn-pipeline-grid      { grid-template-columns: repeat(2, 1fr) !important; }
    .rn-cobertura-grid     { grid-template-columns: 1fr !important; gap: 48px !important; }
    .rn-informes-grid      { grid-template-columns: 1fr !important; gap: 48px !important; }
    .rn-macrotemas-grid    { grid-template-columns: repeat(4, 1fr) !important; }
    .rn-section-header-row { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
    .rn-pricing-grid       { grid-template-columns: 1fr !important; max-width: 520px !important; }

    .rn-testimonios-logos  { grid-template-columns: repeat(4, 1fr) !important; }
    .rn-testimonios-h2     { font-size: 30px !important; }
    .rn-testimonios-quote  { font-size: 22px !important; }

    .rn-casos-grid         { grid-template-columns: 1fr !important; gap: 24px !important; }
    .rn-casos-detail-head  { flex-wrap: wrap !important; gap: 16px !important; }

    .rn-cta-grid           { grid-template-columns: 1fr !important; gap: 40px !important; }
    .rn-cta-left           { position: static !important; }
    .rn-cta-h2             { font-size: 40px !important; letter-spacing: -1px !important; }

    .rn-h2                 { font-size: 36px !important; letter-spacing: -1px !important; }
  }

  /* MÓVIL — hasta 768px */
  @media (max-width: 768px) {
    .rn-section            { padding: 56px 20px !important; }
    /* Ocultar en celular: Casos de uso + Taxonomía */
    #casos, #taxonomia     { display: none !important; }
    /* COBERTURA: solo el lado izquierdo (ocultar lista en vivo) */
    .rn-cob-live           { display: none !important; }
    /* INFORMES: ocultar el celular; WhatsApp pasa a "otro canal"; FORMATO solo títulos */
    .rn-informes-phone     { display: none !important; }
    .rn-canal-wa           { display: flex !important; }
    .iv-tab-head, .iv-tab-detalle, .iv-tab-cuando { display: none !important; }
    .iv-tab-row            { grid-template-columns: 1fr !important; padding: 13px 18px !important; }
    .iv-tab-namegroup      { justify-content: flex-start !important; }
    .iv-tabla-cell         { text-align: left !important; }
    /* INFORMES canales: WhatsApp solo al medio, los otros 4 en cuadrícula */
    .rn-canal-wa           { grid-column: 1 / -1 !important; align-items: center !important; }
    .rn-canal-wa > div:last-child { text-align: center !important; }
    .iv-tab-namegroup > span:first-child { width: 22px; text-align: center; display: inline-block; flex-shrink: 0; }
    /* EMPIEZA HOY: glow fijo (sin seguir el mouse) */
    .rn-cta-final          { background: radial-gradient(560px 460px at 50% 50%, rgba(212,98,42,0.34), rgba(212,98,42,0) 66%), #0c0e12 !important; }
    /* CÓMO FUNCIONA: frecuencias del "en vivo" siempre en terracota */
    .rn5-wavebar           { background: var(--rn5-accent) !important; }
    /* Barra "Hoy monitoreando" del hero: envolver en móvil para no cortarse */
    .h6-stripe-row         { flex-wrap: wrap !important; white-space: normal !important; justify-content: center !important; row-gap: 6px !important; column-gap: 10px !important; overflow: visible !important; }
    .h6-stripe-row > span:last-child { margin-left: 0 !important; padding-left: 0 !important; }
    .rn-section-tight      { padding: 44px 20px !important; }
    .rn-navbar {
      padding: 14px 20px !important;
      flex-wrap: nowrap !important;
      gap: 12px !important;
    }
    .rn-navbar > img { height: 32px !important; }
    .rn-nav-links          { display: none !important; }
    .rn-nav-cta            { padding: 8px 12px !important; font-size: 12px !important; }
    .rn-nav-signin         { display: none !important; }
    .rn-footer {
      padding: 24px 20px !important;
      flex-wrap: wrap !important;
      gap: 8px 14px !important;
      font-size: 11px !important;
    }
    .rn-footer-spacer      { display: none !important; }

    .rn-hero               { padding: 40px 20px 32px !important; gap: 36px !important; }
    .rn-hero-h1            { font-size: 38px !important; letter-spacing: -1.2px !important; line-height: 1.05 !important; }
    .rn-hero-sub           { font-size: 15px !important; }
    .rn-hero-cta-row       { flex-direction: column !important; align-items: stretch !important; }
    .rn-hero-cta-row > *   { text-align: center !important; }
    .rn-hero-stats         { gap: 18px !important; flex-wrap: wrap !important; }
    .rn-hero-stats > *     { flex: 1 1 30% !important; min-width: 90px !important; }
    .rn-hero-stats-num     { font-size: 18px !important; }

    .rn-logos-strip        { padding: 16px 20px !important; gap: 12px !important; font-size: 10px !important; }

    .rn-pipeline-grid      { grid-template-columns: 1fr !important; }
    .rn-pipeline-card      { min-height: 0 !important; padding: 20px !important; }
    .rn-pipeline-arrow     { display: none !important; }

    .rn-cobertura-stats    { gap: 22px !important; flex-wrap: wrap !important; }
    .rn-cobertura-stats-num{ font-size: 28px !important; }

    .rn-macrotemas-grid    { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    .rn-macrotemas-grid > * { padding: 14px 10px !important; min-height: 96px !important; }

    .rn-testimonios-logos  { grid-template-columns: repeat(2, 1fr) !important; }
    .rn-testimonios-logos > * { padding: 22px 10px !important; min-height: 76px !important; }
    .rn-logo-wordmark { font-size: 15px !important; }
    .rn-testimonios-h2     { font-size: 26px !important; line-height: 1.15 !important; }
    .rn-testimonios-quote  { font-size: 19px !important; line-height: 1.4 !important; }
    .rn-testimonios-quote-mark { font-size: 40px !important; }

    .rn-casos-detail       { padding: 22px !important; }
    .rn-casos-detail-stats { gap: 22px !important; }

    .rn-cta-section        { padding: 72px 20px !important; }
    .rn-cta-h2             { font-size: 32px !important; letter-spacing: -0.8px !important; }
    .rn-cta-card           { padding: 22px !important; min-height: 0 !important; }
    .rn-cta-paso-grid-3    { grid-template-columns: repeat(2, 1fr) !important; }
    .rn-cta-canales-grid   { grid-template-columns: 1fr !important; }
    .rn-cta-actions {
      flex-wrap: wrap !important;
      gap: 10px !important;
    }
    .rn-cta-step-counter   { order: -1 !important; flex-basis: 100% !important; text-align: center !important; }

    .rn-h2                 { font-size: 30px !important; line-height: 1.1 !important; }

    .rn-informes-canales-grid { grid-template-columns: repeat(2, 1fr) !important; }

    .rn-dlg-turn-text      { padding-left: 0 !important; margin-top: 6px !important; }
  }

  /* MÓVIL CHICO — hasta 420px */
  @media (max-width: 420px) {
    .rn-hero-h1            { font-size: 32px !important; }
    .rn-h2                 { font-size: 26px !important; }
    .rn-cta-h2             { font-size: 28px !important; }
    .rn-macrotemas-grid    { grid-template-columns: repeat(2, 1fr) !important; }
    .rn-cta-paso-grid-3    { grid-template-columns: 1fr !important; }
  }

  /* Mocks de producto: hacer fluidos sin perder su look */
  .rn-mock-fluid           { width: 100% !important; max-width: 460px !important; }
  .rn-mock-fluid-boletin   { width: 100% !important; max-width: 400px !important; }
  @media (max-width: 768px) {
    .rn-mock-fluid         { height: 480px !important; padding: 14px !important; }
  }
