/* Mataró · pagos (Conekta): hoja del checkout embebido, pantallas de pago pendiente, admin. Mobile first. */
.cnk-note{background:var(--cream,#f4efe6);padding:14px 16px;margin-bottom:6px}
.pay-tab.pay-soon{opacity:.62;border-style:dashed}
.pay-tab.pay-soon .t::after{content:"Fase 2";font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line,#e6e0d4);padding:2px 6px;color:var(--muted,#6b655c)}
body.cnk-open{overflow:hidden}
.cnk-sheet{position:fixed;inset:0;z-index:2000;background:rgba(28,26,23,.55);display:flex;align-items:flex-end;justify-content:center}
.cnk-card{background:#fff;width:100%;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.18)}
.cnk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cnk-head b{display:block;font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.45rem;font-weight:500}
.cnk-head span{font-size:.92rem;color:var(--muted,#6b655c)}
.cnk-x{border:0;background:var(--cream,#f4efe6);width:40px;height:40px;border-radius:50%;font-size:1.4rem;cursor:pointer;color:inherit}
.cnk-target{min-height:220px}
.cnk-foot{font-size:.74rem;color:var(--muted,#6b655c);margin:12px 0 0;text-align:center}
.cnk-sim{display:flex;flex-direction:column;gap:10px}
.cnk-sim .field{margin:0}.cnk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cnk-wait{text-align:center;padding:40px 10px}
.cnk-spin{display:inline-block;width:34px;height:34px;border:3px solid var(--line,#e6e0d4);border-top-color:var(--ink,#2c2a26);border-radius:50%;animation:cnkspin .9s linear infinite}
@keyframes cnkspin{to{transform:rotate(360deg)}}
@media (min-width:700px){.cnk-sheet{align-items:center}.cnk-card{max-width:480px;border-radius:18px;padding:24px}}

/* Pantalla de pago pendiente (OXXO / SPEI) */
.pp-page{max-width:560px;margin:0 auto;padding:22px 0 60px}
.pp-page h1{font-size:2rem;margin:6px 0 4px}
.pp-card{background:#fff;border:1px solid var(--line,#e6e0d4);border-radius:16px;padding:20px 18px;margin-top:16px}
.pp-big{font-family:ui-monospace,Menlo,monospace;font-size:1.32rem;letter-spacing:.06em;word-break:break-all;margin:6px 0 2px;line-height:1.35}
.pp-amount{font-family:var(--serif,"Cormorant Garamond",serif);font-size:2.1rem;line-height:1;margin:4px 0}
.pp-k{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#6b655c);margin:14px 0 2px}
.pp-k:first-child{margin-top:0}
.pp-copy{border:1px solid var(--ink,#2c2a26);background:transparent;padding:8px 14px;font:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:999px;margin-top:6px;color:inherit}
.pp-vence{display:flex;justify-content:space-between;gap:10px;align-items:baseline;background:var(--cream,#f4efe6);padding:10px 12px;border-radius:10px;margin-top:14px;font-size:.86rem}
.pp-vence b{font-weight:500}
.pp-steps{margin:10px 0 0;padding-left:1.2em;font-size:.9rem;line-height:1.55}
.pp-barcode{max-width:100%;height:auto;margin-top:10px;background:#fff}
.pp-status{display:flex;gap:10px;align-items:center;font-size:.9rem;margin-top:14px}
.pp-dot{width:10px;height:10px;border-radius:50%;background:#c79a3b;flex:none;animation:ppblink 1.6s ease-in-out infinite}
.pp-dot.ok{background:#4f7a4a;animation:none}.pp-dot.off{background:#a5544a;animation:none}
@keyframes ppblink{50%{opacity:.35}}
.pp-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pp-actions .btn{text-align:center}
.pp-sim-box{border:1px dashed var(--line,#e6e0d4);border-radius:12px;padding:12px;margin-top:16px}
.pp-stores{font-size:.78rem;color:var(--muted,#6b655c);margin-top:6px}
@media (min-width:700px){.pp-actions{flex-direction:row;flex-wrap:wrap}}

/* Admin */
.pay-st{display:inline-block;font-size:.66rem;letter-spacing:.06em;padding:2px 7px;border-radius:999px;margin-top:4px;background:#eee8dc}
.pay-st.st-pagado{background:#e3eedf;color:#365a31}.pay-st.st-pendiente,.pay-st.st-verificando{background:#f6ecd3;color:#7a5a12}
.pay-st.st-expirado,.pay-st.st-cancelado,.pay-st.st-contracargo{background:#f4dedb;color:#7d3a31}
.pay-st.st-reembolsado,.pay-st.st-reembolso_parcial{background:#e2e6f2;color:#38446b}
.pg-grid{display:grid;grid-template-columns:1fr;gap:14px}
.pg-met{display:grid;grid-template-columns:1fr;gap:8px}
.pg-met label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.pg-warn{background:#f6ecd3;padding:10px 12px;border-radius:10px;font-size:.84rem}
@media (min-width:760px){.pg-grid{grid-template-columns:1fr 1fr}.pg-met{grid-template-columns:1fr 1fr}}
.pay-tab[hidden],.ex-pay button[hidden]{display:none!important}
.ex-pay button.pay-soon{opacity:.6;border-style:dashed}
.form-grid[hidden],.cnk-note[hidden],[hidden].sim-only{display:none!important}

/* Admin → Métricas (mobile first) */
.mt-top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:4px 0 12px}
.mt-src{display:inline-block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#f6ecd3;color:#7a5a12}
.mt-src.ga4{background:#e3eedf;color:#365a31}
.mt-filtros{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.mt-filtros button{flex:none;border:1px solid var(--line,#e6e0d4);background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-size:.78rem;cursor:pointer;color:inherit}
.mt-filtros button.on{background:var(--ink,#2c2a26);color:#fff;border-color:var(--ink,#2c2a26)}
.mt-custom{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px}
.mt-custom[hidden]{display:none}
.mt-custom label{display:flex;flex-direction:column;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6b655c);gap:4px}
.mt-custom input{border:1px solid var(--line,#e6e0d4);padding:9px;font:inherit;background:#fff}
.mt-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mt-kpis>div{background:#fff;border:1px solid var(--line,#e6e0d4);padding:14px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.mt-kpis span:first-child{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#6b655c)}
.mt-kpis b{font-family:var(--serif,"Cormorant Garamond",serif);font-weight:500;font-size:1.7rem;line-height:1.05;overflow-wrap:anywhere}
.mt-d{font-size:.74rem;color:var(--muted,#6b655c)}.mt-d.up{color:#3f6b39}.mt-d.down{color:#9a4337}
.mt-grid{display:grid;grid-template-columns:1fr;gap:0 18px}
.mt-h{font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.4rem;margin:0 0 10px;font-weight:500}
.mt-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mt-bars li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:.86rem}
.mt-bars .mt-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-bars i{grid-column:1/-1;height:6px;border-radius:3px;background:var(--accent,#b08d57);opacity:.7}
.mt-ejemplo{margin:14px 0 0;font-size:.84rem}
@media (min-width:760px){.mt-kpis{grid-template-columns:repeat(4,1fr)}.mt-grid{grid-template-columns:1fr 1fr}}