/* Ajustes de diseño 2026-11: sin adornos de plantilla, más legible. Solo actúa con html.h. */

/* Portada: fondo liso, sin mancha de degradado ni texto degradado */
html.h .hero { background: #ffffff; }
html.h .hero::before { display: none; }
html.h .hero h1 .mint, html.h .grad { background: none; -webkit-text-fill-color: currentColor; color: var(--mint); }

/* Botones y bloques oscuros sin brillos */
html.h .btn-primary, html.h .nav .btn-primary { box-shadow: none; }
html.h .cta .card.dark { background: #141923; }
html.h .video-band { background: #0b0e14; }
html.h .video-frame, html.h .score-card { box-shadow: none; }

/* Sin movimiento: la página se ve completa al abrirla */
html.h .ent-view .live { animation: none; }
html.h .card, html.h .step, html.h .stat, html.h .pillar { transition: none; }
html.h .card:hover, html.h .stat:hover, html.h .step:hover { transform: none; }

/* Un color por función: morado = acción, verde = medido */
html.h .step::before { background: var(--purple); }
html.h .pillar, html.h .pillars .pillar:nth-child(n) { border-top: 1px solid var(--line); }
html.h .base { border-top: 1px solid var(--line); }
html.h .ent-view .sbar .fill { background: #2fbf86; }

/* Menos tarjetas: sin sombras, esquinas más contenidas;
   cifras y pasos pasan a texto con línea fina en vez de caja */
html.h { --shadow: none; }
html.h .card, html.h .pillar, html.h .base, html.h details.pillar-detail, html.h .table-wrap { border-radius: 12px; box-shadow: none; }
html.h .stats { gap: 32px; }
html.h .stat { background: none; border: 0; border-top: 2px solid var(--ink); border-radius: 0; padding: 20px 0 0; box-shadow: none; }
html.h .stat .src { border-top: 0; padding-top: 0; }
html.h .step { background: none; border: 0; border-top: 1px solid var(--line-2); border-radius: 0; padding: 18px 0 0; box-shadow: none; }
html.h .step::before { width: 26px; height: 26px; font-size: .82rem; }

/* Barra del prototipo (no es la web) */
.proto { background: #fff6d6; border-bottom: 1px solid #e6cf7a; font-size: 13px; color: #4a3d10; }
.proto .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-top: 9px; padding-bottom: 9px; }
.proto a { font-weight: 600; border: 1px solid #4a3d10; background: #4a3d10; color: #fff6d6; border-radius: 999px; padding: 4px 12px; text-decoration: none; }
.proto a:hover { color: #fff6d6; text-decoration: none; }

/* Bloque 2: piezas de texto nuevas */
.stats.two { grid-template-columns: repeat(2, 1fr); max-width: 820px; }
@media (max-width: 760px) { .stats.two { grid-template-columns: 1fr; } }
.ph { background: #fff3d6; color: #8a5a00; border-radius: 4px; padding: 0 5px; font-size: .9em; }
.proto .wrap > a + a { margin-left: 0; }

/* Títulos verdes (eyebrow) más legibles y menos aire arriba de cada sección */
html.h .eyebrow { font-size: 1rem; letter-spacing: .05em; font-weight: 700; margin-bottom: 10px; }
html.h section { padding: 56px 0 72px; }
html.h .hero { padding: 64px 0 72px; }
html.h .section-head { margin-bottom: 32px; }
@media (max-width: 760px) {
  html.h section { padding: 40px 0 52px; }
  html.h .hero { padding: 40px 0 52px; }
}

/* Ideas de la competencia (v5): encaje, preguntas, qué pasa después, entregable */
.checks.no li::before { background: none; content: "✕"; color: var(--muted); font-size: .85rem; font-weight: 700; width: auto; height: auto; top: .1em; left: 4px; }
.deliverable { margin: 14px 0 0; font-weight: 650; }
.cta .after { list-style: none; counter-reset: a; margin: 28px auto 0; padding: 0; max-width: 560px; text-align: left; display: grid; gap: 10px; }
.cta .after li { counter-increment: a; display: grid; grid-template-columns: 28px 1fr; gap: 10px; color: var(--ink-soft); font-size: .98rem; }
.cta .after li::before { content: counter(a); width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: .8rem; font-weight: 700; background: color-mix(in srgb, var(--mint) 20%, transparent); color: var(--mint); }
.cta .after b { color: var(--ink); }
.cta .procure { margin: 18px auto 0; font-size: .88rem; color: var(--muted); max-width: 560px; }
.dark .ph { background: #3a2f1a; color: #eec388; }
#preguntas .faq { max-width: 860px; }

/* 4. Formulario de demo (caja oscura final) */
.demo-form { max-width: 620px; margin: 28px auto 0; text-align: left; display: grid; gap: 14px; }
.demo-form .f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.demo-form label { display: grid; gap: 6px; font-size: .92rem; font-weight: 600; color: var(--ink); }
.demo-form .opt { font-weight: 400; color: var(--muted); }
.demo-form input, .demo-form textarea { font: inherit; font-size: 1rem; font-weight: 400; color: var(--ink); background: #0f131b; border: 1px solid var(--line-2); border-radius: 10px; padding: 11px 13px; width: 100%; }
.demo-form textarea { resize: vertical; }
.demo-form input:focus, .demo-form textarea:focus { outline: 2px solid var(--mint); outline-offset: 1px; border-color: transparent; }
.demo-form ::placeholder { color: #6f7a8c; }
.demo-form .f-end { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.demo-form .f-legal { font-size: .88rem; color: var(--muted); }
.demo-form .f-msg { margin: 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--mint) 14%, transparent); color: var(--ink); font-size: .95rem; }
.demo-form .f-proto { margin: 0; font-size: .85rem; }
.mail-cta { margin: 28px auto 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 16px; }
.mail-cta .f-legal { font-size: .88rem; color: var(--muted); }
@media (max-width: 760px) { .demo-form .f-row { grid-template-columns: 1fr; } }

/* 7. Botón fijo en el móvil */
.mobile-cta { display: none; }
@media (max-width: 760px) {
  .mobile-cta { display: block; position: fixed; left: 16px; right: 16px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 30;
    text-align: center; background: var(--purple); color: #fff; font-weight: 650; padding: 14px 18px; border-radius: 999px;
    box-shadow: 0 6px 20px #14192333; transition: opacity .2s, transform .2s; }
  .mobile-cta:hover { color: #fff; text-decoration: none; }
  .mobile-cta.hide { opacity: 0; transform: translateY(20px); pointer-events: none; }
  .foot { padding-bottom: 96px; }
}

/* 8. Letra pequeña más legible */
html.h { --muted: #4b5566; }
html.h .small-note, html.h .stats-note { font-size: .95rem; }
html.h .next-step { font-size: 15px; }
html.h .stat .src { font-size: .88rem; }
html.h .foot { font-size: .95rem; }

/* v6: precio del piloto y servicios a medida */
.pilot .price { margin: 14px 0 4px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pilot .price .amount { margin: 0; font-size: 2rem; font-weight: 800; color: var(--ink); line-height: 1.1; }
.pilot .price .amount small { font-size: 1rem; font-weight: 600; color: var(--muted); }
.pilot .price .price-sub { margin: 4px 0 0; color: var(--muted); font-size: .95rem; }
.pilot .inc-title { margin: 20px 0 6px; font-weight: 700; color: var(--ink); }
.pilot .checks.inc { margin: 0; }
.adv-item .quote { font-style: normal; font-size: .85rem; font-weight: 650; color: var(--purple); margin-top: 4px; }
.mail-cta .f-legal a { color: var(--mint); }
.trust .card h3 { font-size: 1.05rem; margin: 0 0 8px; }
.trust .card p { margin: 0; color: var(--ink-soft); }
#preguntas, #faq { border-top: 1px solid var(--line); }