/* ============================================================
   Costaluz — MODO TÁCTIL (monitor táctil grande)
   Archivo real: /assets/styles.touch.css
   - Aplica si:
     body.view-touch (forzado) o body.dev-touch-monitor (auto)
   ============================================================ */

/* Layout más ancho todavía */
body.view-touch main,
body.dev-touch-monitor main{
  max-width:1600px !important;
  padding:18px 18px !important;
  margin:0 auto !important;
}

/* Si hay .wrap en páginas antiguas */
body.view-touch .wrap,
body.dev-touch-monitor .wrap{
  max-width:1600px !important;
  margin:0 auto !important;
}

/* Botones e inputs grandes para dedos */
body.view-touch input,
body.view-touch select,
body.view-touch textarea,
body.view-touch .btn,
body.view-touch .nav-link,
body.dev-touch-monitor input,
body.dev-touch-monitor select,
body.dev-touch-monitor textarea,
body.dev-touch-monitor .btn,
body.dev-touch-monitor .nav-link{
  min-height:56px !important;
  font-size:18px !important;
  line-height:1.2 !important;
  border-radius:14px !important;
}

/* Header y nav: más “clickable” */
body.view-touch header,
body.dev-touch-monitor header{
  padding:14px 22px !important;
}

body.view-touch nav,
body.dev-touch-monitor nav{
  gap:12px !important;
}

/* Tablas: más aire */
body.view-touch .tabla th,
body.view-touch .tabla td,
body.dev-touch-monitor .tabla th,
body.dev-touch-monitor .tabla td{
  padding:14px 16px !important;
  font-size:16px !important;
}

/* Cards un pelín más redondeadas */
body.view-touch .card,
body.view-touch .card-menu,
body.dev-touch-monitor .card,
body.dev-touch-monitor .card-menu{
  border-radius:22px !important;
}

/* Footer ancho acorde */
body.view-touch .site-footer__wrap,
body.dev-touch-monitor .site-footer__wrap{
  max-width:1600px !important;
}
.btn-abonar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(16,185,129,.35);
  background: rgba(16,185,129,.12);
  color:#064e3b;
  font-weight:950;
  text-decoration:none;
}
.btn-abonar:hover{ filter:brightness(0.98); }

.pill-ok{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.35);
  background: rgba(34,197,94,.10);
  font-weight:950;
  color:#065f46;
}
/* ============================================================
   FIX Configuración: evita el "encajonado" en táctil
   ============================================================ */
body.view-touch.admin-config main,
body.dev-touch-monitor.admin-config main,
body.view-touch.admin-config-email main,
body.dev-touch-monitor.admin-config-email main{
  max-width:1600px !important;
  width:100% !important;
  margin:0 auto !important;
  padding:18px 18px !important;
}

body.view-touch.admin-config .wrap,
body.dev-touch-monitor.admin-config .wrap,
body.view-touch.admin-config-email .wrap,
body.dev-touch-monitor.admin-config-email .wrap{
  max-width:1600px !important;
  width:100% !important;
  margin:0 auto !important;
}