/* ===================================================================
   Gate de planes single-hsi_app.php — Espectra · Calculador E.030
   Cuando el visitante no tiene acceso (no logueado o sin premium) se
   muestra la página de planes en lugar del calculador.
   Portado de espectra-planes.html (mockup aprobado 2026-06-11), sin nav
   ni footer propios (el tema Hingenia ya provee header + footer global).
   =================================================================== */
.hsi-plans-page {
  --bg:#ffffff; --bg-soft:#f7f6f3; --canvas:#f1efec; --ink:#1a1512; --muted:#7a7269;
  --border:#e9e5e0; --border-soft:#f0ece6;
  --orange:#ff6b35; --orange-dark:#e85d2e; --orange-soft:#fff0e8; --orange-light:#ff8b3e;
  --grad:linear-gradient(135deg,#ff6b35,#fb5d3e 55%,#ec4899);
  --grad-warm:linear-gradient(135deg,#ff8b3e,#ff6b35 50%,#e85d2e);
  --green:#16a34a; --green-soft:#e9f9ef;
  --amber:#f59e0b; --red:#dc2626;
  --blue:#0891b2; --blue-soft:#ecfeff;
  --violet:#7c3aed; --violet-soft:#f5f3ff;
  --indigo:#4f46e5; --pink:#ec4899;
  --radius:14px;

  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#fbf9f6;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
.hsi-plans-page *{ box-sizing:border-box; }
.hsi-plans-page a{ color:inherit; text-decoration:none; }
.hsi-plans-page button{ font-family:inherit; cursor:pointer; }
.hsi-plans-page .mono{ font-family:'JetBrains Mono',ui-monospace,monospace; }

/* ============ HERO ============ */
.hsi-plans-page .hero{ position:relative; overflow:hidden; padding:60px 28px 40px; }
.hsi-plans-page .hero::before{ content:''; position:absolute; right:-120px; top:-180px; width:560px; height:560px; border-radius:50%; background:radial-gradient(rgba(255,107,53,.18),transparent 62%); pointer-events:none; }
.hsi-plans-page .hero::after{ content:''; position:absolute; left:-100px; bottom:-160px; width:420px; height:420px; border-radius:50%; background:radial-gradient(rgba(236,72,153,.14),transparent 65%); pointer-events:none; }
.hsi-plans-page .hero-bg{ position:absolute; inset:0; background:linear-gradient(180deg,#fff7f0 0%,#fff 60%,#fbf9f6 100%); pointer-events:none; }
.hsi-plans-page .hero-in{ position:relative; z-index:2; max-width:920px; margin:0 auto; text-align:center; color:var(--ink); }
.hsi-plans-page .back{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--orange-dark); padding:8px 16px; border-radius:999px; background:#fff; border:1px solid #fde0d1; margin-bottom:28px; transition:.13s; box-shadow:0 4px 12px -4px rgba(255,107,53,.18); }
.hsi-plans-page .back:hover{ background:var(--orange-soft); }
.hsi-plans-page .eb{ display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange-dark); font-family:'JetBrains Mono',monospace; padding:6px 14px; background:var(--orange-soft); border:1px solid #fde0d1; border-radius:999px; }
.hsi-plans-page .eb::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 8px var(--orange); animation:hsi-pulse 2s ease-in-out infinite; }
.hsi-plans-page .hero h1{ font-size:clamp(38px,5.5vw,62px); font-weight:900; letter-spacing:-.045em; line-height:1.04; margin:18px 0 14px; color:var(--ink); }
.hsi-plans-page .hero h1 .grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hsi-plans-page .hero p.lead{ font-size:16px; color:var(--muted); max-width:60ch; margin:0 auto 28px; line-height:1.55; }
@keyframes hsi-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.5; } }

/* ============ PLAN SECTION ============ */
.hsi-plans-page .plans-wrap{ position:relative; background:#fbf9f6; padding:8px 28px 80px; }
.hsi-plans-page .plans-wrap::before{ content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:80%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,107,53,.22),transparent); }
.hsi-plans-page .plans-head{ max-width:920px; margin:48px auto 36px; text-align:center; color:var(--ink); }
.hsi-plans-page .plans-head h2{ font-size:clamp(28px,3.4vw,40px); font-weight:900; letter-spacing:-.035em; }
.hsi-plans-page .plans-head h2 .grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hsi-plans-page .plans-head p{ font-size:14.5px; color:var(--muted); margin-top:10px; }
/* Tres tarjetas: un producto, tres períodos. Antes eran cuatro planes distintos
   con un conmutador de período encima; el conmutador ya no existe porque los
   períodos SON las tarjetas. */
.hsi-plans-page .plans{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.hsi-plans-page .plan{ position:relative; background:#fff; border-radius:20px; padding:28px 24px 24px; display:flex; flex-direction:column; transition:.22s; }
.hsi-plans-page .plan:hover{ transform:translateY(-4px); }

/* La duración del período, en el mismo mono con // que usan los encabezados de
   sección: "Semestral" no le dice a todo el mundo cuántos meses son. */
.hsi-plans-page .plan .pe{ font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); }

/* PERÍODO no destacado. Sin color propio a propósito: no son categorías
   distintas de producto, así que pintarlas de verde y de violeta como antes
   sugeriría diferencias que no existen. */
.hsi-plans-page .plan.per{ border:1.5px solid var(--border); }
.hsi-plans-page .plan.per:hover{ border-color:#fbcfb6; }
.hsi-plans-page .plan.per .price-row b{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* El descuento del período (lo trae el plan: −50%, −63%…).
   En la destacada hace falta repetir position:absolute porque `.plan.pro > *`
   pone position:relative a todos sus hijos con la misma especificidad y, al ir
   después, ganaba: la insignia caía dentro del flujo y pisaba el período. */
.hsi-plans-page .plan .badge-disc{ position:absolute; top:24px; right:22px; font-size:9.5px; font-weight:800; padding:4px 8px; border-radius:6px; background:var(--green); color:#fff; letter-spacing:.06em; font-family:'JetBrains Mono',monospace; }
.hsi-plans-page .plan.pro .badge-disc{ position:absolute; top:24px; right:22px; background:rgba(22,163,74,.92); }

/* La prueba gratis va en las tres tarjetas, pegada al botón que la empieza. */
.hsi-plans-page .trial-pill{ display:inline-flex; align-items:center; gap:6px; align-self:flex-start; margin-top:14px; padding:5px 11px; border-radius:999px; background:var(--green-soft); border:1px solid #bbf7d0; color:#15803d; font-size:11px; font-weight:800; font-family:'JetBrains Mono',monospace; }
.hsi-plans-page .plan.pro .trial-pill{ background:rgba(22,163,74,.18); border-color:rgba(74,222,128,.34); color:#86efac; }
.hsi-plans-page .trial-pill + .cta{ margin-top:12px; }

/* Ningún plan publicado: mejor decirlo que dejar el hueco de los precios. */
.hsi-plans-page .plans-empty{ max-width:520px; margin:0 auto; text-align:center; background:#fff; border:1.5px solid var(--border); border-radius:20px; padding:34px 28px 22px; }
.hsi-plans-page .plans-empty p{ font-size:14.5px; font-weight:600; color:var(--muted); }

/* PRO — el período destacado (dark premium) */
.hsi-plans-page .plan.pro{ background:linear-gradient(165deg,#1a1512 0%,#2d1810 55%,#3d1f12 100%); color:#fff; border:0; box-shadow:0 30px 60px -18px rgba(26,21,18,.5), 0 0 0 1.5px rgba(255,107,53,.42) inset; transform:translateY(-12px); }
.hsi-plans-page .plan.pro::after{ content:''; position:absolute; inset:0; border-radius:20px; background:radial-gradient(circle at 85% 8%,rgba(255,107,53,.32),transparent 48%),radial-gradient(circle at 12% 92%,rgba(236,72,153,.16),transparent 55%); pointer-events:none; z-index:0; }
.hsi-plans-page .plan.pro:hover{ transform:translateY(-16px); }
.hsi-plans-page .plan.pro > *{ position:relative; z-index:1; }
.hsi-plans-page .plan.pro .badge-best{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); z-index:3; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:#fff; padding:5px 13px; border-radius:999px; background:var(--grad); box-shadow:0 12px 22px -6px rgba(255,107,53,.55); font-family:'JetBrains Mono',monospace; display:inline-flex; align-items:center; gap:5px; }
.hsi-plans-page .plan.pro .badge-best::before{ content:'★'; }
.hsi-plans-page .plan.pro .pe{ color:#ffb37a; }
.hsi-plans-page .plan.pro h3{ color:#fff; }
.hsi-plans-page .plan.pro .desc{ color:rgba(255,179,122,.78); }
.hsi-plans-page .plan.pro .price-row b{ background:linear-gradient(90deg,#ff8b3e,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.hsi-plans-page .plan.pro .price-row .cur{ color:rgba(255,179,122,.7); }
.hsi-plans-page .plan.pro .price-row span{ color:rgba(255,179,122,.7); }
.hsi-plans-page .plan.pro .price-strike{ color:rgba(255,179,122,.55); }
.hsi-plans-page .plan.pro .price-yearly{ color:rgba(255,179,122,.7); }
.hsi-plans-page .plan.pro .feat li{ color:rgba(255,255,255,.92); }
.hsi-plans-page .plan.pro .feat li svg{ color:#ff8b3e; background:rgba(255,107,53,.18); border:1px solid rgba(255,107,53,.36); }
.hsi-plans-page .plan.pro .feat li b{ color:#fff; }
.hsi-plans-page .plan.pro .cta{ background:var(--grad); color:#fff; border:0; box-shadow:0 14px 28px -10px rgba(255,107,53,.6); }
.hsi-plans-page .plan.pro .cta:hover{ background:#fff; color:var(--orange-dark); box-shadow:0 14px 28px -10px rgba(0,0,0,.3); }
.hsi-plans-page .plan.pro .meta-row{ color:rgba(255,179,122,.66); border-top-color:rgba(255,179,122,.16); }
.hsi-plans-page .plan.pro .meta-row svg{ color:#ff8b3e; }

.hsi-plans-page .plan h3{ font-size:20px; font-weight:900; letter-spacing:-.02em; color:var(--ink); }
.hsi-plans-page .plan .desc{ font-size:12.5px; color:var(--muted); margin-top:4px; min-height:34px; line-height:1.4; }

.hsi-plans-page .price-row{ margin:18px 0 6px; display:flex; align-items:baseline; gap:6px; }
.hsi-plans-page .price-row .cur{ font-size:18px; font-weight:800; color:inherit; opacity:.7; font-family:'JetBrains Mono',monospace; align-self:flex-start; margin-top:8px; }
/* El número grande es el cobro real del período. 40px y no 46px porque ahora
   puede tener decimales ("239.40" ocupa el triple que el viejo "79") y los tres
   tienen que salir del MISMO cuerpo: si uno se achica, dejan de compararse. */
.hsi-plans-page .price-row b{ font-size:40px; font-weight:900; letter-spacing:-.035em; line-height:1; font-family:'JetBrains Mono',monospace; }
/* Red de seguridad para un total de 4 cifras con decimales. */
.hsi-plans-page .price-row.larga b{ font-size:31px; letter-spacing:-.02em; }
.hsi-plans-page .price-row.larga .cur{ font-size:15px; margin-top:3px; }
.hsi-plans-page .price-row span{ font-size:13px; color:var(--muted); font-weight:600; }
/* Se tacha el precio, NO el ahorro: el ahorro es lo que gana quien compra. */
.hsi-plans-page .price-strike{ font-size:11.5px; color:var(--muted); font-weight:600; margin-top:2px; min-height:16px; }
.hsi-plans-page .price-strike s{ text-decoration:line-through; }
.hsi-plans-page .price-strike .ah{ color:#15803d; font-weight:800; }
.hsi-plans-page .plan.pro .price-strike .ah{ color:#4ade80; }
.hsi-plans-page .price-yearly{ font-size:11.5px; color:var(--muted); font-weight:600; margin-top:2px; }
.hsi-plans-page .plan.pro .price-yearly{ color:rgba(255,179,122,.66); }

.hsi-plans-page .cta{ display:flex; align-items:center; justify-content:center; gap:7px; width:100%; padding:11px 14px; border-radius:11px; font-size:13.5px; font-weight:800; border:1.5px solid var(--ink); background:transparent; color:var(--ink); margin:18px 0 18px; transition:.14s; cursor:pointer; text-decoration:none; }
.hsi-plans-page .cta:hover{ background:var(--ink); color:#fff; }
.hsi-plans-page .plan.per .cta{ border-color:var(--orange-dark); color:var(--orange-dark); }
.hsi-plans-page .plan.per .cta:hover{ background:var(--grad); border-color:transparent; color:#fff; }

.hsi-plans-page .feat{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; flex:1; }
.hsi-plans-page .feat li{ display:flex; align-items:flex-start; gap:9px; font-size:12.5px; line-height:1.45; color:#3d3530; font-weight:500; }
.hsi-plans-page .feat li svg{ flex-shrink:0; width:18px; height:18px; padding:3px; border-radius:50%; background:var(--green-soft); color:var(--green); border:1px solid #bbf7d0; margin-top:1px; }
.hsi-plans-page .feat li b{ font-weight:800; color:var(--ink); }
.hsi-plans-page .plan.pro .feat li b{ color:#fff; }

.hsi-plans-page .meta-row{ display:flex; align-items:center; gap:9px; margin-top:18px; padding-top:14px; border-top:1px solid var(--border-soft); font-size:11px; color:var(--muted); font-weight:600; }
.hsi-plans-page .meta-row svg{ color:var(--orange); }

/* ============ TRUST BAND ============ */
.hsi-plans-page .trust{ background:#fbf9f6; padding:32px 28px 0; }
.hsi-plans-page .trust-in{ max-width:1280px; margin:0 auto; padding:24px 24px; border-top:1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; color:var(--muted); font-size:12.5px; font-weight:600; }
.hsi-plans-page .trust-in b{ color:var(--ink); font-weight:800; }
.hsi-plans-page .trust-in .ti{ display:inline-flex; align-items:center; gap:8px; }
.hsi-plans-page .trust-in .ti svg{ color:var(--orange); }

/* ============ COMPARE TABLE ============ */
.hsi-plans-page .cmp-section{ background:#fff; padding:80px 28px 60px; }
.hsi-plans-page .cmp-head{ max-width:920px; margin:0 auto 36px; text-align:center; }
.hsi-plans-page .cmp-head .ebw{ font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); font-family:'JetBrains Mono',monospace; }
.hsi-plans-page .cmp-head h3{ font-size:clamp(26px,3vw,34px); font-weight:900; letter-spacing:-.035em; margin-top:8px; }
.hsi-plans-page .cmp-head h3 .grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hsi-plans-page .cmp-head p{ font-size:14px; color:var(--muted); margin-top:8px; }
/* Lo que incluye, por grupos. Reemplaza a la tabla de 4 columnas: con un solo
   producto vendido en tres períodos, las columnas eran idénticas entre sí. */
.hsi-plans-page .inc{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; }
.hsi-plans-page .inc-g{ background:#fff; border:1px solid var(--border); border-radius:18px; padding:22px 22px 20px; }
.hsi-plans-page .inc-g h4{ font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); margin:0 0 15px; }
.hsi-plans-page .inc-g ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.hsi-plans-page .inc-g li{ display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.45; color:#3d3530; }
.hsi-plans-page .inc-g li svg{ flex-shrink:0; width:18px; height:18px; padding:3px; border-radius:50%; background:var(--green-soft); color:var(--green); border:1px solid #bbf7d0; margin-top:1px; }
.hsi-plans-page .inc-g .k{ font-weight:600; }
.hsi-plans-page .inc-g .v{ margin-left:auto; padding-left:12px; text-align:right; font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:700; color:var(--ink); }

/* ============ FAQ ============ */
.hsi-plans-page .faq-section{ background:var(--bg-soft); padding:80px 28px; }
.hsi-plans-page .faq-in{ max-width:880px; margin:0 auto; }
.hsi-plans-page .faq-head{ text-align:center; margin-bottom:36px; }
.hsi-plans-page .faq-head .ebw{ font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); font-family:'JetBrains Mono',monospace; }
.hsi-plans-page .faq-head h3{ font-size:clamp(24px,2.6vw,30px); font-weight:900; letter-spacing:-.03em; margin-top:8px; }
.hsi-plans-page .faq-list{ display:flex; flex-direction:column; gap:10px; }
.hsi-plans-page .fq{ background:#fff; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
.hsi-plans-page .fq summary{ list-style:none; cursor:pointer; padding:18px 22px; font-size:14.5px; font-weight:800; color:var(--ink); display:flex; align-items:center; justify-content:space-between; gap:14px; }
.hsi-plans-page .fq summary::-webkit-details-marker{ display:none; }
.hsi-plans-page .fq summary::after{ content:'+'; font-size:22px; font-weight:800; color:var(--orange); transition:.18s; }
.hsi-plans-page .fq[open] summary::after{ transform:rotate(45deg); }
.hsi-plans-page .fq p{ padding:0 22px 20px; font-size:13.5px; color:#3d3530; line-height:1.6; }

/* ============ FINAL CTA ============ */
.hsi-plans-page .final{ background:var(--grad); padding:64px 28px; text-align:center; position:relative; overflow:hidden; }
.hsi-plans-page .final::after{ content:''; position:absolute; right:-100px; top:-100px; width:340px; height:340px; border-radius:50%; background:radial-gradient(rgba(255,255,255,.18),transparent 60%); }
.hsi-plans-page .final-in{ position:relative; max-width:760px; margin:0 auto; color:#fff; }
.hsi-plans-page .final h3{ font-size:clamp(26px,3vw,38px); font-weight:900; letter-spacing:-.035em; line-height:1.15; color:#fff; }
.hsi-plans-page .final p{ font-size:14.5px; color:rgba(255,255,255,.86); margin-top:10px; }
.hsi-plans-page .final-cta{ display:inline-flex; gap:10px; margin-top:24px; flex-wrap:wrap; justify-content:center; }
.hsi-plans-page .final-cta .btn-w{ background:#fff; color:#e85d2e; font-size:13.5px; font-weight:800; padding:12px 22px; border-radius:11px; border:0; display:inline-flex; align-items:center; gap:7px; cursor:pointer; box-shadow:0 18px 36px -12px rgba(0,0,0,.25); text-decoration:none; }
.hsi-plans-page .final-cta .btn-g{ background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.22); font-size:13.5px; font-weight:800; padding:12px 22px; border-radius:11px; backdrop-filter:blur(6px); display:inline-flex; align-items:center; gap:7px; cursor:pointer; text-decoration:none; }

/* ============ RESPONSIVE ============ */
/* Tres tarjetas no caben en dos columnas sin dejar una huérfana: por debajo del
   ancho de las tres, pasan a una sola. El realce del destacado se apaga ahí,
   porque en columna una tarjeta subida 12px solo se ve descolgada. */
@media (max-width:1023px){
  .hsi-plans-page .plans{ grid-template-columns:minmax(0,1fr); max-width:520px; }
  .hsi-plans-page .plan.pro{ transform:none; }
  .hsi-plans-page .plan.pro:hover{ transform:translateY(-4px); }
}
@media (max-width:680px){
  .hsi-plans-page .hero{ padding:40px 20px 20px; }
  .hsi-plans-page .plans-wrap,
  .hsi-plans-page .cmp-section,
  .hsi-plans-page .faq-section{ padding-left:18px; padding-right:18px; }
}

/* ============ DARK MODE ============ */
html.dark .hsi-plans-page{ background:#161311; color:#f1ede8; }
html.dark .hsi-plans-page .hero-bg{ background:linear-gradient(180deg,#1f1c19 0%,#161311 60%,#161311 100%); }
html.dark .hsi-plans-page .hero h1{ color:#f1ede8; }
html.dark .hsi-plans-page .hero p.lead{ color:#a39a8f; }
html.dark .hsi-plans-page .back{ background:rgba(255,107,53,.1); color:#ffb37a; border-color:rgba(255,107,53,.28); box-shadow:none; }
html.dark .hsi-plans-page .back:hover{ background:rgba(255,107,53,.22); }
html.dark .hsi-plans-page .eb{ background:rgba(255,107,53,.14); color:#ffb37a; border-color:rgba(255,107,53,.3); }

html.dark .hsi-plans-page .plans-wrap{ background:#161311; }
html.dark .hsi-plans-page .plans-head h2{ color:#f1ede8; }
html.dark .hsi-plans-page .plans-head p{ color:#a39a8f; }
html.dark .hsi-plans-page .plan{ background:#1f1c19; border-color:rgba(255,255,255,.06); }
html.dark .hsi-plans-page .plan h3{ color:#f1ede8; }
html.dark .hsi-plans-page .plan .desc{ color:#a39a8f; }
html.dark .hsi-plans-page .plan .pe{ color:#ffb37a; }
html.dark .hsi-plans-page .plan.per:hover{ border-color:rgba(255,107,53,.4); }
html.dark .hsi-plans-page .plan.per .cta{ border-color:#ffb37a; color:#ffb37a; }
html.dark .hsi-plans-page .plan.per .cta:hover{ color:#fff; }
html.dark .hsi-plans-page .trial-pill{ background:rgba(22,163,74,.16); border-color:rgba(74,222,128,.3); color:#86efac; }
html.dark .hsi-plans-page .plans-empty{ background:#1f1c19; border-color:rgba(255,255,255,.06); }
html.dark .hsi-plans-page .plans-empty p{ color:#a39a8f; }
html.dark .hsi-plans-page .price-row span{ color:#a39a8f; }
html.dark .hsi-plans-page .price-strike{ color:#7a7269; }
html.dark .hsi-plans-page .price-yearly{ color:#a39a8f; }
html.dark .hsi-plans-page .feat li{ color:#d8d0c5; }
html.dark .hsi-plans-page .feat li b{ color:#f1ede8; }
html.dark .hsi-plans-page .cta{ border-color:#f1ede8; color:#f1ede8; }
html.dark .hsi-plans-page .cta:hover{ background:#f1ede8; color:#1a1512; }
html.dark .hsi-plans-page .meta-row{ color:#a39a8f; border-top-color:rgba(255,255,255,.06); }

html.dark .hsi-plans-page .trust{ background:#161311; }
html.dark .hsi-plans-page .trust-in{ border-color:rgba(255,255,255,.08); color:#a39a8f; }
html.dark .hsi-plans-page .trust-in b{ color:#f1ede8; }

html.dark .hsi-plans-page .cmp-section{ background:#1a1715; }
html.dark .hsi-plans-page .cmp-head h3{ color:#f1ede8; }
html.dark .hsi-plans-page .cmp-head p{ color:#a39a8f; }
html.dark .hsi-plans-page .inc-g{ background:#1f1c19; border-color:rgba(255,255,255,.06); }
html.dark .hsi-plans-page .inc-g li{ color:#d8d0c5; }
html.dark .hsi-plans-page .inc-g .v{ color:#f1ede8; }

html.dark .hsi-plans-page .faq-section{ background:#1a1715; }
html.dark .hsi-plans-page .faq-head h3{ color:#f1ede8; }
html.dark .hsi-plans-page .fq{ background:#1f1c19; border-color:rgba(255,255,255,.06); }
html.dark .hsi-plans-page .fq summary{ color:#f1ede8; }
html.dark .hsi-plans-page .fq p{ color:#d8d0c5; }

/* ============ HERO: acceso rápido + CTA prueba gratuita ============ */
.hsi-plans-page .hero-auth{ position:absolute; top:18px; right:22px; z-index:3; display:flex; align-items:center; gap:8px; }
.hsi-plans-page .hero-auth a{ font-size:12.5px; font-weight:700; text-decoration:none; border-radius:999px; padding:8px 16px; transition:.14s; white-space:nowrap; }
.hsi-plans-page .hero-auth .login{ color:var(--orange-dark); background:#fff; border:1px solid #fde0d1; }
.hsi-plans-page .hero-auth .login:hover{ background:var(--orange-soft); }
.hsi-plans-page .hero-auth .signup{ color:#fff; background:var(--grad); border:0; box-shadow:0 8px 18px -8px rgba(255,107,53,.6); }
.hsi-plans-page .hero-auth .signup:hover{ filter:brightness(1.06); }

.hsi-plans-page .hero-cta{ display:flex; flex-direction:column; align-items:center; gap:11px; margin:6px 0 4px; }
.hsi-plans-page .hero-cta .start{ display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:800; color:#fff; background:var(--grad); border:0; border-radius:13px; padding:14px 30px; text-decoration:none; box-shadow:0 16px 32px -12px rgba(255,107,53,.6); transition:.14s; cursor:pointer; }
.hsi-plans-page .hero-cta .start:hover{ transform:translateY(-1px); box-shadow:0 20px 38px -12px rgba(255,107,53,.72); }
.hsi-plans-page .hero-trial{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:var(--muted); }
.hsi-plans-page .hero-trial b{ color:var(--orange-dark); font-weight:800; }

html.dark .hsi-plans-page .hero-auth .login{ background:rgba(255,107,53,.1); color:#ffb37a; border-color:rgba(255,107,53,.28); }
html.dark .hsi-plans-page .hero-auth .login:hover{ background:rgba(255,107,53,.22); }
html.dark .hsi-plans-page .hero-trial{ color:#a39a8f; }
html.dark .hsi-plans-page .hero-trial b{ color:#ffb37a; }

@media (max-width:640px){
  .hsi-plans-page .hero-auth{ position:static; justify-content:center; margin-bottom:14px; }
  .hsi-plans-page .hero{ padding-top:24px; }
}