:root {
  --bg: #08080c;
  --panel: rgba(18, 18, 27, .88);
  --panel-2: #11111a;
  --text: #f8f8fb;
  --muted: #9698a8;
  --line: rgba(255,255,255,.08);
  --pink: #ff2f78;
  --pink-2: #ff0f65;
  --cyan: #35d9ff;
  --blue: #4a69ff;
  --green: #2bd576;
  --danger: #ff5a70;
  --radius: 26px;
  --shadow: 0 30px 80px rgba(0,0,0,.48);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 50% -10%, rgba(255,47,120,.14), transparent 30%), var(--bg);
  overflow-x: hidden;
}
button,input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.bg-grid { position: fixed; inset: 0; pointer-events: none; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(circle at center, black 35%, transparent 90%); }
.bg-orb { position: fixed; width: 380px; height: 380px; border-radius: 50%; filter: blur(85px); opacity: .17; pointer-events: none; }
.orb-1 { left: -200px; top: 16%; background: #ff1b76; }
.orb-2 { right: -210px; bottom: 7%; background: #1e9fff; }
.app-shell { position: relative; z-index: 1; width: min(92vw, 520px); margin: 0 auto; padding: 22px 0 32px; }
.brand-bar { display:flex; align-items:center; gap:12px; margin:0 4px 18px; }
.brand-mark { display:grid; grid-auto-flow:column; align-items:center; gap:2px; font-weight:1000; font-size:23px; letter-spacing:-2px; background:linear-gradient(90deg,#fff,#ff4e91); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.brand-mark i { color: var(--pink); font-style:normal; }
.brand-copy { display:flex; flex-direction:column; min-width:0; }
.brand-copy strong { font-size:13px; letter-spacing:.18em; }
.brand-copy small { color:#747688; font-size:9px; letter-spacing:.13em; margin-top:2px; }
.connection-badge { margin-left:auto; display:flex; align-items:center; gap:6px; font-size:10px; color:#7d8090; white-space:nowrap; }
.connection-dot { width:7px; height:7px; border-radius:50%; background:#777; box-shadow:0 0 0 4px rgba(119,119,119,.08); }
.connection-badge.online { color:#80e5a8; } .connection-badge.online .connection-dot { background:var(--green); box-shadow:0 0 0 4px rgba(43,213,118,.10); }
.screen { background:linear-gradient(180deg, rgba(22,22,32,.92), rgba(11,11,17,.94)); border:1px solid var(--line); border-radius:var(--radius); padding:26px; box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.02); backdrop-filter: blur(22px); animation: screenIn .28s ease; }
@keyframes screenIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.hidden { display:none !important; }
.hero-icon { width:74px; height:74px; border-radius:22px; display:grid; place-items:center; margin:0 auto 20px; background:linear-gradient(135deg, rgba(255,47,120,.24), rgba(72,106,255,.18)); border:1px solid rgba(255,255,255,.08); font-size:32px; box-shadow:0 14px 34px rgba(255,47,120,.16); }
.eyebrow { color:#7e8293; font-weight:800; font-size:10px; letter-spacing:.17em; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:8px; font-size:36px; line-height:1; letter-spacing:-.05em; text-align:center; } h2{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:5px 0 8px;} p.subtitle,.section-heading p { color:var(--muted); font-size:13px; line-height:1.55; }
.subtitle { max-width:340px; margin:0 auto 24px; text-align:center; }
.form-stack { display:grid; gap:15px; }
.field { display:grid; gap:7px; } label { color:#d8d9df; font-size:12px; font-weight:800; } .field-hint,.mini-info,.legal-note { color:#6f7180; font-size:10px; line-height:1.45; }
input { width:100%; border:1px solid rgba(255,255,255,.09); background:#0d0d14; color:#fff; border-radius:15px; padding:15px 16px; outline:none; transition:.2s; } input:focus { border-color:rgba(255,47,120,.65); box-shadow:0 0 0 4px rgba(255,47,120,.08); }
.btn { border:0; border-radius:15px; min-height:48px; padding:12px 16px; font-weight:900; cursor:pointer; transition:.18s; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#fff; text-decoration:none; }
.btn:hover { transform:translateY(-1px); } .btn:disabled { opacity:.52; cursor:not-allowed; transform:none; }
.btn-primary { background:linear-gradient(135deg,var(--pink),#d50c5a); box-shadow:0 12px 30px rgba(255,47,120,.2); } .btn-secondary{background:#22222d;border:1px solid rgba(255,255,255,.08)} .btn-whatsapp{background:linear-gradient(135deg,#24d366,#159d4a)} .btn-ghost{background:#15151f;border:1px solid var(--line); color:#c7c9d1; width:100%;} .btn-danger-soft{background:rgba(255,47,120,.12); color:#ff7da7; border:1px solid rgba(255,47,120,.2); min-height:38px; padding:9px 13px; border-radius:12px;}
.btn-xl { width:100%; min-height:54px; justify-content:space-between; padding:0 18px; margin-top:4px; font-size:15px; } .btn-xl b { font-size:24px; }
.legal-note { text-align:center; margin:18px 0 0; }
.screen-topbar,.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.topbar-title{font-size:11px;font-weight:900;letter-spacing:.17em}.topbar-spacer{width:60px}.link-btn,.danger-link{border:0;background:none;color:#8c8f9e;padding:4px 0;cursor:pointer;font-size:11px;font-weight:800}.danger-link{color:#ff7691}
.section-heading.compact{margin-bottom:16px}.section-heading{text-align:left}.section-heading h2{margin-top:5px}
.deck-grid{display:grid;gap:12px}.deck-card,.mode-card,.action-btn{width:100%;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;cursor:pointer;transition:.2s}.deck-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#11111a}.deck-card:hover,.mode-card:hover,.action-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}
.deck-ice{box-shadow:inset 4px 0 0 #35d9ff}.deck-couple{box-shadow:inset 4px 0 0 #4a69ff}.deck-adult{box-shadow:inset 4px 0 0 #ff2f78}.deck-icon{font-size:24px;width:34px;text-align:center}.deck-body{display:flex;flex-direction:column;gap:4px;min-width:0}.deck-body strong{font-size:15px}.deck-body strong em{font-style:normal;color:#ff7da7;font-size:9px;letter-spacing:.12em;margin-left:4px}.deck-body small{color:#808291;font-size:10px;line-height:1.45}.deck-arrow{margin-left:auto;color:#6f7180;font-size:21px}.mini-info{margin-top:14px;text-align:center}
.player-chip{font-size:11px;color:#cfd1da;font-weight:900;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f78,#4a69ff);font-size:11px;font-weight:1000}.menu-hero{margin-bottom:18px}.menu-hero p{color:#727583;font-size:11px;margin:0}.mode-grid{display:grid;gap:12px}.mode-card{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:12px;border-radius:20px;padding:16px;background:#11111a}.mode-card span:nth-child(2){display:flex;flex-direction:column;gap:4px}.mode-card strong{font-size:15px}.mode-card small{color:#7f8190;font-size:10px;line-height:1.4}.mode-card b{color:#797b89}.mode-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font-size:21px}.mode-live .mode-icon{background:rgba(255,47,120,.13)}.mode-private .mode-icon{background:rgba(73,105,255,.14)}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stats-row div{background:#0f0f16;border:1px solid var(--line);border-radius:14px;padding:11px 8px;text-align:center}.stats-row strong{display:block;font-size:15px}.stats-row span{display:block;color:#6e707d;font-size:9px;margin-top:3px}
.live-pill{font-size:9px;font-weight:900;color:#81dfa8;background:rgba(43,213,118,.09);border:1px solid rgba(43,213,118,.14);padding:5px 8px;border-radius:100px}.live-pill i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:4px}.players-list{display:grid;gap:9px;min-height:180px;margin-bottom:14px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0e0e15;border:1px solid var(--line);border-radius:16px;padding:10px}.player-info{display:flex;align-items:center;gap:10px;min-width:0}.player-info>div{display:flex;flex-direction:column;gap:3px;min-width:0}.player-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{font-size:9px;color:#6c6e7a}.player-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1b1b25;border:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:900}.empty-state{height:180px;display:grid;place-items:center;align-content:center;gap:7px;color:#8b8e9d;text-align:center}.empty-state strong{font-size:12px;color:#c6c8d0}.empty-state small{font-size:10px;color:#676a78}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.12);border-top-color:#ff2f78;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-icon{font-size:34px;color:#ff3c81;animation:pulse 1.1s infinite alternate}@keyframes pulse{to{transform:scale(1.14);opacity:.55}}
.screen-game{padding:18px}.game-topbar{margin-bottom:14px}.room-title{text-align:center;min-width:0}.room-title span{display:block;font-size:11px;font-weight:1000;letter-spacing:.12em}.room-title small{display:block;color:#666977;font-size:9px;margin-top:3px}.round-badge{background:#11111b;border:1px solid var(--line);border-radius:12px;padding:7px 10px;text-align:center}.round-badge span{display:block;color:#636673;font-size:7px;font-weight:900}.round-badge strong{font-size:13px}.opponent-bar{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;margin-bottom:14px;background:#0f0f16;border:1px solid var(--line);border-radius:17px;padding:9px 11px}.opponent-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#4a69ff,#7f41ff);font-weight:1000}.opponent-bar small{display:block;color:#686a78;font-size:7px;font-weight:900;letter-spacing:.13em}.opponent-bar strong{display:block;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-badge{font-size:8px;font-weight:900;padding:7px 9px;border-radius:100px;white-space:nowrap}.turn-badge.waiting{color:#999baa;background:#181821}.turn-badge.my-turn{color:#9be7ba;background:rgba(43,213,118,.1);border:1px solid rgba(43,213,118,.14)}
.timer{width:max-content;margin:0 auto 12px;display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:100px;background:#2a101c;color:#ff79a1;border:1px solid rgba(255,47,120,.2);box-shadow:0 8px 30px rgba(255,47,120,.08)}.timer strong{font-size:17px}.timer small{font-size:9px;color:#b15f7b}.timer.urgent{animation:heart .55s infinite alternate;background:#330d19}@keyframes heart{to{transform:scale(1.04);box-shadow:0 0 25px rgba(255,47,120,.18)}}
.invite-panel{display:grid;gap:10px;background:linear-gradient(135deg,rgba(43,213,118,.08),rgba(43,213,118,.02));border:1px solid rgba(43,213,118,.14);border-radius:17px;padding:13px;margin-bottom:12px}.invite-panel>div:first-child{display:flex;flex-direction:column;gap:3px}.invite-panel strong{font-size:12px}.invite-panel small{color:#717583;font-size:9px}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invite-actions .btn{min-height:40px;font-size:11px}
.challenge-card{position:relative;overflow:hidden;min-height:245px;padding:46px 20px 20px;border-radius:24px;border:1px solid rgba(255,47,120,.22);background:radial-gradient(circle at 50% 0,rgba(255,47,120,.10),transparent 40%),linear-gradient(180deg,#171721,#0f0f16);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 18px 40px rgba(0,0,0,.18);transition:.25s}.challenge-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.03),transparent 65%);transform:translateX(-100%);transition:.55s}.challenge-card.is-changing:before{transform:translateX(100%)}.challenge-card.is-changing{transform:scale(.985);opacity:.7}.challenge-tag{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:1000;letter-spacing:.15em;color:#ff7da7;background:rgba(255,47,120,.09);border:1px solid rgba(255,47,120,.16);border-radius:100px;padding:5px 9px;white-space:nowrap}.challenge-card p{white-space:pre-wrap;line-height:1.65;font-size:16px;font-weight:800;max-width:420px;margin:0}.typing{position:absolute;bottom:13px;display:flex;align-items:center;gap:4px;color:#6fdfff;font-size:9px}.typing i{width:4px;height:4px;border-radius:50%;background:#35d9ff;animation:bounce .8s infinite alternate}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}@keyframes bounce{to{transform:translateY(-3px);opacity:.4}}
#imagenPrueba{max-width:100%;max-height:300px;border-radius:16px;margin-top:15px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.25)}.reaction-bar{display:flex;gap:8px;margin-top:15px}.reaction-bar button{width:40px;height:40px;border:1px solid var(--line);background:#1b1b26;border-radius:12px;cursor:pointer;font-size:18px;transition:.15s}.reaction-bar button:hover{transform:translateY(-2px);background:#242430}.floating-reaction{position:absolute;font-size:50px;z-index:10;animation:floatReaction 1.4s ease-out forwards;text-shadow:0 7px 25px rgba(0,0,0,.5);pointer-events:none}@keyframes floatReaction{from{opacity:1;transform:translateY(0) scale(.7)}to{opacity:0;transform:translateY(-125px) scale(1.35)}}
.answer-panel{margin-top:12px}.input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.input-row .btn{min-width:90px}.proof-panel{margin-top:12px}.upload-box{width:100%;border:1px dashed rgba(53,217,255,.36);background:rgba(53,217,255,.045);border-radius:17px;padding:17px;display:flex;align-items:center;gap:12px;text-align:left;color:#fff;cursor:pointer}.upload-box>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(53,217,255,.08);font-size:20px}.upload-box strong{font-size:12px}.upload-box small{display:block;color:#717583;font-size:9px;margin-top:3px}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.action-btn{border-radius:19px;padding:15px 12px;background:#11111a;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.action-btn span{grid-row:span 2;font-size:23px}.action-btn strong{font-size:13px}.action-btn small{font-size:8px;color:#727584;margin-top:3px}.action-truth{box-shadow:inset 0 3px 0 #35d9ff}.action-dare{box-shadow:inset 0 3px 0 #ff2f78}.game-hint{color:#626573;text-align:center;font-size:9px;margin-top:11px}
.toast{position:fixed;left:50%;bottom:20px;z-index:20;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#1c1c27;color:#e7e8ed;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 14px;font-size:11px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.success{border-color:rgba(43,213,118,.22)}.toast.warn{border-color:rgba(255,183,77,.25)}.toast.error{border-color:rgba(255,90,112,.3)}
.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(4,4,8,.72);backdrop-filter:blur(14px)}.modal-card{width:min(100%,380px);background:#12121b;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55);position:relative}.modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#7a7d8b;font-size:24px;cursor:pointer}.modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:rgba(255,47,120,.11);font-size:25px}.modal-card h3{margin:0 0 8px;font-size:20px}.modal-card p{color:#8c8f9c;font-size:11px;line-height:1.55;margin-bottom:20px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-actions .btn{width:100%}

/* Perfil con foto/avatar */
.profile-avatar-field{display:grid;gap:10px}.profile-avatar-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);background:#0d0d14;border-radius:18px}.profile-avatar-preview{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,47,120,.2),rgba(74,105,255,.18));display:grid;place-items:center;color:#fff;font-size:30px;cursor:pointer;overflow:hidden;padding:0}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-preview i{position:absolute;right:4px;bottom:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--pink);border:2px solid #0d0d14;font-style:normal;font-size:15px;font-weight:900}.profile-avatar-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-avatar-copy strong{font-size:12px}.profile-avatar-copy small{font-size:9px;line-height:1.45;color:#727584}.mini-link{width:max-content;border:0;background:none;color:#ff6b9f;padding:2px 0;font-size:10px;font-weight:900;cursor:pointer}.avatar-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.avatar-options button{height:42px;border-radius:13px;border:1px solid var(--line);background:#11111a;color:#fff;font-size:20px;cursor:pointer;transition:.16s}.avatar-options button:hover,.avatar-options button.selected{transform:translateY(-1px);border-color:rgba(255,47,120,.55);background:rgba(255,47,120,.09)}
.avatar-dot,.player-avatar,.opponent-avatar{overflow:hidden}.avatar-dot img,.player-avatar img,.opponent-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Pruebas con cámara en directo */
#videoPrueba{width:100%;max-height:320px;border-radius:16px;margin-top:15px;object-fit:contain;background:#050507;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.25)}.proof-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-choice{min-height:112px;border:1px solid rgba(53,217,255,.24);background:linear-gradient(180deg,rgba(53,217,255,.065),rgba(53,217,255,.025));border-radius:18px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:15px;text-align:left;cursor:pointer;transition:.18s}.proof-choice:hover{transform:translateY(-2px);border-color:rgba(53,217,255,.5)}.proof-choice>span{font-size:25px}.proof-choice strong{font-size:12px}.proof-choice small{font-size:9px;line-height:1.4;color:#777b8c}.proof-live-note{display:block;margin-top:8px;text-align:center;color:#666977;font-size:9px}
.camera-modal{z-index:40}.camera-card{width:min(100%,500px);background:#0d0d13;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:14px;box-shadow:0 32px 90px rgba(0,0,0,.65)}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px}.camera-header>div{display:flex;flex-direction:column;gap:3px}.camera-header small{font-size:8px;letter-spacing:.16em;color:#717583;font-weight:900}.camera-header strong{font-size:16px}.camera-close{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#171720;color:#8e91a0;font-size:21px;cursor:pointer}.camera-stage{position:relative;aspect-ratio:3/4;max-height:62vh;overflow:hidden;border-radius:20px;background:#050507;border:1px solid var(--line)}.camera-stage>video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.camera-stage>video.not-mirrored{transform:none}.camera-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#08080c;color:#858896}.camera-loading small{font-size:10px}.recording-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;border-radius:100px;background:rgba(8,8,12,.78);border:1px solid rgba(255,255,255,.12);padding:6px 9px;font-size:9px;backdrop-filter:blur(10px)}.recording-badge i{width:7px;height:7px;border-radius:50%;background:#ff355f;box-shadow:0 0 0 4px rgba(255,53,95,.12);animation:recPulse .8s infinite alternate}.recording-badge span{font-weight:1000;color:#ff7190}.recording-badge strong{font-size:10px}.recording-badge small{font-size:8px;color:#777b8c}@keyframes recPulse{to{opacity:.35}}.camera-hint{text-align:center;color:#747786;font-size:9px;line-height:1.45;padding:10px 8px 6px}.camera-actions{display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;align-items:center}.camera-actions .btn{min-height:44px;font-size:10px}.camera-cancel{margin:0}.camera-shutter{width:64px;height:64px;border-radius:50%;justify-self:center;border:5px solid #d9dbe4;background:#fff;box-shadow:inset 0 0 0 4px #0d0d13;cursor:pointer;transition:.16s}.camera-shutter.is-video{background:#ff355f}.camera-shutter.recording{border-radius:20px;transform:scale(.82);background:#ff355f}.camera-shutter:hover{transform:scale(1.04)}.camera-shutter.recording:hover{transform:scale(.82)}
@media (max-width: 480px){.app-shell{width:94vw;padding-top:13px}.screen{padding:20px;border-radius:22px}.brand-bar{margin-bottom:12px}.brand-copy small{display:none}.connection-badge{font-size:9px}.challenge-card{min-height:220px}.game-actions{gap:8px}.action-btn{padding:13px 10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

@media (max-width:480px){.profile-avatar-row{align-items:flex-start}.profile-avatar-preview{width:64px;height:64px;flex-basis:64px}.avatar-options{grid-template-columns:repeat(6,1fr);gap:5px}.proof-choice-grid{grid-template-columns:1fr 1fr}.camera-card{padding:10px;border-radius:22px}.camera-stage{max-height:60vh}.camera-actions{grid-template-columns:1fr 64px 1fr;gap:7px}.camera-shutter{width:58px;height:58px}}

/* Banner inferior responsive */
.ad-slot{
  position:relative;
  z-index:1;
  width:min(92vw,520px);
  min-height:100px;
  margin:0 auto calc(22px + env(safe-area-inset-bottom));
  border:1px dashed rgba(255,255,255,.12);
  border-radius:18px;
  overflow:hidden;
  background:rgba(13,13,20,.72);
  box-shadow:0 16px 45px rgba(0,0,0,.24);
}
.ad-placeholder{
  min-height:100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:14px;
  text-align:center;
  color:#747786;
}
.ad-placeholder span{font-size:8px;font-weight:900;letter-spacing:.18em;color:#626574}
.ad-placeholder strong{font-size:11px;color:#9a9dab}
.ad-banner-link{display:block;width:100%;line-height:0}
.ad-banner-link img{display:block;width:100%;height:auto;max-height:140px;object-fit:cover}

/* Mantiene la misma composición también en móviles pequeños */
@media (max-width:380px){
  .app-shell,.ad-slot{width:calc(100vw - 20px)}
  .app-shell{padding-top:10px;padding-bottom:18px}
  .brand-bar{gap:8px;margin-left:2px;margin-right:2px;margin-bottom:10px}
  .brand-mark{font-size:21px}
  .brand-copy strong{font-size:11px;letter-spacing:.13em;white-space:nowrap}
  .connection-badge{font-size:8px;gap:5px}
  .connection-dot{width:6px;height:6px}
  .screen{padding:16px;border-radius:20px}
  .screen-profile{padding-top:17px}
  .hero-icon{width:62px;height:62px;border-radius:19px;margin-bottom:14px;font-size:28px}
  .eyebrow{font-size:9px}
  h1{font-size:clamp(30px,10vw,34px);margin-bottom:7px}
  .subtitle{font-size:12px;line-height:1.45;margin-bottom:18px}
  .form-stack{gap:12px}
  .profile-avatar-row{gap:10px;padding:10px;border-radius:16px}
  .profile-avatar-preview{width:58px;height:58px;flex-basis:58px;border-radius:17px}
  .profile-avatar-copy strong{font-size:11px}
  .profile-avatar-copy small{font-size:8px}
  .avatar-options{gap:5px}
  .avatar-options button{height:38px;border-radius:11px;font-size:18px}
  .field{gap:6px}
  label{font-size:11px}
  input{padding:13px 14px;border-radius:14px}
  .field-hint,.mini-info,.legal-note{font-size:9px}
  .btn-xl{min-height:50px;font-size:14px;margin-top:2px}
  .legal-note{margin-top:14px}
  .ad-slot{min-height:90px;border-radius:16px;margin-bottom:calc(16px + env(safe-area-inset-bottom))}
  .ad-placeholder{min-height:90px;padding:12px}
}

@media (max-width:340px){
  .app-shell,.ad-slot{width:calc(100vw - 14px)}
  .screen{padding:14px}
  .brand-bar{gap:6px}
  .brand-mark{font-size:20px}
  .brand-copy strong{font-size:10px;letter-spacing:.11em}
  .connection-badge{font-size:7px}
  .hero-icon{width:58px;height:58px;margin-bottom:12px}
  .profile-avatar-preview{width:54px;height:54px;flex-basis:54px}
  .avatar-options button{height:35px;font-size:17px}
  input{padding:12px 13px}
  .btn-xl{min-height:48px}
}


/* Google AdSense: el bloque respeta el ancho visual de la app */
.adsense-mobile-banner{
  width:100%;
  min-height:90px;
}
.ad-placeholder small{
  max-width:310px;
  font-size:9px;
  line-height:1.45;
  color:#626574;
}
.adsbygoogle[data-ad-status="unfilled"]{
  display:none !important;
}

/* =========================================================
   V/R MATCH · CAPA DATING MVP
   ========================================================= */
textarea { font: inherit; }
.profile-textarea {
  width:100%; min-height:92px; resize:vertical; border:1px solid rgba(255,255,255,.09);
  background:#0d0d14; color:#fff; border-radius:15px; padding:14px 16px; outline:none; line-height:1.45;
}
.profile-textarea:focus { border-color:rgba(255,47,120,.65); box-shadow:0 0 0 4px rgba(255,47,120,.08); }
.dating-screen { padding:18px 18px 14px; overflow:hidden; }
.dating-topbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.dating-topbar h2 { margin:4px 0 0; font-size:28px; }
.dating-profile-button { width:42px; height:42px; border:1px solid rgba(255,255,255,.10); border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#171721; color:#fff; font-size:19px; cursor:pointer; padding:0; }
.dating-profile-button img,.match-avatar img,.match-row-avatar img { width:100%; height:100%; object-fit:cover; }
.dating-stage { position:relative; min-height:500px; display:grid; place-items:center; }
.dating-card { width:100%; border-radius:28px; overflow:hidden; background:#101018; border:1px solid rgba(255,255,255,.09); box-shadow:0 28px 70px rgba(0,0,0,.38); touch-action:none; user-select:none; transform-origin:50% 95%; }
.dating-photo { position:relative; height:390px; display:flex; align-items:center; justify-content:center; background-image:linear-gradient(145deg,#231129,#111c31 48%,#161620); background-size:cover; background-position:center; overflow:hidden; }
#datingAvatarLarge { font-size:112px; filter:drop-shadow(0 18px 22px rgba(0,0,0,.28)); }
.dating-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,rgba(255,255,255,.045),transparent 32%,rgba(255,47,120,.055)); pointer-events:none; }
.dating-photo-shade { position:absolute; inset:38% 0 0; background:linear-gradient(transparent,rgba(6,6,10,.94)); }
.dating-card-main { position:absolute; left:20px; right:20px; bottom:18px; z-index:2; }
.dating-name-row { display:flex; align-items:baseline; gap:8px; }
.dating-name-row h3 { margin:0; font-size:32px; letter-spacing:-.045em; }
.dating-name-row span { font-size:23px; color:#e4e4ea; font-weight:500; }
.dating-city { margin-top:5px; font-size:11px; color:#c2c4cf; }
.dating-card-copy { padding:16px 18px 18px; }
.dating-card-copy p { color:#d3d4dc; line-height:1.5; font-size:12px; margin:0 0 12px; }
.interest-chips { display:flex; flex-wrap:wrap; gap:7px; }
.interest-chips span { font-size:9px; font-weight:800; color:#cfd1db; padding:7px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.09); background:#181822; }
.swipe-stamp { position:absolute; z-index:4; top:28px; border:3px solid currentColor; border-radius:10px; padding:7px 10px; font-size:25px; font-weight:1000; letter-spacing:.08em; opacity:0; pointer-events:none; }
.stamp-like { left:22px; color:#48e68b; transform:rotate(-12deg); }
.stamp-pass { right:22px; color:#ff6b84; transform:rotate(12deg); }
.swipe-actions { display:flex; justify-content:center; align-items:center; gap:19px; margin:14px 0 8px; }
.swipe-actions.is-disabled { opacity:.28; pointer-events:none; }
.swipe-btn { width:58px; height:58px; border-radius:50%; border:1px solid rgba(255,255,255,.10); background:#15151f; display:grid; place-items:center; color:#fff; font-size:24px; cursor:pointer; box-shadow:0 12px 26px rgba(0,0,0,.22); transition:.18s; }
.swipe-btn:hover { transform:translateY(-3px) scale(1.03); }
.swipe-btn.pass { color:#ff6c83; }
.swipe-btn.like { width:66px; height:66px; font-size:30px; color:#fff; background:linear-gradient(135deg,#ff2f78,#ff0f65); box-shadow:0 16px 32px rgba(255,47,120,.25); }
.swipe-btn.game { color:#7adfff; }
.dating-tip { text-align:center; color:#707382; font-size:9px; margin:6px 0 13px; }
.dating-empty { width:100%; min-height:310px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; border:1px dashed rgba(255,255,255,.09); border-radius:25px; background:rgba(15,15,22,.55); padding:28px; }
.dating-empty span { font-size:38px; }
.dating-empty strong { font-size:15px; }
.dating-empty small { max-width:320px; color:#757887; line-height:1.5; font-size:10px; }
.dating-nav { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.07); padding-top:10px; margin-top:4px; }
.dating-nav button { position:relative; border:0; background:transparent; color:#666978; display:grid; justify-items:center; gap:3px; cursor:pointer; padding:4px; }
.dating-nav button span { font-size:17px; }
.dating-nav button small { font-size:8px; font-weight:800; }
.dating-nav button.active { color:#ff5c91; }
.nav-badge { position:absolute; top:0; left:56%; min-width:16px; height:16px; display:grid; place-items:center; padding:0 4px; border-radius:999px; background:#ff2f78; color:#fff; font-style:normal; font-size:8px; font-weight:1000; border:2px solid #11111a; }
.matches-list { min-height:470px; display:grid; align-content:start; gap:9px; }
.matches-empty { min-height:300px; }
.match-row { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.08); background:#101018; border-radius:17px; padding:10px; }
.match-row-avatar { width:48px; height:48px; border-radius:15px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,#ff2f78,#4a69ff); font-size:22px; }
.match-row-copy { min-width:0; display:grid; gap:4px; }
.match-row-copy strong { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.match-row-copy small { color:#747785; font-size:9px; }
.match-row .btn { min-height:36px; padding:8px 11px; font-size:9px; }
.match-modal-card { text-align:center; }
.match-kicker { display:block; color:#ff7ca7; font-size:9px; font-weight:1000; letter-spacing:.18em; margin-bottom:16px; }
.match-hearts { display:flex; align-items:center; justify-content:center; margin:6px 0 17px; }
.match-avatar { width:82px; height:82px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,#ff2f78,#4a69ff); border:4px solid #171721; box-shadow:0 12px 28px rgba(0,0,0,.28); font-size:34px; }
.match-avatar:first-child { transform:translateX(8px) rotate(-5deg); }
.match-avatar:last-child { transform:translateX(-8px) rotate(5deg); }
.match-heart { position:relative; z-index:2; width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#ff2f78; color:#fff; box-shadow:0 8px 24px rgba(255,47,120,.35); }
.match-modal-card h3 { font-size:28px; margin-bottom:8px; }
.match-modal-card p { color:#8e91a0; font-size:11px; line-height:1.55; }
.match-modal-actions { display:grid; grid-template-columns:1fr 1.15fr; gap:8px; margin-top:16px; }
.match-modal-actions .btn { width:100%; }
@media (max-width:480px) {
  .dating-screen { padding:15px 13px 12px; }
  .dating-stage { min-height:455px; }
  .dating-photo { height:340px; }
  .dating-name-row h3 { font-size:29px; }
  .matches-list { min-height:420px; }
}
@media (max-width:380px) {
  .dating-stage { min-height:425px; }
  .dating-photo { height:310px; }
  .swipe-btn { width:52px; height:52px; }
  .swipe-btn.like { width:60px; height:60px; }
  .match-modal-actions { grid-template-columns:1fr; }
}

/* =========================================================
   V/R MATCH · STEP 2 · dating-first experience
   ========================================================= */
.profile-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.profile-photo-thumb,.profile-photo-add{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#11111a}
.profile-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-thumb span{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:999px;background:rgba(8,8,12,.78);font-size:6px;font-weight:1000;letter-spacing:.08em}
.profile-photo-thumb button{position:absolute;right:5px;top:5px;width:20px;height:20px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(8,8,12,.8);color:#fff;cursor:pointer}
.profile-photo-add{color:#898c9c;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;border-style:dashed}
.profile-photo-add b{font-size:23px;font-weight:400}.profile-photo-add small{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}

.dating-top-actions{display:flex;align-items:center;gap:7px}
.vr-plus-pill,.filter-button{border:1px solid rgba(255,255,255,.1);background:#15151f;color:#fff;cursor:pointer}
.vr-plus-pill{min-height:34px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:1000;letter-spacing:.12em;background:linear-gradient(135deg,rgba(255,47,120,.15),rgba(74,105,255,.16));color:#ff9abc}
.filter-button{width:36px;height:36px;border-radius:12px;font-size:18px;transform:rotate(90deg)}
.dating-filters{margin:-3px 0 13px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(12,12,18,.94);box-shadow:0 18px 45px rgba(0,0,0,.24);animation:screenIn .2s ease}
.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}
.filter-row label{display:grid;gap:5px;color:#898b99;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.filter-row input{padding:10px 11px;border-radius:11px;font-size:11px}
.filter-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.filter-actions .btn{min-height:36px;padding:8px 12px;font-size:9px}

.dating-card{position:relative;background:#0d0d13}
.dating-photo{height:420px;background-color:#15151d}
.photo-progress{position:absolute;z-index:7;top:9px;left:10px;right:10px;display:flex;gap:4px;pointer-events:none}
.photo-progress i{height:3px;flex:1;border-radius:99px;background:rgba(255,255,255,.3);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.photo-progress i.active{background:#fff}
.photo-zone{position:absolute;z-index:3;top:0;bottom:32%;width:34%;border:0;background:transparent;cursor:pointer;padding:0}
.photo-prev{left:0}.photo-next{right:0}
.dating-card-main{z-index:5}.dating-photo-shade{z-index:4}.swipe-stamp{z-index:8}
.dating-card-copy{background:linear-gradient(180deg,#101018,#0d0d13);min-height:112px}
.swipe-actions{gap:12px}.swipe-btn{width:54px;height:54px}
.swipe-btn.rewind{width:44px;height:44px;font-size:21px;color:#d3a75a;border-color:rgba(211,167,90,.22);background:rgba(211,167,90,.07)}
.swipe-btn.pass{width:58px;height:58px}.swipe-btn.game{width:58px;height:58px;background:linear-gradient(135deg,rgba(53,217,255,.15),rgba(74,105,255,.16));border-color:rgba(53,217,255,.18)}
.swipe-btn.like{width:66px;height:66px}

.match-row{cursor:pointer;transition:.18s}.match-row:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14);background:#13131c}
.match-modal-card{overflow:hidden;isolation:isolate}.match-modal-card>*:not(.match-confetti){position:relative;z-index:2}
.match-game-link{position:relative;z-index:2;border:0;background:transparent;color:#7f8291;font-size:9px;font-weight:800;margin-top:11px;cursor:pointer}
.match-confetti{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}
.match-confetti span{position:absolute;left:50%;top:42%;color:#ff5f98;font-size:16px;opacity:0;animation:matchBurst 1.15s cubic-bezier(.17,.67,.35,1.15) var(--d) forwards}
.match-confetti span:nth-child(3n){color:#6b8cff}.match-confetti span:nth-child(4n){color:#ffd26b}
@keyframes matchBurst{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),-190px) scale(1.15) rotate(var(--r))}}
.match-heart{animation:matchHeartbeat .8s ease 2}@keyframes matchHeartbeat{50%{transform:scale(1.22)}}

.chat-screen{padding:14px 14px 12px;min-height:640px;display:flex;flex-direction:column}
.chat-header{display:grid;grid-template-columns:34px 42px 1fr 42px;gap:9px;align-items:center;padding:2px 0 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.chat-back,.chat-game-button{border:0;background:#15151f;color:#fff;border-radius:12px;cursor:pointer}.chat-back{width:34px;height:34px;color:#9a9cab}.chat-game-button{width:42px;height:42px;font-size:18px;background:linear-gradient(135deg,rgba(53,217,255,.12),rgba(74,105,255,.15));border:1px solid rgba(53,217,255,.13)}
.chat-avatar{width:42px;height:42px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f78,#4a69ff);font-size:18px}.chat-avatar img{width:100%;height:100%;object-fit:cover}
.chat-person{min-width:0;display:grid;gap:3px}.chat-person strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person small{font-size:8px;color:#747785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-game-tray{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:7px;align-items:center;margin:10px 0 0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#101018;animation:screenIn .2s ease}
.chat-game-tray>div{display:grid;gap:3px}.chat-game-tray strong{font-size:9px}.chat-game-tray small{font-size:7px;color:#717483}.chat-game-tray button{min-height:36px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#171721;color:#dfe0e7;font-size:8px;font-weight:850;cursor:pointer}
.chat-messages{flex:1;min-height:390px;max-height:58vh;overflow:auto;padding:16px 2px 10px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin}
.chat-intro{margin:auto;max-width:300px;text-align:center;display:grid;justify-items:center;gap:7px;padding:24px 20px;color:#868997}.chat-intro span{font-size:32px}.chat-intro strong{font-size:13px;color:#e8e8ed}.chat-intro small{font-size:9px;line-height:1.5}
.chat-bubble-row{display:flex}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble-row.theirs{justify-content:flex-start}
.chat-bubble{max-width:82%;padding:10px 12px;border-radius:16px 16px 16px 5px;background:#1a1a24;color:#ececf1;font-size:11px;line-height:1.45;word-break:break-word}
.chat-bubble-row.mine .chat-bubble{border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,#ff2f78,#d71661);color:#fff}
.chat-starters{display:flex;gap:7px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none}.chat-starters::-webkit-scrollbar{display:none}.chat-starters button{flex:0 0 auto;max-width:230px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#12121a;color:#a7a9b5;padding:8px 11px;font-size:8px;cursor:pointer;white-space:nowrap}
.chat-composer{display:grid;grid-template-columns:1fr 45px;gap:8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.chat-composer input{min-height:45px;border-radius:999px;padding:11px 15px}.chat-composer button{width:45px;height:45px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff2f78,#d50c5a);color:#fff;cursor:pointer;font-size:17px;box-shadow:0 10px 25px rgba(255,47,120,.18)}

@media(max-width:480px){
  .dating-photo{height:370px}.dating-stage{min-height:495px}.swipe-actions{gap:9px}
  .chat-screen{min-height:calc(100vh - 95px)}.chat-messages{max-height:none;min-height:330px}
  .chat-game-tray{grid-template-columns:repeat(3,1fr)}.chat-game-tray>div{grid-column:1/-1}.chat-game-tray button{font-size:7px;padding:5px}
}
@media(max-width:380px){
  .dating-photo{height:330px}.dating-stage{min-height:450px}.vr-plus-pill{display:none}.filter-row{grid-template-columns:1fr}
  .swipe-btn.rewind{display:none}.swipe-actions{gap:10px}.profile-photo-grid{gap:5px}
}

/* ===== STEP 3 · AUTH + PERSISTENCIA + SEGURIDAD ===== */
.auth-screen{padding-top:30px}.auth-heart{font-size:36px;color:#ff4c86}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#0d0d14;border:1px solid var(--line);border-radius:16px;margin:20px 0}.auth-tabs button{border:0;background:transparent;color:#777b8b;border-radius:12px;min-height:42px;font-weight:900;cursor:pointer}.auth-tabs button.active{background:#1c1c27;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:-7px 0 18px;background:#0e0e15;border:1px solid var(--line);border-radius:14px}.account-strip span{font-size:10px;color:#8e91a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-strip button{border:0;background:none;color:#ff7397;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.profile-select{width:100%;min-height:49px;border:1px solid rgba(255,255,255,.09);background:#0d0d14;color:#fff;border-radius:15px;padding:0 14px;outline:none}.profile-select:focus{border-color:rgba(255,47,120,.65);box-shadow:0 0 0 4px rgba(255,47,120,.08)}
.profile-preferences-card{display:grid;gap:13px;padding:15px;background:linear-gradient(145deg,rgba(74,105,255,.08),rgba(255,47,120,.05));border:1px solid rgba(255,255,255,.08);border-radius:19px}.profile-preferences-card>div:first-child{display:flex;flex-direction:column;gap:4px}.profile-preferences-card>div:first-child strong{font-size:14px}.profile-preferences-card label small{font-weight:500;color:#717482}.preference-age-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preference-age-row label{display:grid;gap:6px}.preference-age-row input{padding:12px 13px}.filter-note{grid-column:1/-1;color:#777b8b;font-size:9px;line-height:1.45;margin:0 0 4px}
.chat-more-button{width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:#15151f;color:#a5a8b6;font-weight:1000;cursor:pointer}.chat-safety-tray{display:grid;gap:7px;margin:-5px 0 10px;padding:9px;background:#0e0e15;border:1px solid var(--line);border-radius:14px}.chat-safety-tray button{border:0;background:#171720;color:#c5c7d0;min-height:40px;border-radius:11px;text-align:left;padding:0 12px;font-size:10px;font-weight:850;cursor:pointer}.chat-safety-tray button.danger{color:#ff7896;background:rgba(255,90,112,.07)}.safety-modal-card .field{text-align:left;margin:12px 0}.safety-modal-card .profile-textarea{min-height:105px}
.dating-card .dating-city::after{content:""}.match-row-copy small{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.auth-screen{padding-top:22px}.preference-age-row{grid-template-columns:1fr 1fr}.account-strip{margin-top:-4px}.chat-more-button{width:34px;height:34px}}

/* ==============================
   FASE 4 · CUENTA Y MODERACIÓN
   ============================== */
.auth-forgot{display:block;margin:11px auto 0;border:0;background:none;color:#9699aa;font-size:10px;font-weight:850;cursor:pointer}.auth-forgot:hover{color:#fff}
.account-strip-actions{display:flex;align-items:center;gap:7px}.account-strip-actions button{padding:0}.account-strip-actions .logout-link{color:#ff7397}.account-strip-actions button:first-child{color:#b8bbca}
.account-modal-card{width:min(92vw,460px)}.account-settings-card{max-height:min(82vh,720px);overflow:auto;text-align:left}.account-settings-card h3{margin:5px 0 16px}.account-email-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:15px;background:#0d0d14;border:1px solid var(--line)}.account-email-card div{min-width:0}.account-email-card small{display:block;color:#686b7a;font-size:8px;font-weight:900;letter-spacing:.13em}.account-email-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:4px}.security-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:1000;color:#ffc06e;background:rgba(255,174,69,.10);border:1px solid rgba(255,174,69,.15)}.security-badge.verified{color:#8ceab2;background:rgba(43,213,118,.09);border-color:rgba(43,213,118,.16)}.account-resend{margin:8px 0 2px}.settings-section{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--line);margin-top:12px}.settings-section>strong,.danger-zone>strong{font-size:12px}.setting-switch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:10px 11px;border-radius:13px;background:#0f0f16;border:1px solid rgba(255,255,255,.05);cursor:pointer}.setting-switch span{display:flex;flex-direction:column;gap:3px}.setting-switch b{font-size:10px}.setting-switch small{color:#727584;font-size:8px;line-height:1.4;font-weight:500}.setting-switch input{width:38px;height:22px;accent-color:var(--pink)}.danger-zone{display:grid;gap:8px;margin-top:9px;padding:14px;border-radius:15px;background:rgba(255,90,112,.055);border:1px solid rgba(255,90,112,.14)}.danger-zone p{margin:0;color:#858897;font-size:9px;line-height:1.5}.danger-zone .btn{width:100%}
.admin-screen{min-height:560px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.admin-stats div{padding:11px 6px;border-radius:13px;background:#0e0e15;border:1px solid var(--line);text-align:center}.admin-stats strong{display:block;font-size:16px}.admin-stats span{display:block;color:#6f7280;font-size:8px;margin-top:3px}.admin-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:12px 0}.admin-toolbar label{display:grid;gap:5px;color:#979aa9;font-size:9px;font-weight:900}.admin-toolbar .btn{min-height:42px;font-size:10px}.admin-report-list{display:grid;gap:10px}.admin-report-card{padding:13px;border-radius:16px;background:#0e0e15;border:1px solid var(--line)}.admin-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.admin-report-head div{min-width:0}.admin-report-head small{display:block;color:#717482;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.admin-report-head strong{display:block;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-report-head>span{font-size:8px;padding:5px 7px;border-radius:999px;background:#191924;color:#9a9dac}.admin-report-card p{font-size:10px;line-height:1.55;color:#c4c6cf;margin:11px 0}.admin-report-meta{font-size:8px;line-height:1.55;color:#747785}.admin-report-card textarea{width:100%;min-height:68px;margin-top:10px;border:1px solid var(--line);border-radius:11px;background:#0a0a10;color:#fff;padding:10px;resize:vertical;font:inherit;font-size:9px}.admin-report-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px;margin-top:8px}.admin-report-actions button{border:1px solid var(--line);border-radius:10px;background:#181821;color:#b8bac5;min-height:36px;font-size:8px;font-weight:900;cursor:pointer}.admin-report-actions button.danger{color:#ff7b97;background:rgba(255,90,112,.07);border-color:rgba(255,90,112,.13)}
@media(max-width:480px){.account-strip{align-items:flex-start}.account-strip-actions{flex-direction:column;align-items:flex-end;gap:4px}.account-settings-card{max-height:88vh}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-report-actions{grid-template-columns:1fr 1fr}.admin-report-actions .danger{grid-column:1/-1}.admin-toolbar{grid-template-columns:1fr}.admin-toolbar .btn{width:100%}}


/* Copyright */
.app-copyright{
  width:min(100%,520px);
  margin:12px auto 24px;
  padding:0 16px;
  text-align:center;
  color:#666978;
  font-size:8px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:480px){
  .app-copyright{margin:10px auto 18px;font-size:7px}
}


/* Fase 6 · proximidad y ubicación aproximada */
.location-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(74,105,255,.08),rgba(255,47,120,.05))}
.location-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.location-copy strong{font-size:12px}.location-copy small{color:#777b8b;font-size:9px;line-height:1.45;max-width:330px}.location-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto}.location-button{padding:10px 13px;white-space:nowrap;font-size:10px}.location-button:disabled{opacity:.55;cursor:wait}.filter-row-distance{align-items:end}.filter-distance-note{align-self:center;color:#777b8b;font-size:9px;line-height:1.4;padding:0 4px}.filter-row select{width:100%;padding:10px 11px;border-radius:11px;font-size:11px}
@media(max-width:560px){.location-card{align-items:flex-start;flex-direction:column}.location-actions{width:100%;align-items:stretch}.location-button{width:100%}.filter-row-distance{grid-template-columns:1fr}.filter-distance-note{padding:0}}


/* --- Fase 7 · Centro de moderación --- */
.admin-stats-six{grid-template-columns:repeat(3,1fr)}
.admin-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
.admin-tabs button{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#101018;color:#858895;font-size:9px;font-weight:900;cursor:pointer}
.admin-tabs button.active{color:#fff;border-color:rgba(255,74,137,.35);background:linear-gradient(135deg,rgba(255,50,120,.14),rgba(83,76,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.admin-pane{display:grid;gap:10px}
.admin-toolbar-reports{grid-template-columns:.85fr 1fr 1.25fr auto}
.admin-toolbar-users{grid-template-columns:1.6fr .8fr auto}
.admin-toolbar .profile-input{min-height:42px}
.admin-report-head>span.open{color:#ff92b1;background:rgba(255,65,121,.1)}
.admin-report-meta b{color:#b5b8c5}
.admin-existing-note{margin-top:9px;padding:8px 9px;border-radius:10px;background:rgba(86,98,255,.07);border:1px solid rgba(100,110,255,.12);font-size:8px;line-height:1.5;color:#9fa4bd}
.admin-no-evidence{margin-top:9px;padding:9px;border-radius:10px;border:1px dashed #272733;color:#737684;font-size:8px}
.admin-evidence{margin-top:10px;padding:9px;border:1px solid #262631;border-radius:12px;background:#0a0a10;display:grid;gap:7px}
.admin-evidence-title{display:flex;justify-content:space-between;gap:8px;align-items:center}
.admin-evidence-title strong{font-size:9px}.admin-evidence-title small{font-size:7px;color:#666978}
.admin-evidence-message{padding:8px;border-radius:10px;background:#111119;border:1px solid #20202a}
.admin-evidence-message>div{display:flex;justify-content:space-between;gap:8px}.admin-evidence-message b{font-size:8px;color:#d5d7df}.admin-evidence-message small{font-size:7px;color:#666978}
.admin-evidence-message p{margin:6px 0;font-size:9px;color:#b9bcc7;line-height:1.45;white-space:pre-wrap}
.admin-evidence-message button{border:0;background:transparent;color:#ff7d99;font-size:7px;font-weight:900;padding:0;cursor:pointer}
.admin-report-actions{grid-template-columns:repeat(4,1fr)}
.admin-report-actions button.success{color:#77dfaf;background:rgba(67,205,147,.07);border-color:rgba(67,205,147,.16)}
.admin-user-list{display:grid;gap:9px}
.admin-user-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:15px;background:#0e0e15}
.admin-user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#181821;font-size:18px;border:1px solid #292936}
.admin-user-avatar img{width:100%;height:100%;object-fit:cover}
.admin-user-copy{min-width:0}.admin-user-title{display:flex;align-items:center;gap:7px}
.admin-user-title strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-title span{font-size:7px;padding:3px 6px;border-radius:999px;background:#171720;color:#888b98}
.admin-user-title span.suspended{color:#ff829d;background:rgba(255,73,113,.08)}
.admin-user-title span.active{color:#72d9a8;background:rgba(66,204,142,.08)}
.admin-user-copy>small{display:block;color:#777a88;font-size:8px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.admin-user-copy>p{margin:5px 0 0;color:#9699a7;font-size:8px}
.admin-user-metrics{display:flex;gap:8px;margin-top:5px}.admin-user-metrics span{font-size:7px;color:#717482}
.admin-user-card>.btn{min-height:34px;padding:0 10px;font-size:8px}
.admin-history-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0}
.admin-history-head strong{display:block;font-size:11px}.admin-history-head small{display:block;font-size:8px;color:#777a88;margin-top:2px}
.admin-history-head .btn{min-height:36px;font-size:8px}
.admin-history-list{display:grid;gap:8px}
.admin-history-item{padding:11px;border:1px solid var(--line);border-radius:13px;background:#0e0e15}
.admin-history-item>div{display:flex;justify-content:space-between;gap:8px}.admin-history-item strong{font-size:10px}.admin-history-item small{font-size:7px;color:#6f7280}
.admin-history-item p{margin:7px 0 3px;font-size:8px;color:#a7aab6}.admin-history-item>span{font-size:7px;color:#626574}
.admin-user-modal-card{max-width:540px;max-height:90vh;overflow:auto}
.admin-user-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-top:8px}
.admin-user-detail-head h3{margin:7px 0 3px;font-size:17px}.admin-user-detail-head p{margin:0;color:#858896;font-size:9px}.admin-user-detail-head>small{text-align:right;color:#727584;font-size:7px;line-height:1.5}.admin-user-detail-head>small b{color:#aaaeba}
.admin-user-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.admin-user-detail-grid div{padding:9px 5px;border:1px solid var(--line);border-radius:11px;background:#0b0b11;text-align:center}
.admin-user-detail-grid strong{display:block;font-size:13px}.admin-user-detail-grid span{display:block;font-size:6.5px;color:#6f7280;margin-top:2px}
.admin-user-profile-preview{padding:11px;border-radius:13px;background:#0d0d14;border:1px solid var(--line)}
.admin-user-profile-preview>b{display:block;font-size:10px}.admin-user-profile-preview>span{display:block;color:#777a88;font-size:7px;margin-top:3px}.admin-user-profile-preview p{margin:9px 0 4px;color:#b5b7c2;font-size:9px;line-height:1.5}.admin-user-profile-preview small{color:#737684;font-size:7px}
.admin-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.admin-photo-strip img{width:100%;aspect-ratio:1/1;border-radius:9px;object-fit:cover;background:#111}
.admin-user-mini-history{margin-top:10px;display:grid;gap:5px}.admin-user-mini-history>strong{font-size:9px}.admin-user-mini-history>small{font-size:8px;color:#707381}
.admin-user-mini-history>div{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;background:#0c0c12;border:1px solid #20202a;border-radius:9px}
.admin-user-mini-history span{font-size:8px;color:#a8abb6}.admin-user-mini-history small{font-size:7px;color:#6f7280}
.admin-note-field{margin-top:12px}.admin-user-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}.admin-user-actions .btn{font-size:8px;min-height:38px}
.admin-user-actions .danger{color:#ff7f99;border-color:rgba(255,78,117,.18);background:rgba(255,78,117,.06)}
.admin-user-actions .success{color:#73dca9;border-color:rgba(66,205,145,.18);background:rgba(66,205,145,.06)}
.admin-user-actions .danger-soft{color:#ff9ab0}
@media(max-width:620px){
  .admin-toolbar-reports,.admin-toolbar-users{grid-template-columns:1fr 1fr}
  .admin-toolbar-reports .btn,.admin-toolbar-users .btn{grid-column:1/-1}
  .admin-report-actions{grid-template-columns:1fr 1fr}
  .admin-user-detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .admin-stats-six{grid-template-columns:repeat(2,1fr)}
  .admin-tabs{grid-template-columns:1fr}
  .admin-toolbar-reports,.admin-toolbar-users{grid-template-columns:1fr}
  .admin-user-card{grid-template-columns:auto 1fr}.admin-user-card>.btn{grid-column:1/-1;width:100%}
  .admin-report-actions{grid-template-columns:1fr 1fr}
  .admin-user-actions{grid-template-columns:1fr}
}

/* ===== FASE 8 · V/R+ ===== */
.vr-plus-pill.is-active{background:linear-gradient(135deg,#f42972,#7c4dff);border-color:rgba(255,255,255,.18);box-shadow:0 0 24px rgba(244,41,114,.26);color:#fff}
.swipe-btn.plus-locked{opacity:.58;filter:saturate(.65)}
.plus-screen{max-width:620px}
.plus-screen .screen-topbar{margin-bottom:10px}.plus-status-badge{font-size:7px;font-weight:900;letter-spacing:.14em;padding:7px 10px;border:1px solid #2b2b35;border-radius:999px;color:#8c8f9c;background:#101017}.plus-status-badge.active{color:#8ff4bd;border-color:rgba(82,224,157,.22);background:rgba(53,190,132,.09)}
.plus-hero{padding:18px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 90% 0%,rgba(132,72,255,.18),transparent 34%),radial-gradient(circle at 0% 0%,rgba(244,41,114,.16),transparent 30%),#101018}
.plus-kicker{font-size:7px;font-weight:900;letter-spacing:.18em;color:#ff70a2}.plus-hero h2{font-size:24px;line-height:1.08;margin:8px 0}.plus-hero>p{color:#9497a4;font-size:9px;line-height:1.6;margin:0;max-width:470px}
.plus-membership-card{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(7,7,12,.62)}.plus-membership-card small{display:block;font-size:6px;letter-spacing:.16em;color:#6e7180}.plus-membership-card strong{display:block;font-size:15px;margin:4px 0}.plus-membership-card span{display:block;font-size:8px;color:#858896}.plus-plan-icon{min-width:64px;height:42px;padding:0 12px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:1000;color:#8c8f9c;border:1px solid #292934;background:#12121a}.plus-plan-icon.active{color:#fff;background:linear-gradient(135deg,#f42972,#674cff);border-color:transparent;box-shadow:0 10px 28px rgba(244,41,114,.22)}
.plus-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.plus-feature-grid article{min-height:112px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#0e0e15}.plus-feature-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(244,41,114,.1);font-size:14px}.plus-feature-grid strong{display:block;font-size:10px;margin-top:9px}.plus-feature-grid p{font-size:8px;line-height:1.5;color:#7d808e;margin:5px 0 0}
.plus-boost-card,.plus-production-note{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0d0d14}.plus-boost-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.plus-boost-card h3{font-size:13px;margin:4px 0}.plus-boost-card p,.plus-production-note p{font-size:8px;line-height:1.55;color:#7e818e;margin:4px 0}.plus-boost-card .btn{width:auto;min-width:130px}.plus-production-note strong{font-size:11px}.plus-production-note .btn{margin-top:9px;width:100%}
.plus-filter-block{margin-top:9px;padding:11px;border:1px solid rgba(244,41,114,.16);border-radius:14px;background:linear-gradient(135deg,rgba(244,41,114,.045),rgba(105,74,255,.04))}.plus-filter-block.locked{opacity:.66}.plus-filter-title{display:flex;align-items:center;gap:7px;margin-bottom:9px}.plus-filter-title>span{padding:4px 6px;border-radius:7px;background:linear-gradient(135deg,#f42972,#7550ff);font-size:6px;font-weight:900}.plus-filter-title strong{font-size:9px;flex:1}.plus-filter-title button{border:0;background:none;color:#ff6f9e;font-size:7px;cursor:pointer}.plus-filter-block>small{display:block;margin-top:7px;color:#767987;font-size:7px}.setting-switch.compact{margin:0 0 8px;padding:8px 9px;min-height:0}.setting-switch.compact b{font-size:8px}.setting-switch.compact small{font-size:6.5px}
.dating-premium-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.dating-premium-meta span{font-size:6.5px;font-weight:800;padding:4px 6px;border-radius:999px;background:rgba(17,17,25,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.dating-premium-meta span.boosted{color:#ffd487;border-color:rgba(255,200,102,.3);background:rgba(119,77,11,.3)}
.plus-admin-chip{color:#fff!important;background:linear-gradient(135deg,#f42972,#7550ff)!important;border-color:transparent!important}
@media(max-width:520px){.plus-feature-grid{grid-template-columns:1fr 1fr}.plus-boost-card{align-items:stretch;flex-direction:column}.plus-boost-card .btn{width:100%}.plus-hero h2{font-size:21px}}
@media(max-width:390px){.plus-feature-grid{grid-template-columns:1fr}}


/* =========================================================
   FASE 9 · NOTIFICACIONES
   ========================================================= */
.brand-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.notification-bell{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;font-size:17px;cursor:pointer;transition:.2s ease}
.notification-bell:hover{transform:translateY(-1px);border-color:rgba(255,45,119,.35);background:rgba(255,45,119,.09)}
.notification-count{position:absolute;top:-6px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff246f;color:#fff;border:2px solid #0b0a10;font:800 10px/15px system-ui;text-align:center;box-shadow:0 5px 15px rgba(255,36,111,.35)}
.notification-modal-card{width:min(560px,calc(100vw - 28px));max-height:min(86vh,760px);overflow:auto;padding:24px}
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:34px}
.notification-head h3{margin:5px 0 4px;font-size:28px}.notification-head p{margin:0;color:var(--muted,#9994a6);font-size:13px;line-height:1.45}
.notification-browser-card{margin:20px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,rgba(255,36,111,.08),rgba(101,79,255,.05))}
.notification-browser-card div{display:flex;flex-direction:column;gap:4px}.notification-browser-card strong{font-size:14px}.notification-browser-card small{color:#9c98aa;font-size:11px;line-height:1.4;max-width:320px}
.notification-settings{display:grid;gap:9px;padding:16px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.notification-settings>strong{font-size:13px;margin-bottom:2px}.notification-settings .setting-switch{margin:0}
.notification-list-head{display:flex;justify-content:space-between;align-items:center;padding:18px 2px 10px}.notification-list-head strong{font-size:13px}.notification-list-head span{font-size:11px;color:#918c9d}
.notification-list{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:2px}
.notification-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);padding:11px 12px;color:#fff;cursor:pointer}
.notification-row:hover{background:rgba(255,255,255,.045)}.notification-row.unread{border-color:rgba(255,36,111,.27);background:rgba(255,36,111,.055)}
.notification-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#23101d;font-size:18px}
.notification-row-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.notification-row-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-row-copy small{color:#aaa5b5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-row-time{font-size:10px;color:#817c8e;white-space:nowrap}.notification-row.unread .notification-row-copy strong:after{content:' ';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff246f;margin-left:7px;vertical-align:middle}
@media(max-width:600px){.brand-actions{gap:6px}.notification-bell{width:34px;height:34px;border-radius:11px}.notification-modal-card{padding:20px 16px}.notification-head{display:block}.notification-head .mini-link{margin-top:9px}.notification-browser-card{align-items:flex-start;flex-direction:column}.notification-browser-card .btn{width:100%}.notification-row{grid-template-columns:38px minmax(0,1fr)}.notification-row-time{grid-column:2}.notification-list{max-height:38vh}}


/* =========================================================
   FASE 10 · PWA INSTALABLE
   ========================================================= */
.brand-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.brand-actions .connection-badge{margin-left:0}
.pwa-install-chip{height:38px;padding:0 11px;border:1px solid rgba(255,47,120,.24);border-radius:13px;background:rgba(255,47,120,.08);color:#ffd4e4;font-size:9px;font-weight:950;letter-spacing:.02em;cursor:pointer;transition:.2s ease;white-space:nowrap}.pwa-install-chip:hover{transform:translateY(-1px);background:rgba(255,47,120,.14);border-color:rgba(255,47,120,.4)}
.pwa-install-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:11px;border-radius:15px;background:#0f0f16;border:1px solid rgba(255,255,255,.06)}.pwa-install-card>div:not(.pwa-install-icon){display:flex;flex-direction:column;gap:4px}.pwa-install-card b{font-size:10px}.pwa-install-card small{font-size:8px;line-height:1.45;color:#777a89}.pwa-install-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,47,120,.20),rgba(74,105,255,.18));border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:1000;letter-spacing:-1px}.pwa-installed .pwa-install-icon{border-color:rgba(43,213,118,.22);box-shadow:inset 0 0 0 1px rgba(43,213,118,.05)}
.pwa-install-modal-card{text-align:left}.pwa-install-modal-card h3{margin:5px 0 9px}.pwa-install-modal-card>p{color:#9698a8;font-size:10px;line-height:1.55}.pwa-install-steps{display:grid;gap:9px;margin:17px 0}.pwa-install-steps>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border-radius:13px;background:#0f0f16;border:1px solid rgba(255,255,255,.06)}.pwa-install-steps b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,47,120,.10);color:#ff8bb4;font-size:10px}.pwa-install-steps span{font-size:9px;color:#a2a4b1;line-height:1.45}
@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-shell{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.pwa-install-chip{display:none!important}}
@media(max-width:480px){.pwa-install-chip{width:34px;padding:0;font-size:14px}.pwa-install-chip span{display:none}.brand-actions{gap:5px}}


/* =========================================================
   FASE 11 · PREPRODUCCIÓN
   ========================================================= */
.register-legal-box{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.legal-check{display:flex;align-items:flex-start;gap:11px;cursor:pointer;padding:7px 4px}
.legal-check input{width:19px;height:19px;margin-top:2px;accent-color:#ff2678;flex:0 0 auto}
.legal-check span{display:grid;gap:3px}.legal-check b{font-size:.88rem}.legal-check small{color:var(--muted);line-height:1.45}.legal-check a,.legal-note a{color:#ff6da4;text-decoration:none}.legal-check a:hover,.legal-note a:hover{text-decoration:underline}
.onboarding-modal-card{max-width:660px}.onboarding-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,38,120,.13);color:#ff6da4;font-weight:800;font-size:.68rem;letter-spacing:.13em}.onboarding-lead{color:var(--muted);line-height:1.55}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.onboarding-grid article{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);display:grid;gap:6px}.onboarding-grid article>span{font-size:1.55rem}.onboarding-grid strong{font-size:.92rem}.onboarding-grid small{color:var(--muted);line-height:1.45}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.onboarding-actions .btn{min-width:150px}
.account-legal-copy{color:var(--muted);font-size:.79rem;line-height:1.5;margin:8px 0 12px}.account-legal-links{display:flex;flex-wrap:wrap;gap:8px}.account-legal-links a{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:.78rem;background:rgba(255,255,255,.025)}
.app-copyright{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px}.app-copyright nav{display:flex;gap:12px}.app-copyright a{color:inherit;opacity:.72;text-decoration:none}.app-copyright a:hover{opacity:1}
.production-readiness{display:grid;gap:14px}.production-hero{display:flex;align-items:center;gap:13px;padding:17px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.production-hero>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:1.25rem;background:rgba(255,190,64,.12)}.production-hero.ready>span{background:rgba(35,209,139,.12);color:#45e0a2}.production-hero div{display:grid;gap:3px}.production-hero small{color:var(--muted)}
.production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.production-grid>div{position:relative;display:grid;gap:3px;padding:14px 14px 14px 37px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.02)}.production-grid small{color:var(--muted);font-size:.73rem}.production-dot{position:absolute;left:14px;top:18px;width:10px;height:10px;border-radius:50%;background:#ffba40;box-shadow:0 0 0 4px rgba(255,186,64,.08)}.production-dot.ok{background:#2bd28f;box-shadow:0 0 0 4px rgba(43,210,143,.08)}.production-pending{padding:16px;border-radius:16px;background:rgba(255,38,120,.05);border:1px solid rgba(255,38,120,.12)}.production-pending ul{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:.82rem;line-height:1.6}
@media(max-width:640px){.onboarding-grid,.production-grid{grid-template-columns:1fr}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions .btn{width:100%}.admin-tabs{grid-template-columns:1fr 1fr!important}}
.admin-tabs{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.admin-tabs{grid-template-columns:1fr 1fr}}


/* =========================================================
   FASE 12 · OBSERVABILIDAD Y FEEDBACK BETA
   ========================================================= */
.feedback-modal-card>p{color:var(--muted);font-size:.82rem;line-height:1.55}.feedback-modal-card textarea{min-height:150px}.feedback-modal-card .field>small{display:block;text-align:right;color:var(--muted);font-size:.7rem;margin-top:5px}
.admin-metrics{display:grid;gap:14px}.metrics-toolbar{display:flex;align-items:center;gap:8px}.metrics-toolbar select{min-width:130px}
.metrics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.metrics-summary article{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);display:grid;gap:2px}.metrics-summary article>strong{font-size:1.35rem}.metrics-summary article>span{font-weight:800;font-size:.78rem}.metrics-summary article>small{color:var(--muted);font-size:.67rem}
.metrics-section{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.018);display:grid;gap:14px}.metrics-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metrics-section-head>div{display:grid;gap:3px}.metrics-section-head strong{font-size:.9rem}.metrics-section-head small,.metrics-section-head>span{color:var(--muted);font-size:.7rem}
.funnel-grid{display:grid;gap:10px}.funnel-grid>div{display:grid;gap:5px}.funnel-grid>div>div{display:flex;justify-content:space-between;gap:10px;font-size:.74rem}.funnel-grid>div>div span{color:var(--muted)}.funnel-grid i{height:8px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.funnel-grid em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff2c78,#7652ff);min-width:2px}
.daily-chart{display:grid;gap:6px}.daily-row{display:grid;grid-template-columns:44px repeat(3,1fr);gap:6px;align-items:center}.daily-row>small{color:var(--muted);font-size:.63rem}.daily-row>div{height:8px;background:rgba(255,255,255,.04);border-radius:999px;overflow:hidden}.daily-row i{height:100%;display:block;border-radius:inherit;min-width:2px}.daily-row i.reg,.chart-legend i.reg{background:#ff2c78}.daily-row i.match,.chart-legend i.match{background:#7652ff}.daily-row i.msg,.chart-legend i.msg{background:#20c997}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.67rem}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:50%}
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.system-grid>div{padding:12px;border-radius:13px;background:#0e0e15;border:1px solid rgba(255,255,255,.055);display:grid;gap:2px}.system-grid b{font-size:.9rem}.system-grid span{color:var(--muted);font-size:.65rem}
.error-list{display:grid;gap:8px}.error-list article{padding:11px 12px;border-radius:13px;background:#0e0e15;border:1px solid rgba(255,255,255,.055)}.error-list article>div{display:flex;justify-content:space-between;gap:12px}.error-list strong{font-size:.75rem}.error-list small,.error-list p{color:var(--muted);font-size:.65rem}.error-list p{margin:5px 0 0;line-height:1.4}.empty-state.compact{min-height:90px}
.admin-feedback-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.admin-feedback-list{display:grid;gap:10px}.admin-feedback-card{padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.022);display:grid;gap:10px}.admin-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-feedback-head>div{display:grid;gap:3px}.admin-feedback-head span{color:#ff78aa;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.admin-feedback-head strong{font-size:.83rem}.admin-feedback-head small{color:var(--muted);font-size:.65rem}.admin-feedback-card>p{margin:0;color:#d7d3dd;font-size:.78rem;line-height:1.55;white-space:pre-wrap}.admin-feedback-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.65rem}.admin-feedback-meta b{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05);font-size:.6rem;text-transform:uppercase}.admin-feedback-meta b.open{background:rgba(255,190,64,.12);color:#ffcb72}.admin-feedback-card textarea{min-height:68px}.admin-feedback-actions{display:flex;justify-content:flex-end;gap:7px}.admin-feedback-actions button{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#171720;color:#fff;cursor:pointer;font-size:.7rem}.admin-feedback-actions button.success{background:rgba(35,209,139,.12);border-color:rgba(35,209,139,.22);color:#74e7b8}
.admin-tabs{grid-template-columns:repeat(6,1fr)}
@media(max-width:820px){.metrics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.metrics-toolbar{width:100%;align-items:stretch;flex-direction:column}.metrics-toolbar select,.metrics-toolbar button{width:100%}.metrics-summary,.system-grid{grid-template-columns:1fr 1fr}.admin-feedback-toolbar{grid-template-columns:1fr}.daily-row{grid-template-columns:38px repeat(3,1fr)}.admin-tabs{grid-template-columns:1fr 1fr}}


/* Fase 13 · Control de cuenta, sesiones y portabilidad */
.account-control-section .account-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.account-control-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:16px;padding:14px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:.18s ease}
.account-control-card:hover{transform:translateY(-1px);border-color:rgba(255,45,117,.36);background:rgba(255,45,117,.06)}
.account-control-card span{font-size:20px}.account-control-card b{font-size:13px}.account-control-card small{font-size:10px;line-height:1.45;color:var(--muted,#8e8c9b)}
.account-control-modal-card{max-width:580px}.account-control-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.account-control-tabs button{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:inherit;border-radius:14px;padding:11px;font-weight:800;cursor:pointer}
.account-control-tabs button.active{border-color:rgba(255,45,117,.45);background:rgba(255,45,117,.12);color:#fff}
.account-control-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:8px 0 12px}.account-control-panel-head>div{display:flex;flex-direction:column;gap:4px}.account-control-panel-head small{color:var(--muted,#8e8c9b);font-size:10px;line-height:1.45}
.account-security-list{display:flex;flex-direction:column;gap:8px;max-height:390px;overflow:auto;padding-right:2px}.account-security-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.022)}
.account-security-icon{width:34px;height:34px;border-radius:12px;background:rgba(255,45,117,.1);display:grid;place-items:center;color:#ff2d75;font-weight:900}.account-security-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.account-security-main strong{font-size:12px}.account-security-main small{font-size:9px;color:var(--muted,#8e8c9b);line-height:1.4}
.account-block-avatar{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden;font-size:18px}.account-block-avatar img{width:100%;height:100%;object-fit:cover}
.mini-danger{border:1px solid rgba(255,83,112,.25);background:rgba(255,83,112,.08);color:#ff8198;border-radius:11px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.mini-danger:hover{background:rgba(255,83,112,.15)}
@media(max-width:560px){.account-control-section .account-control-grid{grid-template-columns:1fr}.account-control-panel-head{flex-direction:column}.account-security-row{align-items:flex-start}.mini-danger{margin-left:auto}}


/* Fase 14 · Resiliencia, mantenimiento y backup manual */
.admin-system{display:grid;gap:12px}.system-health-hero{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.025)}.system-health-hero>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:1.1rem;font-weight:950;background:rgba(255,190,64,.12);color:#ffc968}.system-health-hero.ok>span{background:rgba(35,209,139,.12);color:#63e5ad}.system-health-hero>div{display:grid;gap:3px}.system-health-hero small{color:var(--muted);font-size:.68rem}
.system-maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.system-maintenance-grid>div{display:grid;gap:3px;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#0e0e15}.system-maintenance-grid b{font-size:.92rem}.system-maintenance-grid span{font-size:.66rem;color:#d7d4dc}.system-maintenance-grid small{font-size:.6rem;color:var(--muted)}
.system-maintenance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.system-maintenance-actions button{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#15151d;color:#ece9f0;font-size:.69rem;font-weight:800;cursor:pointer}.system-maintenance-actions button:hover{border-color:rgba(255,45,117,.32);background:rgba(255,45,117,.07)}
.system-maintenance-note{display:grid;gap:4px;padding:12px 14px;border-radius:13px;border:1px solid rgba(35,209,139,.12);background:rgba(35,209,139,.045)}.system-maintenance-note.attention{border-color:rgba(255,190,64,.16);background:rgba(255,190,64,.05)}.system-maintenance-note strong{font-size:.73rem}.system-maintenance-note small{color:var(--muted);font-size:.63rem;line-height:1.5}
.admin-backup-card{margin-top:12px;padding:15px;border-radius:17px;border:1px solid rgba(118,82,255,.18);background:linear-gradient(135deg,rgba(118,82,255,.07),rgba(255,45,117,.035));display:grid;gap:13px}.admin-backup-card>div:first-child{display:flex;gap:11px;align-items:flex-start}.admin-backup-card>div:first-child>span{font-size:1.25rem}.admin-backup-card>div:first-child>div{display:grid;gap:4px}.admin-backup-card small{color:var(--muted);font-size:.65rem;line-height:1.5}.admin-backup-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-backup-actions input{min-width:0;border:1px solid rgba(255,255,255,.08);background:#0d0d14;color:#fff;border-radius:12px;padding:11px 12px;outline:none}.admin-backup-actions input:focus{border-color:rgba(118,82,255,.48)}.admin-backup-actions .btn{width:auto;white-space:nowrap}
.admin-tabs{grid-template-columns:repeat(7,1fr)}
@media(max-width:900px){.admin-tabs{grid-template-columns:repeat(4,1fr)}.system-maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-tabs{grid-template-columns:1fr 1fr}.system-maintenance-grid,.system-maintenance-actions{grid-template-columns:1fr}.admin-backup-actions{grid-template-columns:1fr}.admin-backup-actions .btn{width:100%}}


/* Fase 15 · lanzamiento comercial y billing */
.plus-billing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.plus-billing-actions .btn{flex:1;min-width:180px}.plus-billing-meta{display:block;margin-top:10px;color:var(--muted,#9a97aa);font-size:.78rem}.production-grid>div strong{line-height:1.18}.production-pending ul{margin-bottom:0}


/* =========================================================
   V/R MATCH · FASE 16 · lanzamiento gratis + páginas públicas
   ========================================================= */
.launch-free-card{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:0 0 18px;padding:14px;border:1px solid rgba(43,213,118,.22);border-radius:17px;background:linear-gradient(135deg,rgba(43,213,118,.09),rgba(74,105,255,.07))}.launch-free-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#151a1a;font-size:19px}.launch-free-card strong{display:block;font-size:11px;color:#e9fff1;margin-bottom:4px}.launch-free-card p{margin:0;color:#8f9b96;font-size:9px;line-height:1.45}.launch-free-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.launch-free-links a{color:#73e6a0;font-size:9px;font-weight:900;text-decoration:none}.launch-free-links a:hover{text-decoration:underline}
.info-page{min-height:100vh}.info-shell{position:relative;z-index:1;width:min(1080px,calc(100% - 32px));margin:auto;padding:20px 0 64px}.info-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 18px}.info-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.info-brand .brand-mark{font-size:25px}.info-brand-copy{display:grid}.info-brand-copy strong{font-size:12px;letter-spacing:.17em}.info-brand-copy small{font-size:8px;color:#737687;letter-spacing:.12em}.info-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.info-nav a{font-size:10px;font-weight:900;color:#9295a5;text-decoration:none}.info-nav a:hover{color:#fff}.info-nav .info-cta{padding:9px 13px;border-radius:12px;color:#fff;background:#20202a;border:1px solid var(--line)}
.info-launch-banner{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px 17px;margin:6px 0 22px;border-radius:18px;border:1px solid rgba(43,213,118,.22);background:linear-gradient(135deg,rgba(43,213,118,.09),rgba(74,105,255,.07))}.info-launch-banner span{font-size:20px}.info-launch-banner strong{display:block;font-size:12px;margin-bottom:4px}.info-launch-banner p{margin:0;color:#969aa8;font-size:10px;line-height:1.5}
.info-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:stretch;margin:22px 0}.info-hero-main,.info-panel,.info-card{background:linear-gradient(180deg,rgba(22,22,32,.92),rgba(11,11,17,.94));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px}.info-hero-main{padding:clamp(28px,5vw,56px)}.info-hero-main h1{font-size:clamp(42px,7vw,74px);max-width:760px;text-align:left;margin:10px 0 18px}.info-lead{font-size:clamp(14px,2vw,18px);line-height:1.6;color:#a1a4b2;max-width:700px}.info-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.info-actions .btn{min-height:44px}.info-panel{padding:26px;display:flex;flex-direction:column;justify-content:center}.info-panel .info-big{font-size:32px;font-weight:1000;letter-spacing:-.04em;margin:7px 0 10px}.info-panel p{color:#9295a4;font-size:11px;line-height:1.55}.info-check{display:flex;gap:9px;padding:10px 0;border-top:1px solid var(--line);font-size:10px;color:#cdd0da}.info-check:first-of-type{border-top:0}.info-check i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:4px;flex:0 0 auto}
.info-section{padding:38px 0}.info-section-head{max-width:760px;margin-bottom:20px}.info-section-head h2{font-size:clamp(28px,4vw,42px);margin:7px 0 10px}.info-section-head p{color:#9699a8;line-height:1.6;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-grid.two{grid-template-columns:repeat(2,1fr)}.info-card{padding:22px;box-shadow:none}.info-card-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin-bottom:14px;background:linear-gradient(135deg,rgba(255,47,120,.2),rgba(74,105,255,.18));font-size:12px;font-weight:1000}.info-card h3{font-size:17px;margin-bottom:7px}.info-card p,.info-card li{font-size:10px;line-height:1.55;color:#9295a4}.info-card ul{padding-left:18px;margin:10px 0 0}.info-chip-row{display:flex;gap:8px;flex-wrap:wrap}.info-chip{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#11111a;color:#c5c7d1;font-size:9px;font-weight:900}.info-plan{position:relative}.info-plan .info-plan-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(43,213,118,.1);color:#79eaa5;font-size:8px;font-weight:1000;letter-spacing:.08em}.info-plan.featured{border-color:rgba(43,213,118,.24)}.info-note{padding:15px 16px;border-radius:16px;border:1px solid rgba(255,201,71,.2);background:rgba(255,201,71,.06);color:#d8c88c;font-size:10px;line-height:1.55}.info-faq{display:grid;gap:10px}.info-faq details{background:#101018;border:1px solid var(--line);border-radius:16px;padding:15px 17px}.info-faq summary{cursor:pointer;font-size:11px;font-weight:900}.info-faq p{margin:9px 0 0;color:#8d909f;font-size:10px;line-height:1.55}.info-footer{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#747786;font-size:9px}.info-footer a{color:#a5a8b6;text-decoration:none;margin-left:10px}.info-footer a:hover{color:#fff}
@media(max-width:820px){.info-hero{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.info-header{align-items:flex-start}.info-nav{justify-content:flex-end}}@media(max-width:560px){.info-shell{width:min(100% - 20px,1080px);padding-top:10px}.info-nav a:not(.info-cta){display:none}.info-grid,.info-grid.two{grid-template-columns:1fr}.info-hero-main{padding:26px 20px}.info-hero-main h1{font-size:40px}.info-panel{padding:21px}.info-footer{display:grid}.info-footer a{margin:0 10px 0 0}}

.help-chip{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#c8cad5;background:#161620;border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:1000;flex:0 0 auto}.help-chip:hover{color:#fff;border-color:rgba(255,255,255,.18)}

/* Fase 17 · Control de monetización desde Admin */
.admin-monetization{display:grid;gap:14px}.monetization-hero{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(255,255,255,.025)}.monetization-hero>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:1.35rem;background:rgba(35,209,139,.1)}.monetization-hero.paid>span{background:rgba(255,74,137,.12)}.monetization-hero.warn>span{background:rgba(255,190,64,.12)}.monetization-hero>div{display:grid;gap:3px}.monetization-hero>div>small{font-size:.62rem;letter-spacing:.09em;color:var(--muted);font-weight:900}.monetization-hero>div>strong{font-size:1rem}.monetization-hero p{margin:2px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
.monetization-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.monetization-status-grid>div{display:grid;gap:4px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.02)}.monetization-status-grid span{font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:900}.monetization-status-grid strong{font-size:.88rem}.monetization-status-grid small{font-size:.67rem;color:var(--muted)}
.monetization-warning{padding:14px 15px;border:1px solid rgba(255,190,64,.2);border-radius:15px;background:rgba(255,190,64,.06)}.monetization-warning.danger{border-color:rgba(255,74,137,.22);background:rgba(255,74,137,.06)}.monetization-warning strong{font-size:.82rem}.monetization-warning p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.monetization-control-card{display:grid;gap:12px;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0d0d14}.monetization-control-card>div p{margin:4px 0 0;color:var(--muted);font-size:.73rem;line-height:1.5}.monetization-control-card label{display:grid;gap:6px;font-size:.68rem;font-weight:850;color:#bbb9c7}.monetization-control-card .btn{width:100%}.monetization-control-card .btn:disabled{opacity:.45;cursor:not-allowed}.monetization-safety{display:block;text-align:center;color:var(--muted);font-size:.65rem;line-height:1.45}
.admin-tabs{grid-template-columns:repeat(8,1fr)}
@media(max-width:900px){.admin-tabs{grid-template-columns:repeat(4,1fr)}.monetization-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-tabs{grid-template-columns:1fr 1fr}.monetization-status-grid{grid-template-columns:1fr}}
.monetization-legal-check{grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;padding:12px;border:1px solid rgba(255,190,64,.18);border-radius:13px;background:rgba(255,190,64,.05);font-weight:700!important;line-height:1.45}.monetization-legal-check input{margin-top:2px;accent-color:#ff4a89}.monetization-legal-check span{font-size:.68rem;color:#c8c3cc}