<!– ============================================================ ECOGAS · /seguimiento/ · V5.5 ============================================================ Este HTML va dentro del Custom HTML Block de Blocksy. NO LLEVA . El JavaScript lo emite el mu-plugin ecogas-tracker-bundle.php directamente en wp_footer. ¿Por qué? El editor de Gutenberg escapa los & del JS: “a && b” → “a && b” (sintaxis JS inválida) Esto reventaba el script entero y bloqueaba todos los botones de la página. Sacando el JS del editor → no hay corrupción → todo funciona. ============================================================ –> .ecg-seg *, .ecg-seg *::before, .ecg-seg *::after { box-sizing: border-box; } .ecg-seg { –seg-green:#009640; –seg-green-dark:#006d2e; –seg-green-soft:#e8f5ee; –seg-text:#1f2937; –seg-text-muted:#6b7280; –seg-text-faint:#9ca3af; –seg-bg:#f8f9fb; –seg-surface:#ffffff; –seg-border:#e5e7eb; –seg-border-strong:#d1d5db; –seg-radius:14px; –seg-radius-sm:8px; font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,sans-serif; color:var(–seg-text); max-width:1100px; margin:0 auto; padding:24px 16px 40px; position:relative; } .ecg-seg__lang { position:absolute; top:24px; right:16px; display:inline-flex; gap:2px; background:var(–seg-surface); padding:3px; border-radius:999px; border:1px solid var(–seg-border); box-shadow:0 1px 4px rgba(0,0,0,.04); z-index:10; } .ecg-seg__lang button { padding:5px 12px; font-size:12px; font-weight:700; font-family:inherit; background:transparent; border:none; color:var(–seg-text-muted); cursor:pointer; border-radius:999px; transition:all .15s; letter-spacing:.4px; } .ecg-seg__lang button[aria-current=”true”] { background:var(–seg-green); color:#fff; } .ecg-seg__form { max-width:520px; margin:24px auto; padding:28px 24px; background:var(–seg-surface); border:1px solid var(–seg-border); border-radius:var(–seg-radius); box-shadow:0 2px 16px rgba(0,0,0,.04); } .ecg-seg__form-header { text-align:center; margin-bottom:22px; } .ecg-seg__form-title { font-size:22px; font-weight:700; color:var(–seg-text); margin:0 0 6px; line-height:1.2; } .ecg-seg__form-subtitle { font-size:14px; color:var(–seg-text-muted); margin:0; } .ecg-seg__field { margin-bottom:14px; } .ecg-seg__label { display:block; font-size:13px; font-weight:600; color:var(–seg-text); margin-bottom:6px; } .ecg-seg__hint { font-size:11px; color:var(–seg-text-faint); margin-top:4px; } .ecg-seg__input { width:100%; padding:12px 14px; font-size:15px; font-family:inherit; color:var(–seg-text); background:var(–seg-bg); border:1px solid var(–seg-border-strong); border-radius:var(–seg-radius-sm); } .ecg-seg__button { width:100%; padding:14px 18px; margin-top:6px; font-size:15px; font-weight:600; font-family:inherit; color:#fff!important; background:var(–seg-green)!important; border:none; border-radius:var(–seg-radius-sm); cursor:pointer; } .ecg-seg__error { font-size:13px; color:#b91c1c; background:#fef2f2; border:1px solid #fecaca; border-radius:var(–seg-radius-sm); padding:10px 14px; margin-bottom:14px; display:none; } .ecg-seg__error–visible { display:block; } .ecg-seg__form-footer { text-align:center; font-size:12px; color:var(–seg-text-faint); margin-top:16px; padding-top:14px; border-top:1px dashed var(–seg-border); } .ecg-seg__form-footer a { color:var(–seg-green-dark); text-decoration:none; } .ecg-seg__track { display:none; } .ecg-seg__track–visible { display:block; } .ecg-seg__header { display:flex; justify-content:space-between; align-items:center; padding:0 4px 12px; font-size:13px; color:var(–seg-text-muted); gap:12px; padding-right:110px; } .ecg-seg__logo { height:32px; width:auto; max-width:160px; } .ecg-seg__map { height:280px; width:100%; border-radius:var(–seg-radius); overflow:hidden; border:1px solid var(–seg-border); background:#e8eef3; position:relative; z-index:0; isolation:isolate; } .ecg-seg__eta { background:var(–seg-surface); border:1px solid var(–seg-border); border-radius:var(–seg-radius); margin:-38px 24px 0; padding:20px 24px; position:relative; z-index:2; box-shadow:0 6px 24px rgba(0,0,0,.06); } .ecg-seg__eta-label,.ecg-seg__card-title { font-size:12px; color:var(–seg-text-muted); text-transform:uppercase; letter-spacing:.6px; margin-bottom:4px; } .ecg-seg__eta-value { font-size:26px; font-weight:700; color:var(–seg-text); line-height:1.2; margin-bottom:8px; } .ecg-seg__eta-status { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:500; color:var(–seg-green-dark); background:var(–seg-green-soft); padding:6px 12px; border-radius:999px; } .ecg-seg__eta-status .dot { width:8px; height:8px; border-radius:50%; background:var(–seg-green); } .ecg-seg__grid { display:grid; grid-template-columns:1.4fr 1fr; gap:16px; margin-top:20px; } .ecg-seg__card { background:var(–seg-surface); border:1px solid var(–seg-border); border-radius:var(–seg-radius); padding:20px 22px; } .ecg-seg__card-title { font-size:13px; font-weight:600; letter-spacing:.8px; margin-bottom:18px; } .ecg-seg__step { display:flex; gap:14px; margin-bottom:16px; } .ecg-seg__step-icon { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:14px; font-weight:700; } .ecg-seg__step–done .ecg-seg__step-icon { background:var(–seg-green); color:#fff; } .ecg-seg__step–active .ecg-seg__step-icon { background:#fff; border:2px solid var(–seg-green); color:var(–seg-green); } .ecg-seg__step–pending .ecg-seg__step-icon { background:var(–seg-surface); border:2px dashed var(–seg-border-strong); color:var(–seg-text-faint); } .ecg-seg__step-title { font-size:15px; font-weight:600; color:var(–seg-text); margin-bottom:2px; } .ecg-seg__step-meta { font-size:13px; color:var(–seg-text-muted); } .ecg-seg__ticket-head { display:flex; align-items:center; gap:12px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(–seg-border); } .ecg-seg__ticket-icon { width:40px; height:40px; border-radius:var(–seg-radius-sm); background:var(–seg-green-soft); color:var(–seg-green-dark); display:flex; align-items:center; justify-content:center; font-size:20px; } .ecg-seg__ticket-head-title { font-size:14px; font-weight:600; } .ecg-seg__ticket-head-meta,.ecg-seg__ticket-total-line { font-size:12px; color:var(–seg-text-muted); } .ecg-seg__ticket-totals { border-top:1px dashed var(–seg-border); margin-top:12px; padding-top:12px; } .ecg-seg__ticket-total-line { display:flex; justify-content:space-between; padding:3px 0; } .ecg-seg__ticket-total-line–grand { font-size:15px; font-weight:700; color:var(–seg-text); margin-top:6px; padding-top:8px; border-top:1px solid var(–seg-border); } .ecg-seg__ticket-admin { margin-top:14px; padding-top:14px; border-top:1px dashed var(–seg-border); display:flex; flex-direction:column; gap:6px; } .ecg-seg__ticket-admin-row { display:flex; justify-content:space-between; font-size:12px; gap:10px; } .ecg-seg__ticket-admin-label { color:var(–seg-text-muted); } .ecg-seg__ticket-admin-value { color:var(–seg-text); font-weight:500; text-align:right; } .ecg-seg__actions { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-top:16px; } .ecg-seg__btn { display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:14px 18px!important; font-size:15px!important; font-weight:600!important; font-family:inherit!important; border-radius:var(–seg-radius-sm)!important; text-decoration:none!important; cursor:pointer!important; border:none!important; min-height:48px; width:100%; } .ecg-seg__btn–whatsapp { background:#25d366!important; color:#fff!important; } .ecg-seg__btn–nacex { background:#1f2937!important; color:#fff!important; } .ecg-seg__btn–nacex[aria-disabled=”true”] { background:#e5e7eb!important; color:#9ca3af!important; cursor:not-allowed!important; } .ecg-seg__btn–albaran { background:#fff!important; color:#1f2937!important; border:1px solid #d1d5db!important; } .ecg-seg__footer { text-align:center; font-size:11px; color:var(–seg-text-faint); margin-top:18px; letter-spacing:.5px; }