/* MercadoOpita Pro v5 — Auth & Panel CSS (complemento de main.css) */

/* ─── Formulario de Publicar Aviso ─── */
.upload-input{display:none}
.check-label{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}
.check-label input{accent-color:var(--primary);width:16px;height:16px}
.form-section small,.form-group small{font-size:11px;color:#94a3b8;margin-top:3px;display:block}
.pub-aviso-legal{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--r-sm);padding:10px 13px;font-size:12px;margin-bottom:16px;line-height:1.55}
.upload-ph{pointer-events:none}
.upload-ph span{font-size:2.4rem;display:block;margin-bottom:8px}
.upload-ph p{font-size:14px;color:#64748b;margin-bottom:4px}

/* ─── Panel Vendedor/Comprador ─── */
.btn-panel-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--r-sm);font-size:13px;font-weight:800;cursor:pointer;transition:var(--tr);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn-panel-primary:hover{background:var(--primary-dk);color:#fff}
.panel-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.panel-tabs::-webkit-scrollbar{display:none}
.panel-tab{padding:10px 18px;font-size:13px;font-weight:700;color:#64748b;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:var(--tr);background:none;border-left:none;border-right:none;border-top:none}
.panel-tab.active,.panel-tab:hover{color:var(--primary);border-bottom-color:var(--primary)}

/* ─── Página Planes ─── */
.planes-page{padding:28px 0 52px}
.planes-intro{text-align:center;max-width:560px;margin:0 auto 36px}
.planes-intro h1{font-size:clamp(22px,3.5vw,32px);font-weight:900;margin-bottom:10px}
.planes-intro p{color:#64748b;font-size:15px}
.planes-all-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1100px;margin:0 auto}
@media(min-width:640px){.planes-all-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.planes-all-grid{grid-template-columns:repeat(3,1fr)}}
.planes-faq{max-width:680px;margin:48px auto 0}
.planes-faq h2{font-size:20px;font-weight:800;margin-bottom:20px;text-align:center}
.faq-item{border:1px solid var(--border);border-radius:var(--r-md);padding:16px;margin-bottom:10px;background:var(--card-bg)}
.faq-q{font-weight:700;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-a{font-size:13px;color:#64748b;line-height:1.6;margin-top:6px}

/* ─── Éxito de registro ─── */
.reg-success-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.success-box{background:var(--card-bg);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:40px 32px;text-align:center;max-width:480px;width:100%}
.success-box .big-icon{font-size:4rem;margin-bottom:16px;display:block}
.success-box h2{font-size:22px;font-weight:900;margin-bottom:10px}
.success-box p{color:#64748b;font-size:14px;margin-bottom:20px}