/* A shared visual language for AFTR stories, official P2P and VENUE operations. */
.social{--so-bg:#080809;--so-card:#141416;--so-card2:#202023;--so-border:rgba(255,255,255,.12);--so-text:#fafafa;--so-muted:#a2a2ab;--so-gold:#e8c26a;--so-green:#70d9ac;--so-red:#ff9999;color:var(--so-text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,sans-serif;color-scheme:dark;box-sizing:border-box}.social *{box-sizing:border-box}.social button,.social input,.social select,.social textarea{font:inherit}.social button{cursor:pointer}.social button:disabled{opacity:.45;cursor:wait}.social button:focus-visible,.social a:focus-visible{outline:2px solid var(--so-gold);outline-offset:4px}.social h1,.social h2,.social h3,.social p{margin:0}.social a{color:inherit}.social button{color:inherit}.social-dialog{background:var(--so-bg);border:1px solid var(--so-border);padding:0;border-radius:26px;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-shadow:0 30px 120px #000a}.social-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.so-modal-head{position:sticky;top:0;z-index:2;padding:22px 24px 18px;background:var(--so-bg);border-bottom:1px solid var(--so-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.so-modal-head h2{font-size:22px;letter-spacing:-.8px;margin-top:5px}.so-eyebrow{color:var(--so-gold);font-size:10px;letter-spacing:1.8px;font-weight:700}.so-icon{display:inline-flex;align-items:center;justify-content:center;background:#ffffff12;border:0;border-radius:50%;width:38px;height:38px;font-size:24px;flex-shrink:0}.so-modal-body{padding:24px}.so-muted,.so-heading>p{color:var(--so-muted);font-size:13px;line-height:1.65}.so-form{display:grid;gap:17px}.so-form>h3{font-size:16px;padding-top:8px}.so-form label{display:grid;gap:8px;color:#dedee3;font-size:12px;font-weight:600}.so-form input,.so-form select,.so-form textarea{background:var(--so-card);border:1px solid var(--so-border);border-radius:12px;padding:13px 14px;color:var(--so-text);width:100%;min-width:0;outline:none;transition:border-color .2s}.so-form input:focus,.so-form select:focus,.so-form textarea:focus{border-color:var(--so-gold)}.so-form input[type=file]{padding:12px;font-size:12px}.so-form input[type=checkbox]{width:17px;min-width:17px;height:17px;accent-color:var(--so-gold)}.so-form label.so-check{display:flex;align-items:flex-start;gap:12px;font-weight:400;color:var(--so-muted)}.so-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.so-form-error{color:var(--so-red);font-size:13px;white-space:pre-wrap}.so-btn{border:1px solid transparent;border-radius:14px;padding:14px 20px;min-height:48px;font-size:14px;font-weight:700;background:var(--so-gold);color:#15120b!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .16s,background .16s}.so-btn:active{transform:scale(.98)}.so-btn.so-secondary{background:var(--so-card2);color:var(--so-text)!important;border-color:var(--so-border)}.so-btn.so-small{padding:10px 14px;min-height:42px;font-size:12px}.so-link{background:none;border:0;padding:8px 0;color:var(--so-gold)!important;font-weight:600;font-size:12px;text-decoration:none;display:inline-block}.so-link.so-danger{color:var(--so-red)!important}.so-preview{height:300px;border:1px solid var(--so-border);border-radius:16px;overflow:hidden;background:#000}.so-preview img,.so-preview video{width:100%;height:100%;object-fit:contain}.so-feed{display:flex;gap:18px;overflow-x:auto;padding:18px 20px 22px;scrollbar-width:none;align-items:flex-start}.so-feed::-webkit-scrollbar{display:none}.so-story-author,.so-story-add{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;position:relative;flex:0 0 68px;max-width:68px}.so-story-author small,.so-story-add small{font-size:10px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d1d1d6}.so-ring{padding:3px;width:64px;height:64px;border-radius:50%;background:conic-gradient(from 30deg,#e8c26a,#b18c49,#f4e3ac,#e8c26a);display:block}.so-ring>span{border:3px solid #080809;border-radius:50%;background:linear-gradient(145deg,#302a21,#151516);width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.so-story-add>span{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1px dashed #73737b;background:#ffffff08;font-size:30px;font-weight:300;color:var(--so-gold)}.so-story-author i{font-style:normal;position:absolute;top:48px;right:-2px;background:#222;color:#e8c26a;border:2px solid #080809;border-radius:6px;font-size:8px;font-weight:700;padding:0 3px}.so-feed-empty{padding-top:10px;color:#d0d0d6;font-size:12px;min-width:190px}.so-feed-empty span{font-size:11px;color:var(--so-muted)}.so-feed-error{padding:20px;color:var(--so-muted)}.so-feed-error button{border:0;background:none;color:var(--so-gold);margin-left:12px}.so-viewer-dialog{width:min(460px,100vw);height:min(850px,100dvh);max-height:100dvh;border:0;border-radius:20px;overflow:hidden;background:#000}.so-viewer-dialog>.so-modal-head{position:absolute;right:8px;top:26px;background:none;border:0;padding:0;z-index:12}.so-viewer-dialog>.so-modal-head>div{display:none}.so-viewer-dialog>.so-modal-head .so-icon{background:#0006;width:34px;height:34px}.so-viewer-dialog>.so-modal-body{padding:0;height:100%}.so-story-stage{position:relative;width:100%;height:100%;background:#000;touch-action:none;user-select:none}.so-story-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#09090a}.so-story-media>img,.so-story-media>video{display:block;width:100%;height:100%;object-fit:contain}.so-story-media>.so-empty{width:100%;padding:60px 30px}.so-story-top{position:absolute;top:0;left:0;right:0;padding:12px 12px 35px;background:linear-gradient(#000b,transparent);z-index:3;pointer-events:none}.so-story-top button{pointer-events:auto}.so-segments{display:flex;gap:4px;margin-bottom:16px}.so-segments>span{height:3px;border-radius:3px;background:#ffffff50;flex:1;overflow:hidden}.so-segments i{display:block;height:100%;background:#fff;transform-origin:left center}.so-story-id{display:flex;align-items:center;gap:10px;padding-right:42px}.so-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ffffff88;border-radius:50%;background:#29251e;color:#fff;font-size:11px;flex-shrink:0}.so-story-id>div{display:flex;flex-direction:column;min-width:0;flex:1}.so-story-id strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-story-id small{font-size:9px;color:#ddd}.so-story-id .so-icon{background:#0003;width:28px;height:28px;font-size:18px}.so-story-foot{position:absolute;bottom:0;left:0;right:0;padding:50px 28px max(28px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c);pointer-events:none}.so-story-foot p{font-weight:600;text-align:center;font-size:16px;margin-bottom:16px}.so-story-foot .so-btn{width:100%;background:#fff;color:#000!important;border-radius:30px;pointer-events:auto}.so-play{position:absolute;top:45%;left:50%;transform:translateX(-50%)}.so-page{max-width:1000px;margin:auto;padding:24px 20px 120px}.so-heading{padding:10px 0 20px}.so-heading h1{font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.08;letter-spacing:-1.6px;margin:12px 0}.so-heading>p{max-width:510px}.so-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.so-toolbar .so-muted{max-width:300px}.so-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.so-offer{padding:22px;border:1px solid var(--so-border);border-radius:22px;background:linear-gradient(145deg,#191919,#0e0e10);position:relative;overflow:hidden}.so-offer:before{content:"";position:absolute;top:84px;left:-7px;right:-7px;height:14px;border-left:14px solid #000;border-right:14px solid #000;pointer-events:none}.so-offer-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:25px}.so-verified{font-size:9px;color:var(--so-green);white-space:nowrap}.so-offer h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin-bottom:9px}.so-offer>p{font-size:12px;color:var(--so-muted)}.so-offer-bottom{border-top:1px dashed #ffffff22;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:20px;margin-top:24px}.so-offer-bottom>div{display:flex;flex-direction:column;gap:7px}.so-offer-bottom small{font-size:11px;color:var(--so-muted)}.so-offer-bottom strong{font-size:24px;letter-spacing:-1px}.so-empty{padding:40px 24px;text-align:center;grid-column:1/-1}.so-empty-icon{font-size:38px;color:var(--so-gold);font-weight:300}.so-empty h3{font-size:20px;letter-spacing:-.6px;margin:12px 0}.so-empty p{color:var(--so-muted);font-size:13px;max-width:400px;margin:10px auto 20px}.so-loading{padding:40px 16px;text-align:center;color:var(--so-muted)}.so-panel{padding:20px;border:1px solid var(--so-border);border-radius:18px;background:var(--so-card);margin:16px 0}.so-panel h3{font-size:17px;margin:8px 0}.so-panel>small,.so-panel>p{font-size:12px;color:var(--so-muted)}.so-panel>.so-link{display:block;margin-top:8px}.so-actions{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0}.so-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;border-radius:20px;padding:5px 9px;background:#ffffff10;color:#d4d4d9}.so-state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.so-state.pendiente_pago,.so-state.pago_informado{color:var(--so-gold);background:#e8c26a12}.so-state.completada{color:var(--so-green);background:#70d9ac12}.so-state.en_disputa{color:var(--so-red);background:#ff999912}.so-order-card{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:18px 0;border:0;border-bottom:1px solid var(--so-border);background:none;width:100%}.so-order-card h3{font-size:15px;margin:9px 0 3px}.so-order-card small{font-size:11px;color:var(--so-muted)}.so-order-card>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.so-order-card strong{font-size:17px}.so-order-card span:last-child{font-size:10px;color:var(--so-gold)}.so-order-hero{text-align:center;padding:8px 0 20px}.so-order-hero h2{font-size:27px;letter-spacing:-.8px;margin:18px 0 8px}.so-order-hero>strong{display:block;font-size:40px;font-weight:600;letter-spacing:-1.6px}.so-order-hero>p{margin:10px 0}.so-countdown{background:var(--so-card);padding:14px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;margin:22px 0 0;border:1px solid var(--so-border)}.so-countdown>span{font-size:11px;color:var(--so-muted)}.so-countdown>b{font-size:24px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--so-gold)}.so-countdown>b.so-urgent{color:var(--so-red)}.so-callout{padding:16px 18px;font-size:12px;line-height:1.7;color:var(--so-gold);background:#e8c26a0a;border:1px solid #e8c26a33;border-radius:14px;margin-bottom:20px}.so-callout.so-success{color:var(--so-green);background:#70d9ac08;border-color:#70d9ac44}.so-panel dl{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:18px 0 0;font-size:12px}.so-panel dt{color:var(--so-muted)}.so-panel dd{margin:0;word-break:break-word}.so-panel dl+.so-btn{margin-top:20px;width:100%}.so-section-title{font-size:16px;margin:26px 0 18px!important}.so-timeline{padding-bottom:16px}.so-timeline article{display:flex;gap:14px;position:relative;padding-bottom:22px}.so-timeline article:not(:last-child):before{content:"";position:absolute;left:4px;top:13px;bottom:0;border-left:1px solid #ffffff22}.so-timeline-dot{width:9px;height:9px;border:2px solid var(--so-gold);border-radius:50%;margin-top:5px;flex-shrink:0}.so-timeline small{font-size:10px;color:var(--so-muted)}.so-timeline p{font-size:12px;margin-top:5px;white-space:pre-wrap;word-break:break-word}.so-payment-proof{border-top:1px solid var(--so-border);padding-top:22px}.so-page-links{display:flex;gap:18px;align-items:center;margin:14px 0 22px}.so-admin-panel{border-color:#e8c26a55}.social-venue-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 22px}.social-venue-actions button{padding:12px 18px;border-radius:12px;background:var(--card,#141416);border:1px solid var(--line,#ffffff22);color:var(--text,#eee);font-size:12px;font-weight:600}.so-wallet-block{padding:20px;border:1px solid #e8c26a44;border-radius:18px;background:#e8c26a08;color:#e8c26a;text-align:center;font-size:13px}.so-wallet-block .so-link{display:block}@media(max-width:600px){.social-dialog{border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:95dvh;margin:auto 0 0;border-bottom:0}.so-modal-head{padding:20px}.so-modal-body{padding:20px}.so-modal-head h2{font-size:20px}.so-viewer-dialog{margin:0;border-radius:0;height:100dvh;max-height:100dvh}.so-viewer-dialog>.so-modal-head{top:26px;padding:0}.so-viewer-dialog>.so-modal-body{padding:0}.so-page{padding-top:18px}.so-offer{padding:20px}.so-toolbar{align-items:flex-start}.so-toolbar .so-muted{font-size:11px}.so-heading h1{max-width:300px}.so-form-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.social *{animation:none!important;transition:none!important}}