/* ==========================================================================
   Smart-RE subdomain — page-specific styles
   Construido sobre tokens.css / base.css / components.css de AENTHOS.
   No redefine variables de marca; solo layout y componentes nuevos de esta página.
   ========================================================================== */

/* ---- Corrección: esta página no tiene hero con foto, así que el nav
   no necesita flotar transparente sobre nada — sticky en vez de fixed
   evita que tape la barra "parte de AENTHOS" y el contenido del hero. ---- */
.nav {
  position: sticky;
  background: var(--color-blanco);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid var(--border-subtle);
}

/* ---- Corrección: marca + enlaces de nav no deben quebrar línea ---- */
.nav__brand { white-space: nowrap; margin-right: var(--sp-5); flex-shrink: 0; }
.nav__link { white-space: nowrap; }
.nav__links { gap: var(--sp-5); font-size: 0.9rem; }
.nav__inner { gap: var(--sp-3); }
@media (max-width: 1180px) { .nav__links { gap: var(--sp-4); } }
@media (max-width: 560px) {
  .nav__brand span { display: none; }
  .parent-bar { font-size: 0.75rem; padding-block: 0.4rem; }
}
@media (max-width: 640px) {
  /* El CTA ya está duplicado dentro del menú móvil — en la barra no cabe junto al selector de idioma y la hamburguesa. */
  .nav__actions .btn--primary { display: none; }
}

/* ---- Barra superior "parte de AENTHOS" (sobre el nav) ---- */
.parent-bar {
  background: var(--color-cobalto);
  color: var(--color-acero-soft);
  font-size: var(--fs-body-sm);
  text-align: center;
  padding-block: 0.55rem;
}
.parent-bar a { color: var(--color-humo); text-decoration: underline; text-underline-offset: 3px; }
.parent-bar a:hover { color: var(--color-blanco); }

/* ---- Bloque de responsabilidad (quién sostiene qué) ---- */
.responsibility-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--border-subtle);
  background: var(--color-blanco);
}
.responsibility-split > div { padding: var(--sp-6); }
.responsibility-split > div:first-child { border-right: 1px solid var(--border-subtle); }
.responsibility-split h3 {
  font-family: var(--font-display);
  font-size: var(--fs-h4);
  font-weight: 600;
  margin-bottom: var(--sp-4);
}
.responsibility-split ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--sp-3); }
.responsibility-split li {
  padding-left: var(--sp-4);
  position: relative;
  color: var(--text-secondary);
}
.responsibility-split li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 8px;
  height: 2px;
  background: var(--color-rojo-aenthos);
}
.responsibility-split .responsibility-split__you li::before { background: var(--color-acero); }
@media (max-width: 700px) {
  .responsibility-split { grid-template-columns: 1fr; }
  .responsibility-split > div:first-child { border-right: none; border-bottom: 1px solid var(--border-subtle); }
}

/* ---- Lista de seguridad / disciplina técnica ---- */
.discipline-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-5) var(--sp-6);
  margin-top: var(--sp-6);
}
.discipline-list > div { display: flex; gap: var(--sp-4); }
.discipline-list__index {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-body-sm);
  color: var(--color-rojo-aenthos);
  flex-shrink: 0;
  padding-top: 0.15em;
}
.discipline-list h4 {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 var(--sp-1);
}
.discipline-list p { color: var(--text-secondary); margin: 0; font-size: var(--fs-body-sm); }
@media (max-width: 700px) { .discipline-list { grid-template-columns: 1fr; } }

/* ---- Origen / cumplimiento — layout de dos columnas asimétrico ---- */
.origin-block {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: var(--sp-7);
  align-items: start;
}
.origin-block__mark {
  border-left: 3px solid var(--color-rojo-aenthos);
  padding-left: var(--sp-4);
}
.origin-block__mark .stat__value { font-size: var(--fs-h2); }
@media (max-width: 780px) { .origin-block { grid-template-columns: 1fr; } }

/* ---- Grid de funcionalidades ---- */
.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-5);
}
.capability-grid > * { min-width: 0; }
.capability-card {
  background: var(--color-blanco);
  border: 1px solid var(--border-subtle);
  padding: var(--sp-5);
}
.capability-card h3 {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: var(--sp-2);
}
.capability-card p { color: var(--text-secondary); font-size: var(--fs-body-sm); margin: 0; }
@media (max-width: 900px) { .capability-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .capability-grid { grid-template-columns: 1fr; } }

/* ---- Nivel 2 — profundidad opcional (reusa .faq-item / details-summary) ---- */
.depth-note {
  font-size: var(--fs-body-sm);
  color: var(--text-secondary);
  margin-bottom: var(--sp-5);
  max-width: 62ch;
}
.faq-item table { width: 100%; border-collapse: collapse; margin: var(--sp-3) 0 var(--sp-5); font-size: var(--fs-body-sm); }
.faq-item table th, .faq-item table td { text-align: left; padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border-subtle); }
.faq-item table th { font-family: var(--font-display); font-weight: 600; color: var(--text-primary); }
.faq-item table td { color: var(--text-secondary); }

/* ---- CTA final ---- */
.cta-sre {
  text-align: center;
  padding-block: clamp(3rem, 6vw, 5rem);
}
.cta-sre h2 { max-width: 26ch; margin-inline: auto; }
.cta-sre .lede { margin-inline: auto; text-align: center; }
.cta-sre__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--sp-4); margin-top: var(--sp-6); }

@media (max-width: 780px) {
  .responsibility-split > div { padding: var(--sp-5); }
}

/* ---- Hero: fondo compuesto por dos capas de interfaz (datos ilustrativos) ---- */
.hero__bg--mockup {
  background: linear-gradient(150deg, #0c3a5c 0%, #155f96 55%, #0c3a5c 100%);
}
.mockup-layer {
  position: absolute;
  background: var(--color-blanco);
  border-radius: 10px;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.5);
  padding: 18px 20px;
  width: min(46vw, 560px);
}
.mockup-layer--back {
  top: 12%;
  left: 4%;
  opacity: 0.88;
  transform: rotate(-1.4deg);
}
.mockup-layer--front {
  bottom: 10%;
  left: 12%;
  transform: rotate(0.8deg);
}
.mockup-mini__title { font-size: 14px; font-weight: 600; color: var(--color-grafito); }
.mockup-mini__meta { font-size: 10px; color: var(--text-secondary); margin: 2px 0 10px; }
.mockup-mini__toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.mockup-mini__bars { display: flex; align-items: flex-end; gap: 5px; height: 46px; margin-bottom: 14px; }
.mockup-mini__bar-col { flex: 1; height: 100%; display: flex; align-items: flex-end; }
.mockup-mini__bar-col-fill { width: 65%; margin-inline: auto; background: #155f96; border-radius: 2px 2px 0 0; }
.mockup-mini__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mockup-mini__bar-row { margin-bottom: 6px; }
.mockup-mini__bar-label { display: flex; justify-content: space-between; font-size: 9.5px; color: var(--color-grafito); margin-bottom: 2px; }
.mockup-mini__bar-track { background: var(--surface-subtle, #f0f0f0); border-radius: 3px; height: 4px; }
.mockup-mini__bar-fill { height: 100%; border-radius: 3px; }
@media (max-width: 900px) {
  .mockup-layer { width: min(78vw, 420px); padding: 14px 16px; }
  .mockup-layer--back { top: 8%; left: -4%; }
  .mockup-layer--front { bottom: 26%; left: 6%; }
}
@media (max-width: 560px) {
  .mockup-layer--back { display: none; }
  .mockup-layer--front { bottom: 14%; left: 50%; transform: translateX(-50%) rotate(0deg); width: min(88vw, 360px); }
}

/* ---- Sección de tour: pantallas ilustrativas dentro del acordeón ---- */
.mockup-frame {

  background: var(--color-blanco);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  margin-top: var(--sp-4);
}
.mockup-topbar {
  background: #155f96;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mockup-topbar__brand { font-family: var(--font-display); font-weight: 800; font-size: 13px; color: #FFFFFF; letter-spacing: 0.3px; }
.mockup-topbar__brand span { color: #FF9640; }
.mockup-topbar__user { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #DCEBF7; }
.mockup-topbar__avatar { width: 22px; height: 22px; border-radius: 50%; background: #0E4A75; display: flex; align-items: center; justify-content: center; font-size: 9px; color: #DCEBF7; }
.mockup-body { padding: var(--sp-4); overflow-x: auto; }
.mockup-body__title { font-size: 15px; font-weight: 600; color: var(--color-grafito); margin: 0 0 4px; }
.mockup-body__meta { font-size: 11px; color: var(--text-secondary); margin: 0 0 var(--sp-3); }
.mockup-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--sp-3); flex-wrap: wrap; gap: 8px; }
.mockup-btn { display: inline-block; font-size: 11.5px; font-weight: 600; color: #fff; padding: 7px 12px; border-radius: 6px; }
.mockup-btn--accent { background: #155f96; }
.mockup-btn--go { background: #2e9e5b; }
.mockup-tabs { display: flex; gap: 18px; border-bottom: 1px solid var(--border-subtle); margin-bottom: var(--sp-3); font-size: 12px; }
.mockup-tabs span { padding: 6px 2px; color: var(--text-secondary); font-weight: 500; }
.mockup-tabs .is-active { color: #155f96; border-bottom: 2px solid #155f96; }
.mockup-table { width: 100%; border-collapse: collapse; font-size: 11.5px; min-width: 640px; }
.mockup-table th { text-align: left; padding: 7px 9px; color: var(--text-secondary); font-weight: 600; border-bottom: 1px solid var(--border-subtle); white-space: nowrap; }
.mockup-table td { text-align: left; padding: 7px 9px; color: var(--color-grafito); border-bottom: 1px solid var(--border-subtle); white-space: nowrap; }
.mockup-pill { display: inline-block; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 5px; }
.mockup-pill--accent { background: rgba(255,106,0,.13); color: #B85200; }
.mockup-pill--success { background: rgba(46,158,91,.14); color: #1F7A45; }
.mockup-pill--warning { background: rgba(230,160,20,.16); color: #8A5D00; }
.mockup-act { color: #155f96; font-weight: 700; margin-right: 10px; cursor: default; }
.mockup-act--danger { color: #c94b3f; }
.mockup-kpis { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: var(--sp-4); }
.mockup-kpi { background: var(--surface-subtle); border-radius: 8px; padding: 9px 10px; }
.mockup-kpi--accent { background: rgba(21,95,150,.08); }
.mockup-kpi span { display: block; }
.mockup-kpi .k-label { font-size: 10px; color: var(--text-secondary); margin-bottom: 3px; }
.mockup-kpi .k-val { font-size: 13px; font-weight: 700; color: var(--color-grafito); }
.mockup-kpi--accent .k-val, .mockup-kpi--accent .k-label { color: #0E4A75; }
.mockup-panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-5); margin-top: var(--sp-4); }
.mockup-panel-label { font-size: 10.5px; font-weight: 600; color: var(--text-secondary); text-align: center; margin: 0 0 8px; letter-spacing: 0.06em; }
.mockup-barlist > div { margin-bottom: 7px; }
.mockup-barlist .bl-row { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--color-grafito); margin-bottom: 2px; }
.mockup-barlist .bl-track { background: var(--surface-subtle); border-radius: 3px; height: 5px; }
.mockup-barlist .bl-fill { height: 100%; border-radius: 3px; }
.mockup-monthbars { display: flex; align-items: flex-end; gap: 5px; height: 68px; margin-bottom: var(--sp-4); }
.mockup-monthbars > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.mockup-monthbars .mb-val { font-size: 9px; color: var(--text-secondary); margin-bottom: 2px; }
.mockup-monthbars .mb-fill { width: 65%; background: #155f96; border-radius: 2px 2px 0 0; }
.mockup-monthbars .mb-mo { font-size: 9px; color: var(--text-muted, var(--text-secondary)); margin-top: 3px; }
.mockup-yearbar { display: flex; align-items: flex-end; gap: 8px; height: 54px; max-width: 180px; margin: 0 auto var(--sp-4); }
.mockup-yearbar .yb-fill { width: 56px; height: 100%; background: #155f96; border-radius: 3px 3px 0 0; }
.mockup-yearbar span { font-size: 11px; color: var(--text-secondary); align-self: center; }
@media (max-width: 700px) {
  .mockup-panel-grid { grid-template-columns: 1fr; }
  .mockup-kpis { grid-template-columns: repeat(2, 1fr); }
}

/* ===== Hero flow (RC4) ===== */
.hero-flow{padding-top:clamp(3rem,7vw,5.5rem)}
.hero-flow__eyebrow{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--sp-4)}
.hero-flow__eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#FF6A00}
.hero-flow__title{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tighter);line-height:var(--lh-tight);font-size:clamp(2.25rem,4vw + 1rem,4rem);color:var(--color-grafito);max-width:20ch;margin:0 0 var(--sp-5)}
.hero-flow__title em{font-style:normal;color:var(--color-rojo-aenthos)}
.hero-flow__lede{font-size:var(--fs-body-lg);color:var(--text-secondary);max-width:62ch;margin:0 0 var(--sp-6)}
.hero-flow__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-7)}
.hero-flow__caption{margin-top:var(--sp-4);font-size:var(--fs-body-sm);color:var(--text-secondary)}
.flow-chain{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3)}
.flow-chain__track{position:absolute;top:34px;left:5%;right:5%;height:2px;background:var(--border-subtle);z-index:0}
.flow-card{position:relative;z-index:1;background:var(--color-blanco);border:1px solid var(--border-subtle);border-radius:10px;padding:var(--sp-4) var(--sp-3)}
.flow-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,106,0,.1);color:#B85200;margin-bottom:var(--sp-3)}
.flow-card__icon svg{width:18px;height:18px}
.flow-card__step{font-family:var(--font-display);font-weight:700;font-size:var(--fs-body);color:var(--color-grafito);margin:0 0 var(--sp-2)}
.flow-card dl{margin:0 0 var(--sp-3)}
.flow-card dt{font-size:.68rem;color:var(--text-secondary);margin-top:6px}
.flow-card dd{margin:0;font-size:.8rem;font-weight:500;color:var(--color-grafito);overflow-wrap:anywhere}
.flow-card__pill{display:inline-block;font-size:.65rem;font-weight:600;padding:3px 9px;border-radius:5px}
.flow-card__pill--ok{background:#E3F4EA;color:#17643A}
.flow-card__pill--accent{background:#E4EFF8;color:#155f96}
.flow-card__pill--warn{background:#FFF0DC;color:#8A4B00}
@media(max-width:980px){.flow-chain{grid-template-columns:repeat(3,1fr)}.flow-chain__track{display:none}}
@media(max-width:620px){.flow-chain{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.flow-chain{grid-template-columns:1fr}}
/* ===== Genealogía ===== */
.genealogy{margin-top:var(--sp-7);padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-blanco)}
.genealogy__label{font-weight:600;margin:0 0 var(--sp-3);color:var(--color-grafito)}
.genealogy__chain{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:700;font-size:var(--fs-h4);color:var(--text-secondary);margin-bottom:var(--sp-3)}
.genealogy__chain-current{color:#B85200}
.genealogy__arrow{color:var(--border-strong,#bbb)}
.genealogy__note{margin:0;max-width:70ch;color:var(--text-secondary)}
.hero-flow{padding-top:clamp(2rem,4vw,3.25rem)}
.hero-flow__title{font-size:clamp(2.1rem,3vw + 1rem,3.4rem);max-width:26ch;margin-bottom:var(--sp-4)}
.hero-flow__lede{margin-bottom:var(--sp-5)}
.hero-flow__actions{margin-bottom:var(--sp-6)}
.hero-flow__eyebrow{margin-bottom:var(--sp-3)}
.hero-flow__title{max-width:32ch}
@media(max-width:360px){.flow-chain{grid-template-columns:1fr}}
@media(min-width:361px) and (max-width:400px){.flow-chain{grid-template-columns:1fr 1fr}}

/* ===== Hero RC5: pantallas HTML editables ===== */
.hx{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2rem,4vw,3rem)}
.hx-wrap{max-width:1380px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:.62fr 1.5fr;gap:28px;align-items:center}
.hx-eb{display:flex;align-items:center;gap:8px;font-size:var(--fs-body-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--sp-3)}.hx-eb .dot{width:8px;height:8px;border-radius:50%;background:#FF6A00}
.hx-h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tighter);line-height:1.06;font-size:clamp(2rem,2.6vw + .8rem,3.1rem);color:var(--color-grafito);margin:0 0 var(--sp-4)}.hx-h1 em{font-style:normal;color:var(--color-rojo-aenthos)}
.hx-lede{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.55;margin:0 0 var(--sp-5)}.hx-lede b{color:var(--color-grafito);font-weight:600}
.hx-act{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.hx-stats{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-top:var(--sp-6);font-size:.8rem;color:var(--text-secondary)}.hx-stats div{max-width:9rem}.hx-stats b{display:block;font:700 1.5rem var(--font-display);color:var(--color-grafito)}
.hx-stack-wrap{min-width:0}.hx-stack{position:relative;height:740px}
.hx-note{margin:var(--sp-3) 0 0;font-size:.75rem;color:var(--text-secondary);text-align:right}
.hx-app{position:absolute;background:#fff;border:1px solid #cfd6de;border-radius:6px;box-shadow:0 30px 60px -22px rgba(22,34,61,.45),0 8px 18px rgba(22,34,61,.1);overflow:hidden;font:10.5px Inter,Arial,sans-serif;color:#222}
.hx-w1{top:0;right:0;width:min(760px,96%)}.hx-w2{top:372px;left:0;width:min(800px,98%)}
.hx-strip{display:flex;align-items:center;gap:12px;background:#0b72b5;color:#fff;height:30px;padding:0 14px}.hx-strip b{font:800 13px var(--font-display);letter-spacing:.02em}
.hx-lab{background:#FF6A00;color:#fff;font:700 11.5px Inter;padding:3px 11px;border-radius:4px}.hx-sp{flex:1}.hx-bell{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2}.hx-usr{display:flex;align-items:center;gap:6px}.hx-usr i{width:16px;height:16px;border-radius:50%;background:#fff}
.hx-pg{padding:8px 12px 10px}.hx-pgt{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
.hx-bb{background:#1296d0;color:#fff;font-weight:700;padding:6px 10px;font-size:10px;white-space:nowrap}.hx-bg{background:#1fb15a;color:#fff;font-weight:700;padding:6px 10px;font-size:10px;white-space:nowrap}.hx-r{margin-left:auto}
.hx-tabs{display:flex;gap:6px;border-bottom:1px solid #dfe3e8;margin-bottom:8px}.hx-tabs span{padding:7px 11px;font-weight:700;font-size:10.5px;border:1px solid transparent;border-bottom:none}.hx-tabs .on{color:#1296d0;border-color:#dfe3e8;margin-bottom:-1px;background:#fff}
.hx-tb{display:flex;gap:6px;align-items:center;margin-bottom:8px}.hx-tb.hx-end{justify-content:flex-end}.hx-fl{margin-left:auto;display:flex;align-items:center;gap:4px}.hx-fl i{font-style:normal;color:#1296d0;border:1px solid #1296d0;padding:4px 6px;font-size:9px}.hx-fl em{font-style:normal;border:1px solid #cfd6de;padding:5px 40px 5px 6px;color:#777;font-size:10px}
.hx-sc{overflow-x:auto}.hx-t{width:100%;border-collapse:collapse}.hx-t th{font-size:9.5px;font-weight:700;text-align:center;padding:7px 4px;border-bottom:1px solid #dfe3e8;white-space:nowrap}.hx-t td{padding:7px 4px;text-align:center;font-size:10px}.hx-t .l{text-align:left}.hx-t tr.alt>td{background:#efefef}.hx-so{color:#999;font-size:9px;margin-left:3px}.hx-ch{color:#1296d0;font-weight:700;text-align:left!important;padding-left:8px!important}
.hx-subrow>td{background:#fff!important;padding:4px 0 4px 4px!important}.hx-t2{width:100%;border:1px solid #dfe3e8;border-collapse:collapse}.hx-t2 th{background:#fff;font-size:9px;padding:6px 4px;white-space:nowrap}.hx-t2 td{background:#efefef;font-size:10px}
.hx-ib{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;margin-right:3px;border-radius:2px}.hx-ib svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2.4}.hx-ib--e{background:#1296d0}.hx-ib--r{background:#8fdcb0}.hx-ia{text-align:left!important;padding-left:8px!important}
.hx-pag{margin:8px 0 0;text-align:center;font-size:10px;color:#444}
@media(max-width:1100px){.hx-wrap{grid-template-columns:1fr}.hx-stack{height:auto;display:grid;gap:var(--sp-4)}.hx-app{position:static;width:100%!important}.hx-sc{max-width:100%}}
.hx-lede{text-align:left;hyphens:none}
.hx-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--sp-4)}.hx-stats div{max-width:8.5rem}
.hx-stack{height:640px}.hx-w2{top:285px}
@media(max-width:1100px){.hx-stack{height:auto}}
.hx-stack{height:690px}@media(max-width:1100px){.hx-stack{height:auto}}

/* ===== RC6: Tour réplica + sección control ===== */
.hx-app.hx-static{position:static;width:100%;margin:0 0 var(--sp-4)}
.tour-body{padding:var(--sp-3) 0 var(--sp-4)}.tour-cap{margin:0 0 var(--sp-4);color:var(--text-secondary);max-width:70ch}
.hx-static .hx-t{min-width:760px}.hx-static .hx-sc{overflow-x:auto}.hx-wrapcells{min-width:1100px!important}.hx-wrapcells td{font-size:9.5px;line-height:1.35;padding:8px 5px}.hx-wrapcells td:nth-child(9),.hx-wrapcells td:nth-child(11){max-width:200px}
.hx-q{display:grid;grid-template-columns:14px 14px;gap:2px;margin-left:4px}.hx-q i{height:11px;border-radius:2px}.hx-q .a{background:#1296d0}.hx-q .b{background:#f1a6a6}.hx-q .c{background:#3b82f6}.hx-q .d{background:#8fdcb0}
.hx-q3{display:grid;grid-template-columns:14px 14px;gap:2px;margin-left:4px}.hx-q3 i{height:11px;border-radius:2px}.hx-q3 .a{background:#1296d0}.hx-q3 .c{background:#1296d0}.hx-q3 .d{background:#1fb15a;grid-column:1/-1}.hx-ac{width:44px}
.hx-nb{background:#1296d0;color:#fff;font-weight:700;text-align:center;padding:8px;font-size:11px;margin:0 0 8px}
.hx-rep{padding:2px 0}.hx-rep__t{font:700 18px var(--font-display);color:#1f3864}.hx-rep__p{font:700 10px Inter;margin:4px 0 12px;color:#333}
.hx-chs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:14px}.hx-cht{font:700 9.5px Inter;text-align:center;margin:0 0 6px}
.hx-vbs{display:flex;align-items:flex-end;gap:6px;height:100px;border-bottom:1px solid #999;padding:0 4px}.hx-vb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hx-vb u{display:block;width:70%;background:#4f81bd}.hx-vb span{font-size:8.5px;color:#444;position:relative;top:14px;height:0}
.hx-hb{display:grid;grid-template-columns:118px 1fr 24px;gap:6px;align-items:center;font-size:9.5px;margin-bottom:4px}.hx-hb div{height:9px}.hx-hb u{display:block;height:100%;background:#4f81bd}.hx-hb b{font-weight:600}
.hx-rt{width:100%;border-collapse:collapse;min-width:640px;font-size:10px}.hx-rt th{background:#1f3864;color:#fff;font-size:9.5px;padding:8px 6px;text-align:center}.hx-rt td{padding:6px;text-align:center}.hx-rt .l{text-align:left}.hx-rt tr.tot td{background:#dbe5f1;color:#1f3864;font-weight:700}
.hx-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.hx-kpi{background:#f4f6f9;border:1px solid #e3e7ec;padding:9px 10px}.hx-kpi small{display:block;font-size:10px;color:#666}.hx-kpi b{font:700 14px var(--font-display)}.hx-kpi--a{background:#e4eff8}
.hx-pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:5px}.hx-pill--ok{background:#E3F4EA;color:#17643A}.hx-pill--warn{background:#FFF0DC;color:#8A4B00}
.hx-acc{border:1px solid #dfe3e8;padding:10px 12px;margin-bottom:10px;font-weight:700;font-size:11px;color:#1b1b1e}.hx-open{color:#1296d0}.hx-open>*{color:#222}
.hx-form{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:10px;min-width:640px}.hx-fs{border:1px solid #dfe3e8;padding:12px 12px 4px;position:relative;margin-top:6px}.hx-fs em{position:absolute;top:-8px;left:10px;background:#fff;padding:0 6px;font-style:normal;font-weight:400;font-size:10px}.hx-fsw{margin-top:14px;min-width:640px}
.hx-fg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px}.hx-fg3{grid-template-columns:repeat(3,1fr)}.hx-form .hx-fg{grid-template-columns:1fr}
.hx-f{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.hx-f label{font-weight:700;font-size:9px}.hx-f span{border:1px solid #cfd6de;padding:6px 8px;font-size:10px;font-weight:400;min-height:14px;color:#333}
/* sección control */
.ctrl-chain{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-6);font:700 var(--fs-h4) var(--font-display);color:var(--text-secondary)}.ctrl-chain__cur{color:#B85200}
.res-title{margin:0 0 var(--sp-4)}.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.res-item{border-top:2px solid var(--color-grafito);padding-top:var(--sp-3)}.res-item h4{margin:0 0 var(--sp-2)}.res-item p{margin:0;color:var(--text-secondary);font-size:var(--fs-body-sm)}
@media(max-width:700px){.res-grid{grid-template-columns:1fr}.hx-chs{grid-template-columns:1fr}.hx-kpis{grid-template-columns:repeat(2,1fr)}}
.own-block{margin-top:var(--sp-6);padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-blanco)}.own-block h4{margin:0 0 var(--sp-2)}.own-block p{margin:0;max-width:70ch;color:var(--text-secondary)}
/* RC6 fixes: neutralizar estilos globales de tabla dentro del tour */
.tour-win table td,.tour-win table th{font-size:inherit;line-height:1.3}
.tour-win .hx-rt th{background:#1f3864!important;color:#fff!important;font-size:9px!important;padding:8px 6px!important;text-transform:none;letter-spacing:0}
.tour-win .hx-rt td{font-size:10px!important;padding:6px!important}
.tour-win .hx-t th{font-size:9px!important;color:#222!important;text-transform:none;letter-spacing:0;padding:7px 4px!important}
.tour-win .hx-t td{font-size:9.5px!important;color:#222!important;padding:7px 4px!important}
.tour-win .hx-t2 th{font-size:8.5px!important;color:#222!important;text-transform:none}
.tour-win .hx-t2 td{font-size:9.5px!important}
.hx-wrapcells{min-width:0!important;width:100%;table-layout:auto}.hx-wrapcells td{font-size:9px!important;padding:7px 4px!important}.hx-wrapcells th{font-size:8px!important;white-space:normal!important}
@media(max-width:1100px){.hx-wrapcells{min-width:980px!important}}
.hx-form .hx-f{flex-direction:row;align-items:center;gap:8px}.hx-form .hx-f label{flex:0 0 44%}.hx-form .hx-f span{flex:1}
/* RC7: botones flotantes más grandes */
.whatsapp-float{width:66px;height:66px}
.to-top{width:58px;height:58px}
@media(max-width:640px){.whatsapp-float{width:60px;height:60px}.to-top{width:52px;height:52px}}
.hx-eb{align-items:flex-start}.hx-eb .dot{flex:0 0 8px;margin-top:.45em}
.footer__brand p{text-align:left}

/* ===== RC11 — páginas de guía ===== */
.guide{max-width:780px;margin:0 auto}
.guide-crumb{font-size:var(--fs-body-sm);color:var(--color-acero-soft,#6b6f76);margin:0 0 var(--sp-4)}
.guide-crumb a{color:inherit;text-decoration:underline}
.guide h1{margin:0 0 var(--sp-4);text-align:left}
.guide .guide-lede{font-size:1.125rem;line-height:1.65;text-align:left;margin:0 0 var(--sp-6);color:#3b3b42}
.guide-step{padding:var(--sp-5) 0;border-top:1px solid var(--border-subtle,#e3e3e6)}
.guide-step h2{display:flex;gap:var(--sp-3);align-items:baseline;font-size:1.4rem;margin:0 0 var(--sp-3);text-align:left}
.guide-step h2 span{color:var(--color-rojo-aenthos,#E10600);font-size:.95rem;font-weight:700;letter-spacing:.06em}
.guide-step p{text-align:left;margin:0 0 var(--sp-3);line-height:1.65}
.guide-q{color:#3b3b42}
.guide-q b{color:var(--color-grafito,#1B1B1E)}
.guide-sre{border-left:4px solid #FF6A00;background:var(--color-humo,#F2F2F2);padding:var(--sp-3) var(--sp-4);border-radius:0 8px 8px 0}
.guide-sre b{color:#C24E00}
.guide-note{font-size:var(--fs-body-sm);color:#5a5a62;margin-top:var(--sp-5)}
.guide-more{margin-top:var(--sp-5);text-align:left}
@media (max-width:640px){.guide-step h2{font-size:1.2rem}}
.guide h1{font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.12}

/* RC11 — barra de navegación: que el botón "Agenda una demo" nunca quede recortado */
.nav__links{gap:18px;font-size:.88rem}.nav__actions{gap:14px}.nav__actions .btn{padding-inline:16px}
@media (max-width:1279px){.nav__links{display:none}.nav__toggle{display:flex}}
.guide-sre{color:#2f2f35}