*{box-sizing:border-box}body{margin:0;background:#090b10;color:#f5f7fb;font-family:Inter,system-ui,Arial,sans-serif}.wrap{max-width:720px;margin:auto;padding:18px}header{display:flex;gap:14px;align-items:center;margin:8px 0 18px}header img{width:62px;height:62px;object-fit:contain;border-radius:16px;background:#111827}h1{font-size:22px;margin:0}header p,.hint{color:#9ca3af;margin:5px 0 0}.card{background:#121722;border:1px solid #263042;border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 12px 35px #0005}h2{margin:0 0 14px}h3{font-size:14px;color:#d7b45a;margin:22px 0 10px;text-transform:uppercase;letter-spacing:.05em}label{display:block;font-size:12px;color:#cbd5e1;margin:10px 0}input,textarea{width:100%;margin-top:6px;background:#0b0f17;border:1px solid #334155;border-radius:11px;padding:12px;color:#fff;font:inherit}textarea{resize:vertical}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}button{border:0;border-radius:11px;padding:12px 14px;font-weight:800;background:#d7b45a;color:#111;cursor:pointer}.secondary{background:#202938;color:#fff;border:1px solid #3a465a}.small{padding:8px 12px}.top{display:flex;justify-content:space-between;align-items:center}.top h2{margin:2px 0}.top small{color:#94a3b8}.save{width:100%;margin-top:22px;font-size:16px}.status{text-align:center;color:#9fe3b2}.error{border-color:#7f1d1d;color:#fecaca}.account{border:1px solid #334155;border-radius:14px;padding:12px;margin:10px 0;background:#0c111a}.account-head{display:flex;justify-content:space-between;align-items:center}.account-head button{padding:6px 9px;background:#3b1d24;color:#fecaca}.upload input{display:none}.upload span{display:block;margin-top:6px;border:1px dashed #64748b;border-radius:11px;padding:12px;text-align:center;color:#e5e7eb}.previews{display:grid;grid-template-columns:90px 1fr;gap:10px}.previews img{max-width:100%;max-height:140px;border-radius:10px;object-fit:contain;background:#080b10}@media(max-width:520px){.actions{grid-template-columns:1fr}.wrap{padding:12px}}

.toggle-hint{margin:-2px 0 12px;line-height:1.45}.client-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.client-switch{margin:0;min-height:50px;padding:10px 12px;border:1px solid #334155;border-radius:12px;background:#0c111a;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e5e7eb;font-size:13px;font-weight:700}.client-switch input{position:absolute;opacity:0;pointer-events:none}.client-switch i{width:42px;height:24px;border-radius:999px;background:#263244;border:1px solid #46546a;position:relative;flex:0 0 auto;transition:.2s}.client-switch i:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#94a3b8;transition:.2s}.client-switch input:checked+i{background:#0f766e;border-color:#22d3ee}.client-switch input:checked+i:after{left:20px;background:#fff}.client-switch:has(input:checked){border-color:#155e75;background:#0d1b22}.client-switch:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:520px){.client-switch-grid{grid-template-columns:1fr}}

/* V2.6.8.4.16 - gestor visual de medios del cliente */
.media-section{border:1px solid #334155;border-radius:15px;padding:14px;margin:12px 0;background:#0c111a}.media-title{font-weight:800;color:#f8fafc;font-size:14px;margin-bottom:10px}.media-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.media-title-row small{color:#94a3b8}.media-main-preview{display:block;width:112px;height:112px;object-fit:contain;border-radius:14px;background:#080b10;border:1px solid #263042;margin-bottom:10px}.media-banner-preview{display:block;width:100%;max-height:210px;object-fit:contain;border-radius:14px;background:#080b10;border:1px solid #263042;margin-bottom:10px}.media-change{margin:8px 0 0}.media-change span{background:#141c29;border-style:solid}.client-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.client-media-item{position:relative;border:1px solid #334155;border-radius:12px;padding:7px;background:#090d14}.client-media-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block}.media-item-actions{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.media-item-actions button{padding:8px;font-size:11px}.media-item-actions .danger,.client-video-item .danger{background:#3b1d24;color:#fecaca}.replace-input{display:none}.client-video-list{display:grid;gap:9px}.client-video-item{display:grid;grid-template-columns:48px 1fr auto auto;gap:8px;align-items:center;border:1px solid #334155;border-radius:12px;padding:9px;background:#090d14}.video-badge{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:#172033;font-size:20px}.video-meta{min-width:0}.video-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta small{color:#94a3b8}.client-video-item button{padding:8px 10px;font-size:11px}@media(max-width:520px){.client-media-grid{grid-template-columns:repeat(2,1fr)}.client-video-item{grid-template-columns:42px 1fr}.client-video-item button{grid-row:2}.client-video-item button:not(.danger){grid-column:1/2}.client-video-item .danger{grid-column:2/3}}

/* V2.6.8.4.17 - aviso de procesamiento de video */
.client-version{display:block;color:#64748b;margin-top:5px;font-size:10px;letter-spacing:.08em}.video-processing{position:fixed;inset:0;z-index:9999;background:#020617c9;backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px}.video-processing[hidden]{display:none}.video-processing-box{width:min(420px,100%);background:#111827;border:1px solid #334155;border-radius:18px;padding:25px;text-align:center;box-shadow:0 22px 60px #0009}.video-processing-box strong{display:block;font-size:18px;color:#fff;margin:14px 0 7px}.video-processing-box p{margin:0;color:#cbd5e1;line-height:1.5}.video-spinner{width:46px;height:46px;margin:auto;border:4px solid #334155;border-top-color:#d7b45a;border-radius:50%;animation:videoSpin .8s linear infinite}@keyframes videoSpin{to{transform:rotate(360deg)}}

/* V2.6.8.4.19 - PIN bancario de 6 digitos */
.pin-wrap{position:relative;margin-top:6px}.pin-input{position:absolute;inset:0;width:100%;height:58px;opacity:.01;z-index:2;margin:0;caret-color:transparent}.pin-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.pin-boxes span{height:58px;border:1px solid #3a465a;border-radius:12px;background:#0b0f17;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff}.pin-boxes span.filled:after{content:"•"}.pin-wrap:focus-within .pin-boxes span{border-color:#d7b45a}.pin-wrap.pin-error .pin-boxes span{border-color:#7f1d1d}@media(max-width:520px){.pin-boxes{gap:7px}.pin-boxes span{height:52px;border-radius:10px}}

/* V2.6.8.4.24 · campos profesionales */
.client-professional-fields{margin:10px 0 18px;padding:14px;border:1px solid rgba(13,148,136,.22);border-radius:16px;background:rgba(13,148,136,.05)}
.client-professional-fields[hidden]{display:none!important}
.client-professional-fields h3{margin-top:0}
.client-professional-fields select{width:100%;margin-top:7px;padding:12px;border:1px solid #334155;border-radius:10px;background:#0b0f17;color:#fff}
/* WhatsApp adicionales por tarjeta */
.additional-whatsapp-client-block{margin:12px 0;padding:12px;border:1px solid rgba(34,197,94,.28);border-radius:14px;background:rgba(34,197,94,.06)}
.additional-whatsapp-client-heading,.client-additional-whatsapp>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.additional-whatsapp-client-heading button{border:0;border-radius:9px;padding:8px 10px;color:#fff;background:#15803d}.additional-whatsapp-client-block>small{display:block;margin-top:8px;color:#94a3b8}
#clientAdditionalWhatsapps{display:grid;gap:10px;margin-top:10px}.client-additional-whatsapp{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(2,6,23,.36)}.client-additional-whatsapp>div button{border:0;border-radius:8px;padding:6px 8px;color:#fecaca;background:rgba(185,28,28,.32)}
.additional-phone-client-block{margin:12px 0;padding:12px;border:1px solid rgba(59,130,246,.3);border-radius:14px;background:rgba(59,130,246,.06)}.additional-phone-client-heading,.client-additional-phone>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.additional-phone-client-heading button{border:0;border-radius:9px;padding:8px 10px;color:#fff;background:#2563eb}.additional-phone-client-block>small{display:block;margin-top:8px;color:#94a3b8}
#clientAdditionalPhones{display:grid;gap:10px;margin-top:10px}.client-additional-phone{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(2,6,23,.36)}.client-additional-phone>div button{border:0;border-radius:8px;padding:6px 8px;color:#fecaca;background:rgba(185,28,28,.32)}
/* V2.6.8.4.92 · Ayuda para nombre en varios renglones */
label > small{color:#94a3b8;font-size:10px;font-weight:500}

/* V2.6.8.4.101 · Orden manual de la galería del cliente */
.client-media-item{overflow:hidden}
.client-gallery-order{position:absolute;z-index:3;top:10px;left:10px;min-width:25px;height:25px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:rgba(2,6,23,.88);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:11px;font-weight:900}
.client-gallery-move{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.client-gallery-move button{min-height:34px;padding:5px;border-radius:9px;background:#182235;color:#fff;font-size:20px;line-height:1}
.client-gallery-move button:disabled{opacity:.3}