/* Campa&Go · capa común de pantalla. Sin JavaScript ni cambios de estado.
   Todo vive en screen: tickets, tarjetas y etiquetas conservan su impresión.
   Las páginas de clientes con marca propia no cargan este fichero.

   ⛔ 15/10/2026 · Vuelve el estilo de siempre. La versión del 11/10 pintaba encima de cada página otra marca
   (azul noche, menta, DM Sans en los titulares) y Campa&Go acababa pareciéndose a
   lareservaya.com. Los colores y las letras de SIEMPRE siguen dentro de cada página
   (la piel horeca: verde noche, neón #7af0a8, dorado, Anton y Playfair; y el verde
   #2d6a4f en las herramientas claras). Aquí ya NO se redefine ningún color de marca
   ni ninguna fuente: solo se queda lo que no se ve como color —contorno de foco,
   campos de 16px para que el iPhone no haga zoom, botones de 44px para el dedo, el
   pack oculto de verdad— y el estilo de las piezas nuevas, en la paleta de siempre. */
@media screen {
  html[data-future="campago"] {--future-focus:#2d6a4f;}
  html[data-future="campago"][data-ui="dark"],
  html[data-future="campago"][data-ui="native"] {--future-focus:#7af0a8;}

  /* Foco también en navegadores que aún no entienden focus-visible. */
  html[data-future] a:focus,html[data-future] button:focus,
  html[data-future] input:focus,html[data-future] select:focus,
  html[data-future] textarea:focus,html[data-future] summary:focus {
    outline:3px solid var(--future-focus,#2d6a4f);outline-offset:3px;
  }
  html[data-future] a:focus-visible,html[data-future] button:focus-visible,
  html[data-future] input:focus-visible,html[data-future] select:focus-visible,
  html[data-future] textarea:focus-visible,html[data-future] summary:focus-visible {
    outline:3px solid var(--future-focus,#2d6a4f);outline-offset:3px;
  }
  html[data-future] #pack[hidden],html[data-future] #mc-pack[hidden] {display:none!important;}

  /* Campos de lectura y gestión: 16px y 44px de alto, sin tocar la cuadrícula del TPV. */
  html[data-future][data-ui="light"] .inp,
  html[data-future][data-ui="light"] .sel,
  html[data-future][data-ui="light"] .area,
  html[data-future][data-ui="light"] .franja-inp,
  html[data-future][data-page="panel"] .campo input,
  html[data-future][data-page="panel"] .campo select,
  html[data-future][data-page="panel"] .campo textarea {font-size:16px;}
  html[data-future][data-ui="light"] .inp,
  html[data-future][data-ui="light"] .sel,
  html[data-future][data-ui="light"] .area,
  html[data-future][data-ui="light"] .franja-inp {min-width:0;max-width:100%;}
  html[data-future][data-ui="light"] .inp,
  html[data-future][data-ui="light"] .sel,
  html[data-future][data-ui="light"] .franja-inp,
  html[data-future][data-page="panel"] .campo input,
  html[data-future][data-page="panel"] .campo select {min-height:44px;}
  html[data-future][data-ui="dark"] .nav-cta,
  html[data-future][data-ui="dark"] .btn-neon,
  html[data-future][data-ui="dark"] .btn-pri,
  html[data-future][data-ui="dark"] .btn-sec,
  html[data-future][data-ui="dark"] .btn-primary,
  html[data-future][data-ui="dark"] .mod-cta,
  html[data-future][data-ui="dark"] .sueltas-cta,
  html[data-future][data-ui="dark"] .cta-btn,
  html[data-future][data-ui="dark"] .cg-cta,
  html[data-future][data-ui="dark"] .tab-btn {min-height:44px;}
  html[data-future] .cg-burger {min-width:44px;min-height:44px;}

  /* Portada: la cabecera de la demo, con la piel de siempre. La ventana va RECTA
     (14/10/2026: nada de ventanas torcidas). */
  html[data-page="home"] .demo {transform:none;}
  html[data-page="home"] .future-console-head {
    display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
    color:var(--t3,#6f8a7b);font:600 .64rem/1.4 ui-monospace,monospace;
    letter-spacing:.12em;text-transform:uppercase;padding-bottom:14px;margin-bottom:16px;
    border-bottom:1px solid var(--line,rgba(122,240,168,.14));
  }
  html[data-page="home"] .future-console-head span:last-child {color:var(--neon,#7af0a8);letter-spacing:.04em;}

  /* Diagnóstico del admin. */
  html[data-future] .future-diagnostic-result {margin-top:16px;}
  html[data-future] .future-diagnostic-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  html[data-future] .future-diagnostic-grid ul {margin:8px 0;padding-left:18px;}
  html[data-future] .future-diagnostic-grid li {font-size:.85rem;overflow-wrap:anywhere;margin:5px 0;}
  html[data-future] .future-diagnostic-grid h3 {font-size:1rem;margin:0;}
  html[data-future] .future-diagnostic-note {color:#3a5a42;font-size:.85rem;line-height:1.6;}
  html[data-future] .future-diagnostic-status {background:#f0faf2;border:1px solid #d8f3dc;border-radius:10px;padding:12px 16px;margin:0 0 14px;}

  /* Móvil: que nada se salga por la derecha (solo medidas, ningún color). */
  @media(max-width:900px) {
    html[data-page="home"] .demo {max-width:600px;width:100%;}
  }
  @media(max-width:760px) {
    html[data-page="home"] .nav-r {gap:12px;}
    html[data-page="home"] .nav-r .nav-link {display:none;}
    html[data-page="home"] .nav-r .nav-link[href="/panel.html"] {display:block;}
  }
  @media(max-width:600px) {
    html[data-future][data-ui="dark"] .hero .btn,
    html[data-future][data-ui="dark"] .hero .btn-pri,
    html[data-future][data-ui="dark"] .hero .btn-sec {max-width:100%;white-space:normal;}
    html[data-future][data-ui="dark"] .hero .btn-sec {margin-left:0;margin-top:10px;}
    html[data-future] .future-diagnostic-grid {grid-template-columns:1fr;}
    html[data-future][data-ui="dark"] .modulos-grid {grid-template-columns:1fr;}
    html[data-future][data-ui="dark"] .sueltas-info {min-width:0;}
    html[data-future] .future-builder label>span {min-width:0;}
    html[data-future] .future-builder label>b {flex-shrink:0;margin-left:12px;}
    html[data-page="home"] .logo {font-size:1.08rem;}
  }
  @media(prefers-reduced-motion:reduce) {
    html[data-future] {scroll-behavior:auto;}
    html[data-future] *,html[data-future] *::before,html[data-future] *::after {animation:none!important;transition:none!important;}
    html[data-future] .rev {opacity:1;transform:none;}
  }
}