/* Estilos compartidos entre index.html y panel.html — piezas que
   Tailwind (Play CDN) no cubre con utilidades solas, o componentes
   (botones) que se repiten entre pantallas/páginas. Los estilos propios
   de una sola página (ej. el indicador de progreso del productor, la
   tarjeta de punto del panel) quedan en el <style> de esa página. */

body { overscroll-behavior: none; -webkit-tap-highlight-color: transparent; }
.pt-safe { padding-top: env(safe-area-inset-top, 0px); }
.pb-safe { padding-bottom: env(safe-area-inset-bottom, 0px); }
.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.diagonal-texture{
  background-color:#174415;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 2px, transparent 2px 14px), linear-gradient(180deg, #174415, #0e2b0a);
}

/* Botón primario (Siguiente/Guardar/Generar recorrido): mismo look en
   toda la app en vez de repetir la misma tira de clases Tailwind en
   cada botón. */
.btn-primary{
  width:100%; height:56px; border-radius:9999px;
  background:linear-gradient(180deg, #3D7537, #2F5C2A);
  display:flex; align-items:center; justify-content:center; gap:8px;
  box-shadow:0 4px 12px rgba(23,68,21,0.25);
  transition:transform .15s ease;
  color:#fff; border:none; cursor:pointer;
  font-family:'Bebas Neue', sans-serif; font-size:14px; letter-spacing:0.08em; text-transform:uppercase;
}
.btn-primary:active{ transform:scale(0.98); }
.btn-primary:disabled{ opacity:0.4; box-shadow:none; }

/* Contraparte secundaria (outline) del botón primario — misma forma,
   menor énfasis visual. */
.btn-secondary{
  width:100%; height:56px; border-radius:9999px;
  background:#ffffff; color:#174415; border:1.5px solid #174415;
  display:flex; align-items:center; justify-content:center; gap:8px;
  transition:transform .15s ease, background-color .15s ease;
  cursor:pointer;
  font-family:'Bebas Neue', sans-serif; font-size:14px; letter-spacing:0.08em; text-transform:uppercase;
}
.btn-secondary:active{ transform:scale(0.98); background:#fdf9ee; }

.btn-back{
  display:flex; align-items:center; gap:4px; align-self:flex-start;
  color:#174415; font-family:'Bebas Neue', sans-serif; font-size:13px;
  text-transform:uppercase; letter-spacing:0.025em; margin-bottom:-4px;
  background:none; border:none; padding:0; cursor:pointer;
}