/* Innoweb Tracker – estilos (2.0.5) */

.inwtrk-card, .inwtrk-card * { box-sizing: border-box; }
.inwtrk-card img { max-width:100%; height:auto; display:block; border:0; }

/* Contenedor centrado */
.inwtrk-card{
  --bg:#ffffff; --fg:#0a0a0a; --muted:#6b7280; --border:#e5e7eb; --ring:#2563eb; --brand:#2f5cff;
  background:var(--bg); color:var(--fg);
  border:1px solid var(--border); border-radius:20px; padding:22px;
  box-shadow:0 20px 50px rgba(20,35,80,.10);
  max-width:820px; margin:24px auto;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.45;
}
.wp-block-shortcode .inwtrk-card,
.elementor-widget-shortcode .inwtrk-card{ margin-left:auto!important; margin-right:auto!important; }

/* Formulario */
.inwtrk-form{ display:grid; gap:10px; }
.inwtrk-formtitle{ text-align:center; margin:0 0 12px; font-weight:800; letter-spacing:.3px; font-size:16px; text-transform:uppercase; }
.inwtrk-inputwrap{ display:flex; gap:10px; align-items:center; }
.inwtrk-input{
  flex:1; height:52px; padding:12px 14px; border:1px solid var(--border); border-radius:14px;
  font-size:16px; outline:none; background:#fff; color:var(--fg);
}
.inwtrk-input::placeholder{ color:#9ca3af; }
.inwtrk-input:focus{ border-color:var(--ring); box-shadow:0 0 0 4px rgba(37,99,235,.15); }
.inwtrk-btn{ height:52px; padding:0 22px; border-radius:14px; border:0; cursor:pointer; font-weight:700; background:var(--brand); color:#fff; transition:transform .04s, filter .2s; white-space:nowrap; }
.inwtrk-btn:hover{ filter:brightness(1.05); }
.inwtrk-btn:active{ transform:translateY(1px); }
.inwtrk-btn[disabled]{ opacity:.6; cursor:not-allowed; }
.inwtrk-hint{ margin:0; font-size:12px; color:var(--muted); text-align:center; }

/* Barra superior de progreso (JS) */
#inwtrk-topbar{ box-shadow:0 1px 0 rgba(0,0,0,.05); }

/* Resultado */
.inwtrk-searching{ text-align:center; font-weight:700; margin:8px 0 6px; font-size:15px; }
.inwtrk-status{ text-align:center; font-weight:800; margin-bottom:8px; font-size:18px; letter-spacing:.2px; }
.inwtrk-progress img{ width:315px; max-width:100%; margin:8px auto; }

.inwtrk-summary{ display:grid; gap:6px; font-size:14px; }
.inwtrk-summary--center{ text-align:center; }
.inwtrk-meta{ font-size:12px; color:var(--muted); margin-top:6px; }
.inwtrk-meta--center{ text-align:center; }

.inwtrk-title{ margin:16px 0 8px; font-weight:800; letter-spacing:.2px; }

/* Eventos */
.inwtrk-tablewrap{ overflow:auto; border:1px solid var(--border); border-radius:12px; }
.inwtrk-table{ width:100%; border-collapse:collapse; background:#fff; font-size:14px; }
.inwtrk-table th, .inwtrk-table td{ padding:10px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.inwtrk-table thead th{ background:#f9fafb; font-weight:800; color:#6b7280; font-size:12px; text-transform:uppercase; letter-spacing:.6px; }
.inwtrk-noevents{ text-align:center; color:var(--muted); margin:8px 0 0; }

/* No encontrado */
.inwtrk-empty{ padding:12px; border-radius:12px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; text-align:center; }
.inwtrk-empty .inwtrk-wa{ color:#0a7c2f; text-decoration:underline; font-weight:700; }

/* Responsive */
@media (max-width:560px){
  .inwtrk-inputwrap{ flex-direction:column; align-items:stretch; }
  .inwtrk-btn{ width:100%; }
}