:root {
  --bg: #070912;
  --bg-soft: #0d1020;
  --card: rgba(17, 20, 37, .82);
  --card-solid: #121526;
  --text: #f8f8fc;
  --muted: #a8adc3;
  --line: rgba(255,255,255,.09);
  --violet: #8b5cf6;
  --violet-light: #b498ff;
  --cyan: #28d8ff;
  --gold: #f5ba38;
  --green: #3fe29a;
  --danger: #ff7085;
  --radius: 24px;
  --shadow: 0 28px 80px rgba(0,0,0,.38);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, system-ui, sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.ambient { position: fixed; width: 560px; height: 560px; filter: blur(110px); border-radius: 50%; opacity: .16; pointer-events: none; z-index: -1; }
.ambient-one { background: var(--violet); right: -230px; top: 50px; }
.ambient-two { background: var(--cyan); left: -300px; top: 700px; opacity: .08; }
.site-header {
  width: min(1180px, calc(100% - 40px));
  height: 78px;
  margin: 18px auto 0;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 12px;
  z-index: 20;
  background: rgba(10,12,23,.75);
  border: 1px solid var(--line);
  border-radius: 20px;
  backdrop-filter: blur(20px);
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
}
.brand { display: inline-flex; gap: 11px; align-items: center; letter-spacing: .02em; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: .9; }
.brand strong { font-size: 15px; }
.brand em { font-style: normal; font-weight: 900; font-size: 21px; background: linear-gradient(110deg,var(--violet-light),var(--cyan)); -webkit-background-clip: text; color: transparent; }
.brand-mark { width: 43px; height: 43px; border-radius: 14px; background: linear-gradient(140deg,var(--violet),#5635d4); display: grid; place-items: center; position: relative; box-shadow: 0 8px 24px rgba(139,92,246,.35); }
.play { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid white; margin-left: 3px; }
.halo { width: 25px; height: 7px; border: 2px solid var(--gold); border-radius: 50%; position: absolute; top: -5px; transform: rotate(-8deg); }
nav { display: flex; gap: 30px; color: #c5c9d9; font-size: 14px; font-weight: 600; }
nav a:hover { color: white; }
.header-cta { padding: 11px 18px; border: 1px solid rgba(180,152,255,.3); background: rgba(139,92,246,.12); border-radius: 12px; font-size: 14px; font-weight: 700; }
main { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.hero { min-height: 650px; display: grid; grid-template-columns: 1.04fr .96fr; gap: 55px; align-items: center; padding: 76px 8px 58px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; text-transform: uppercase; letter-spacing: .15em; font-size: 11px; font-weight: 800; color: var(--violet-light); }
.eyebrow i { width: 22px; height: 2px; background: linear-gradient(90deg,var(--violet),var(--cyan)); }
h1 { font-size: clamp(48px,6vw,78px); letter-spacing: -.06em; line-height: .99; margin: 22px 0 24px; max-width: 720px; }
h1 span { background: linear-gradient(100deg,var(--violet-light),var(--cyan)); -webkit-background-clip: text; color: transparent; }
.hero-copy > p { color: var(--muted); line-height: 1.75; font-size: 17px; max-width: 600px; }
.hero-actions { display: flex; gap: 12px; margin: 32px 0; }
.button { border: 0; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border-radius: 14px; font-weight: 800; transition: .2s ease; color: var(--text); cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.access-actions #access-chat-button:not(:disabled) { border-color: rgba(139,92,246,.55); background: rgba(139,92,246,.16); color: #fff; }

.button-primary { background: linear-gradient(135deg,var(--violet),#6941df); box-shadow: 0 15px 35px rgba(139,92,246,.28); }
.button-ghost { background: rgba(255,255,255,.05); border: 1px solid var(--line); }
.button-light { background: white; color: #171329; }
.trust-row { display: flex; flex-wrap: wrap; gap: 19px; font-size: 12px; color: #c3c7d7; }
.trust-row b { color: var(--green); }
.hero-visual { height: 510px; position: relative; display: grid; place-items: center; }
.device { width: 325px; height: 415px; border: 1px solid rgba(255,255,255,.15); border-radius: 36px; background: linear-gradient(155deg,#1d2140,#0b0d1b 70%); box-shadow: var(--shadow), inset 0 0 0 7px rgba(255,255,255,.025); transform: rotate(3deg); position: relative; overflow: hidden; }
.device-top { height: 42px; display: flex; gap: 6px; align-items: center; padding: 0 20px; }
.device-top span { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.2); }
.screen-glow { position: absolute; width: 230px; height: 230px; background: var(--violet); filter: blur(80px); opacity: .35; top: 70px; left: 50px; }
.screen-content { position: relative; height: calc(100% - 42px); padding: 48px 30px; text-align: center; display: flex; align-items: center; flex-direction: column; }
.mini-logo { width: 58px; height: 58px; border-radius: 19px; display: grid; place-items: center; background: linear-gradient(135deg,var(--violet),var(--cyan)); font-weight: 900; box-shadow: 0 13px 30px rgba(82,201,255,.2); }
.screen-content strong { font-size: 24px; letter-spacing: -.04em; margin: 28px 0 11px; }
.screen-content small { color: #aeb4ca; }
.screen-button { font-style: normal; padding: 12px 20px; border-radius: 12px; background: white; color: #15152a; font-size: 12px; font-weight: 800; margin-top: 34px; }
.orbit { position: absolute; z-index: 2; width: 66px; height: 66px; border-radius: 21px; background: rgba(18,21,38,.9); border: 1px solid var(--line); display: grid; place-items: center; box-shadow: 0 18px 45px rgba(0,0,0,.35); font-weight: 900; }
.orbit span { width: 45px; height: 45px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(145deg,rgba(139,92,246,.7),rgba(40,216,255,.4)); }
.orbit-a { left: 10px; top: 55px; transform: rotate(-10deg); }
.orbit-b { right: 12px; top: 80px; transform: rotate(8deg); }
.orbit-c { left: 20px; bottom: 65px; transform: rotate(7deg); }
.payment-pill { position: absolute; right: -10px; bottom: 48px; padding: 13px 18px; background: rgba(20,22,38,.92); border: 1px solid rgba(245,186,56,.25); border-radius: 16px; display: flex; align-items: center; gap: 12px; box-shadow: 0 18px 45px rgba(0,0,0,.35); }
.payment-pill small { display: block; color: #8f95aa; font-size: 10px; }
.payment-pill b { font-size: 13px; }
.binance-symbol { width: 35px; height: 35px; background: var(--gold); color: #191508; border-radius: 10px; display: grid; place-items: center; }
.catalog { padding: 88px 0 105px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.section-heading h2 { font-size: clamp(34px,4vw,50px); letter-spacing: -.05em; margin: 13px 0 0; }
.section-heading > p { color: var(--muted); line-height: 1.6; max-width: 430px; font-size: 14px; }
.section-heading.centered { display: block; text-align: center; }
.section-heading.centered p { margin: 12px auto 0; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px; }
.service-search { width:min(600px,100%); min-height:52px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:0 13px; border:1px solid rgba(139,92,246,.28); border-radius:16px; background:linear-gradient(135deg,rgba(19,22,39,.95),rgba(12,14,27,.88)); box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 35px rgba(0,0,0,.16); transition:.2s ease; }
.service-search:focus-within { border-color:rgba(139,92,246,.72); box-shadow:0 0 0 4px rgba(139,92,246,.1),0 15px 40px rgba(0,0,0,.2); }
.service-search-icon { color:var(--violet-light); font-size:24px; line-height:1; transform:rotate(-18deg); }
.service-search input { width:100%; height:50px; border:0; outline:0; background:transparent; color:#fff; font:inherit; font-size:13px; }
.service-search input::placeholder { color:#6f768d; }
.service-search input::-webkit-search-cancel-button { display:none; }
.clear-service-search { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.05); color:#aeb4c8; font-size:18px; cursor:pointer; }
.clear-service-search:hover { color:#fff; background:rgba(139,92,246,.16); border-color:rgba(139,92,246,.3); }
.search-count { flex:0 0 auto; color:#8e95aa; font-size:11px; font-weight:800; letter-spacing:.04em; }
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 23px; }
.filter { border: 1px solid var(--line); background: rgba(255,255,255,.035); color: #b8bdcf; padding: 10px 16px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.filter.active { background: rgba(139,92,246,.18); color: white; border-color: rgba(139,92,246,.45); }
.plans-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.catalog-empty { grid-column:1/-1; min-height:250px; display:grid; place-items:center; align-content:center; gap:8px; text-align:center; border:1px dashed rgba(139,92,246,.28); border-radius:22px; background:rgba(139,92,246,.035); color:#8e95aa; padding:35px; }
.catalog-empty>span { width:52px; height:52px; display:grid; place-items:center; border-radius:17px; background:rgba(139,92,246,.12); color:var(--violet-light); font-size:28px; transform:rotate(-18deg); }
.catalog-empty strong { color:#fff; font-size:17px; }
.catalog-empty p { margin:0; font-size:11px; }
.catalog-empty button { margin-top:5px; border:1px solid rgba(139,92,246,.35); border-radius:10px; background:rgba(139,92,246,.14); color:#d9c9ff; padding:9px 13px; font-weight:800; cursor:pointer; }
.plan-card { min-height: 365px; padding: 14px; border-radius: 20px; background: linear-gradient(160deg,rgba(25,28,49,.9),rgba(12,14,27,.85)); border: 1px solid var(--line); position: relative; overflow: hidden; transition: .25s ease; display: flex; flex-direction: column; }
.plan-card:hover { transform: translateY(-6px); border-color: rgba(139,92,246,.42); box-shadow: 0 20px 50px rgba(0,0,0,.28); }
.plan-card::after { content: ''; position: absolute; width: 120px; height: 120px; background: var(--violet); opacity: .08; filter: blur(45px); right: -30px; top: -25px; pointer-events: none; }
.plan-media { height: 112px; border-radius: 15px; overflow: hidden; position: relative; background: #0b0e1b; border: 1px solid rgba(255,255,255,.08); }
.plan-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.plan-media .badge { position: absolute; top: 9px; right: 9px; backdrop-filter: blur(8px); }
.badge { font-size: 9px; letter-spacing: .08em; text-transform: uppercase; font-weight: 800; color: #fff; border: 1px solid rgba(255,255,255,.2); background: rgba(10,12,23,.72); padding: 6px 9px; border-radius: 999px; }
.plan-card h3 { margin: 17px 5px 6px; font-size: 18px; }
.plan-detail { color: #9298ad; font-size: 11px; line-height: 1.5; min-height: 49px; margin: 0 5px; }
.plan-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 5px 15px; }
.plan-meta span { color: #c1c6d8; font-size: 9px; font-weight: 700; padding: 6px 8px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid var(--line); }
.plan-bottom { border-top: 1px solid var(--line); padding: 14px 5px 3px; margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.plan-price small { display: block; font-size: 9px; color: #7f859b; text-transform: uppercase; letter-spacing: .09em; }
.plan-price strong { font-size: 20px; color: #fff; }
.buy-button { width: 42px; height: 42px; border: 0; border-radius: 13px; background: linear-gradient(135deg,var(--violet),#6741dc); color: white; font-size: 20px; box-shadow: 0 10px 24px rgba(139,92,246,.25); }
.steps-section { padding: 85px 0; border-top: 1px solid var(--line); }
.steps { margin-top: 48px; display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.steps article { text-align: center; padding: 42px 28px 35px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); position: relative; }
.steps article > span { position: absolute; top: 17px; right: 19px; font-size: 10px; color: #60667d; font-weight: 800; }
.step-icon { width: 55px; height: 55px; margin: 0 auto 22px; display: grid; place-items: center; background: rgba(139,92,246,.14); color: var(--violet-light); border: 1px solid rgba(139,92,246,.25); border-radius: 17px; font-size: 22px; }
.steps h3 { margin: 0 0 10px; font-size: 18px; }
.steps p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 0; }
.support-card { margin: 40px 0 110px; border-radius: 27px; padding: 36px 42px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(120deg,#6e45e1,#6036c9 60%,#1a9fc6); box-shadow: 0 25px 65px rgba(73,53,170,.27); }
.support-card > div { display: flex; gap: 19px; align-items: center; }
.support-icon { width: 58px; height: 58px; border-radius: 18px; background: rgba(255,255,255,.15); display: grid; place-items: center; font-size: 25px; }
.support-card small { text-transform: uppercase; font-size: 10px; letter-spacing: .13em; opacity: .8; }
.support-card h2 { margin: 4px 0; font-size: 25px; }
.support-card p { margin: 0; font-size: 13px; opacity: .78; }
.faq { padding: 0 0 110px; }
.faq-list { max-width: 810px; margin: 42px auto 0; }
details { border-bottom: 1px solid var(--line); }
summary { list-style: none; padding: 22px 4px; cursor: pointer; display: flex; justify-content: space-between; font-weight: 700; font-size: 15px; }
summary::-webkit-details-marker { display: none; }
summary span { color: var(--violet-light); font-size: 22px; font-weight: 400; }
details[open] summary span { transform: rotate(45deg); }
details p { color: var(--muted); font-size: 13px; line-height: 1.7; padding: 0 4px 22px; margin: 0; }
footer { width: min(1180px,calc(100% - 40px)); margin: 0 auto; padding: 36px 0 45px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; color: #757b91; font-size: 11px; }
.footer-brand { opacity: .9; }
.legal { max-width: 300px; text-align: right; }
dialog { width: min(480px,calc(100% - 28px)); color: var(--text); border: 1px solid rgba(255,255,255,.12); border-radius: 25px; background: #101322; padding: 27px; box-shadow: var(--shadow); }
dialog::backdrop { background: rgba(2,3,9,.77); backdrop-filter: blur(8px); }
.close-dialog { position: absolute; right: 16px; top: 14px; border: 0; color: #aaaec0; background: transparent; font-size: 28px; }
.checkout-head { display: flex; gap: 16px; align-items: center; padding-right: 28px; }
.checkout-head small { color: #888fa6; }
.checkout-head h2 { margin: 3px 0; font-size: 21px; }
.checkout-head p { margin: 0; color: var(--violet-light); font-size: 12px; }
.checkout-icon { flex: 0 0 55px; height: 55px; border-radius: 17px; display: grid; place-items: center; background: linear-gradient(145deg,var(--violet),#35bddf); font-weight: 900; }
.checkout-price { padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid var(--line); margin: 22px 0; display: grid; grid-template-columns: 1fr auto; align-items: center; }
.checkout-price span { color: #949aaf; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.checkout-price strong { font-size: 21px; }
.checkout-price small { grid-column: 1/-1; color: var(--gold); margin-top: 4px; text-align: right; }
form label:not(.terms) { display: block; color: #aeb3c5; font-size: 11px; font-weight: 700; margin-bottom: 14px; }
form label small { font-weight: 400; color: #747b92; }
input:not([type=checkbox]) { width: 100%; height: 48px; margin-top: 7px; padding: 0 14px; color: white; border: 1px solid var(--line); background: #0b0e1b; border-radius: 12px; outline: 0; }
input:focus { border-color: rgba(139,92,246,.65); box-shadow: 0 0 0 3px rgba(139,92,246,.12); }
.terms { display: flex; gap: 9px; align-items: start; color: #959bb0; font-size: 10px; line-height: 1.5; margin: 18px 0; }
.terms input { margin-top: 2px; accent-color: var(--violet); }
.button-binance { width: 100%; background: var(--gold); color: #17130a; }
.button-binance:disabled { opacity: .55; cursor: wait; }
.form-status { min-height: 18px; margin: 11px 0 0; text-align: center; color: var(--danger); font-size: 11px; }
.secure-note { text-align: center; color: #747b91; font-size: 9px; margin: 14px 0 0; }
.status-content { text-align: center; padding: 18px 8px 8px; }
.status-content h2 { margin: 20px 0 9px; }
.status-content p { color: var(--muted); line-height: 1.6; }
.status-content > strong { display: block; color: #747b92; font-size: 10px; margin: 15px 0 21px; }
.status-spinner { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; border: 3px solid rgba(139,92,246,.2); border-top-color: var(--violet); animation: spin 1s linear infinite; }
.status-spinner.success { animation: none; border: 0; background: rgba(63,226,154,.13); color: var(--green); font-size: 35px; }
.status-spinner.error { animation: none; border: 0; background: rgba(255,112,133,.12); color: var(--danger); font-size: 35px; }
@keyframes spin { to { transform: rotate(360deg); } }
.demo-banner { position: fixed; z-index: 30; left: 50%; bottom: 18px; transform: translateX(-50%); color: #1b170d; background: var(--gold); padding: 9px 15px; border-radius: 999px; font-size: 10px; font-weight: 800; box-shadow: 0 12px 30px rgba(0,0,0,.3); }
.hidden { display: none !important; }
@media (max-width: 980px) {
  nav { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-copy { text-align: center; }
  .hero-copy > p { margin-inline: auto; }
  .hero-actions, .trust-row { justify-content: center; }
  .hero-visual { max-width: 540px; width: 100%; margin: 0 auto; }
  .plans-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 720px) {
  .site-header { height: 68px; width: calc(100% - 24px); margin-top: 10px; padding: 0 14px; }
  .header-cta { display: none; }
  main { width: calc(100% - 26px); }
  .hero { padding-top: 54px; gap: 20px; min-height: auto; }
  h1 { font-size: 47px; }
  .hero-copy > p { font-size: 15px; }
  .hero-actions { flex-direction: column; max-width: 310px; margin-inline: auto; }
  .hero-visual { transform: scale(.88); margin: -10px auto -35px; }
  .plans-grid { grid-template-columns: repeat(2,1fr); }
  .section-heading { display: block; }
  .steps { grid-template-columns: 1fr; }
  .support-card { padding: 28px 22px; text-align: center; flex-direction: column; gap: 25px; }
  .support-card > div { flex-direction: column; }
  footer { flex-direction: column; gap: 18px; text-align: center; }
  .legal { text-align: center; }
}
@media (max-width: 470px) {
  .hero-visual { transform: scale(.73); width: 130%; margin-left: -15%; margin-top: -45px; margin-bottom: -85px; }
  .trust-row { gap: 10px; }
  .plans-grid { gap: 10px; }
  .plan-card { padding: 10px; min-height: 335px; }
  .plan-media { height: 92px; }
  .plan-card h3 { font-size: 15px; margin-top: 13px; }
  .plan-detail { min-height: 57px; font-size: 10px; }
  .plan-price strong { font-size: 15px; }
  .catalog { padding-top: 65px; }
}

/* Streaming God V2: usuarios, stock y panel */
.account-actions { display:flex; gap:8px; align-items:center; }
.account-actions button { color:var(--text); }
.steps-four { grid-template-columns:repeat(4,1fr); }
.stock-pill { align-self:flex-start; margin:0 5px 10px; padding:6px 9px; border-radius:999px; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.stock-pill.in-stock { color:var(--green); background:rgba(63,226,154,.1); border:1px solid rgba(63,226,154,.22); }
.stock-pill.low-stock { color:var(--gold); background:rgba(245,186,56,.1); border:1px solid rgba(245,186,56,.25); }
.stock-pill.sold-out { color:var(--danger); background:rgba(255,112,133,.1); border:1px solid rgba(255,112,133,.22); }
.plan-sold-out { opacity:.62; }
.buy-button:disabled { cursor:not-allowed; background:#343749; box-shadow:none; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:3px 35px 24px 0; }
.auth-tab { border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted); height:42px; border-radius:12px; font-weight:800; }
.auth-tab.active { color:white; background:rgba(139,92,246,.18); border-color:rgba(139,92,246,.45); }
.auth-panel h2 { margin:0 0 6px; }
.dialog-copy { color:var(--muted); font-size:12px; margin:0 0 22px; }
.full-button { width:100%; }
.account-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-right:28px; }
.account-head small { color:var(--violet-light); text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.account-head h2 { margin:4px 0; }
.account-head p { margin:0; color:var(--muted); font-size:11px; }
.compact { min-height:38px; padding:0 14px; font-size:11px; }
.orders-title { margin:27px 0 12px; font-size:15px; }
.orders-list { display:grid; gap:9px; max-height:360px; overflow:auto; }
.order-row { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.order-row > div { display:flex; flex-direction:column; gap:4px; }
.order-row > div:last-child { align-items:flex-end; }
.order-row strong { font-size:12px; }
.order-row small { color:#737a91; font-size:8px; }
.order-row b { font-size:12px; }
.order-status { font-size:8px; font-weight:800; text-transform:uppercase; padding:5px 7px; border-radius:999px; background:rgba(255,255,255,.06); color:#c5cad9; }
.status-paid { color:var(--green); }
.status-expired,.status-canceled,.status-error { color:var(--danger); }
.checkout-user { display:flex; flex-direction:column; gap:3px; padding:13px 16px; margin-bottom:16px; border:1px solid var(--line); border-radius:14px; color:var(--muted); font-size:10px; }
.checkout-user strong { color:white; font-size:12px; }

.admin-body { background:#080a13; }
.admin-header { width:min(1240px,calc(100% - 34px)); margin:18px auto; padding:16px 20px; border:1px solid var(--line); border-radius:20px; background:rgba(13,16,30,.9); display:flex; justify-content:space-between; align-items:center; }
.admin-header > div { display:flex; gap:8px; }
.admin-main { width:min(1240px,calc(100% - 34px)); margin:0 auto 60px; }
.admin-title { display:flex; justify-content:space-between; align-items:end; gap:25px; padding:55px 4px 32px; }
.admin-title h1 { font-size:clamp(38px,5vw,60px); margin:12px 0 10px; }
.admin-title p { color:var(--muted); margin:0; }
.admin-card { border:1px solid var(--line); background:rgba(17,20,37,.78); border-radius:23px; padding:22px; margin-bottom:20px; }
.admin-card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; }
.admin-card-head h2 { margin:0; font-size:20px; }
.admin-card-head span { color:var(--muted); font-size:11px; }
.admin-products { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.admin-product { display:grid; grid-template-columns:58px 1fr 90px auto; align-items:center; gap:13px; padding:11px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.admin-product img { width:58px; height:50px; object-fit:cover; border-radius:11px; }
.admin-product-info { display:flex; flex-direction:column; gap:4px; }
.admin-product-info strong { font-size:13px; }
.admin-product-info span { color:var(--muted); font-size:9px; }
.admin-product label { color:var(--muted); font-size:9px; text-transform:uppercase; font-weight:800; }
.admin-product input { height:38px; margin-top:4px; }
.admin-orders-wrap { overflow:auto; }
.admin-table { width:100%; border-collapse:collapse; font-size:11px; min-width:850px; }
.admin-table th { text-align:left; color:#777e94; text-transform:uppercase; letter-spacing:.08em; font-size:9px; padding:11px; border-bottom:1px solid var(--line); }
.admin-table td { padding:13px 11px; border-bottom:1px solid rgba(255,255,255,.055); color:#c5cad9; }
.admin-table td small { display:block; color:#747b91; margin-top:4px; }
.admin-status { padding:5px 8px; background:rgba(139,92,246,.12); border-radius:999px; font-size:9px; font-weight:800; }
.toast { position:fixed; right:20px; bottom:20px; padding:13px 18px; border-radius:13px; background:var(--green); color:#08140e; font-weight:800; font-size:12px; box-shadow:var(--shadow); }
.toast-error { background:var(--danger); color:white; }
@media (max-width:980px){.steps-four{grid-template-columns:repeat(2,1fr)}.admin-products{grid-template-columns:1fr}}
@media (max-width:720px){.account-actions .header-cta:first-child{display:none}.account-actions .header-cta{padding:9px 12px}.steps-four{grid-template-columns:1fr}.admin-title{display:block}.admin-title .button{margin-top:20px}.admin-product{grid-template-columns:48px 1fr 72px}.admin-product img{width:48px;height:45px}.admin-product .button{grid-column:1/-1}.admin-header{align-items:flex-start}.admin-header > div{flex-direction:column}}

/* V3: inventario cifrado y entrega privada */
.inventory-form { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto; gap:12px; align-items:end; }
.inventory-form label { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.inventory-form select { width:100%; height:48px; margin-top:7px; padding:0 13px; color:white; border:1px solid var(--line); background:#0b0e1b; border-radius:12px; outline:0; }
.admin-help { margin:14px 0 0; color:#858ba2; font-size:10px; }
.inventory-summary-card { grid-template-columns:58px 1fr minmax(115px,auto); }
.inventory-counts { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.inventory-counts b { font-size:22px; color:var(--green); }
.inventory-counts span { font-size:9px; color:#c7ccdc; font-weight:800; text-transform:uppercase; }
.inventory-counts small { color:#747b91; font-size:8px; }
.mini-danger,.mini-action { border:1px solid rgba(255,255,255,.12); border-radius:9px; padding:7px 9px; font-size:9px; font-weight:800; color:white; background:rgba(255,255,255,.05); }
.mini-danger { color:#ff8ba0; border-color:rgba(255,112,133,.25); }
.mini-action { color:#bfaeff; border-color:rgba(139,92,246,.3); }
.error-text { color:#ff8ba0!important; max-width:210px; white-space:normal; }
.status-available { color:var(--green); }
.status-reserved { color:var(--gold); }
.status-delivered { color:#bdaaff; }
.delivery-body { min-height:100vh; background:radial-gradient(circle at 75% 15%,rgba(111,73,225,.2),transparent 38%),#080a13; display:grid; place-items:center; padding:30px 15px; }
.delivery-shell { width:min(620px,100%); }
.delivery-card { border:1px solid var(--line); border-radius:26px; background:rgba(17,20,37,.94); padding:32px; box-shadow:var(--shadow); }
.delivery-brand { display:inline-flex; margin-bottom:28px; }
.delivery-icon { width:70px; height:70px; display:grid; place-items:center; border-radius:22px; background:linear-gradient(145deg,rgba(139,92,246,.25),rgba(40,216,255,.15)); border:1px solid rgba(139,92,246,.3); font-size:30px; }
.delivery-eyebrow { margin:24px 0 10px; }
.delivery-card h1 { font-size:clamp(30px,6vw,44px); margin:0 0 12px; }
.delivery-copy { color:var(--muted); line-height:1.65; margin:0 0 20px; }
.delivery-order { display:flex; flex-direction:column; gap:6px; padding:16px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.025); margin:18px 0; }
.delivery-order strong { font-size:16px; }
.delivery-order span,.delivery-order small { color:var(--muted); font-size:10px; }
.delivery-secret { display:grid; gap:9px; margin:20px 0; }
.delivery-secret > div { display:grid; grid-template-columns:135px 1fr; gap:12px; align-items:center; padding:13px 15px; border:1px solid var(--line); border-radius:13px; background:#0b0e1b; }
.delivery-secret span { color:#858ba2; font-size:10px; text-transform:uppercase; font-weight:800; }
.delivery-secret strong { overflow-wrap:anywhere; font-size:13px; }
.delivery-warning { color:var(--gold); font-size:11px; line-height:1.55; margin:18px 0; }
.delivery-home { display:block; text-align:center; color:#9b91bd; font-size:11px; margin-top:18px; }
@media (max-width:1050px){.inventory-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-form .button{grid-column:1/-1}}
@media (max-width:650px){.inventory-form{grid-template-columns:1fr}.delivery-card{padding:24px 18px}.delivery-secret>div{grid-template-columns:1fr;gap:5px}}

/* V4: entrega dentro de la cuenta y reclamos de garantía */
.account-dialog-wide { width:min(760px,calc(100% - 28px)); }
.orders-list { display:grid; gap:10px; max-height:58vh; overflow:auto; padding-right:3px; }
.order-card { padding:14px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.order-card-main { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; }
.order-card-main > div:first-child { display:flex; flex-direction:column; gap:5px; }
.order-card-main strong { font-size:13px; }
.order-card-main small { color:#737a91; font-size:9px; }
.order-card-price { display:flex; flex-direction:column; gap:6px; align-items:flex-end; }
.order-card-price b { font-size:13px; }
.order-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.mini-account-action { border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.04); color:var(--text); padding:9px 12px; font-weight:800; font-size:10px; cursor:pointer; }
.mini-account-action.primary { border-color:rgba(139,92,246,.55); background:rgba(139,92,246,.16); color:#d9c9ff; }
.warranty-line { margin-top:10px; color:#aeb4c8; font-size:10px; }
.claim-summary { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:10px; padding:9px 10px; border-radius:11px; background:rgba(255,190,60,.07); border:1px solid rgba(255,190,60,.15); }
.claim-summary span { color:#f5c557; font-size:10px; font-weight:800; }
.claim-summary small { color:#9ca2b6; font-size:9px; }
.claim-response { flex-basis:100%; color:#c9cedd!important; }
.access-dialog { width:min(620px,calc(100% - 28px)); }
.access-head { display:flex; align-items:center; gap:14px; padding-right:28px; }
.access-head small { color:var(--violet-light); text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; }
.access-head h2 { margin:3px 0 4px; }
.access-head p { color:var(--muted); margin:0; font-size:10px; }
.access-check { width:48px; height:48px; border-radius:16px; display:grid; place-items:center; background:rgba(56,211,159,.13); color:#38d39f; font-size:25px; }
.access-security { color:#8e95aa; font-size:10px; line-height:1.5; margin:17px 0; }
.access-fields { display:grid; gap:9px; }
.access-fields article { display:grid; grid-template-columns:1fr auto; gap:5px 10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.access-fields article span { grid-column:1/-1; color:#777e94; text-transform:uppercase; letter-spacing:.08em; font-size:8px; font-weight:800; }
.access-fields article strong { min-width:0; overflow-wrap:anywhere; font-size:12px; }
.access-fields article button { border:0; border-radius:8px; padding:7px 10px; color:#d9c9ff; background:rgba(139,92,246,.16); font-size:9px; font-weight:800; cursor:pointer; }
.access-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.access-actions .button { flex:1 1 190px; }
textarea { width:100%; resize:vertical; min-height:110px; border:1px solid var(--line); border-radius:12px; background:#0a0d18; color:var(--text); padding:12px; font:inherit; }
.claim-action-group { display:flex; flex-wrap:wrap; gap:6px; }
.claim-action-group button { border:0; border-radius:8px; padding:7px 9px; cursor:pointer; font-size:9px; font-weight:800; }
.claim-review { background:rgba(245,197,87,.15); color:#f5c557; }
.claim-resolve { background:rgba(56,211,159,.14); color:#38d39f; }
.claim-reject { background:rgba(255,91,116,.13); color:#ff8aa0; }
.claim-message-cell { max-width:310px; white-space:normal; line-height:1.45; }
@media (max-width:620px){.order-card-main{display:block}.order-card-price{align-items:flex-start;margin-top:10px}.access-fields article{grid-template-columns:1fr}.access-fields article button{justify-self:start}.account-dialog-wide{padding:20px}.access-actions .button{flex-basis:100%}}

/* V5: chat en tiempo real y presencia */
.nav-chat-button{border:0;background:transparent;color:#aaaec0;font:inherit;font-size:11px;font-weight:700;cursor:pointer;padding:8px}
.support-card-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#697086;box-shadow:0 0 0 3px rgba(105,112,134,.12);flex:0 0 auto}
.presence-dot.online,.support-online .presence-dot{background:#38d39f;box-shadow:0 0 0 3px rgba(56,211,159,.15),0 0 14px rgba(56,211,159,.5)}
.support-chat-launcher{position:fixed;right:22px;bottom:22px;z-index:80;border:1px solid rgba(139,92,246,.45);border-radius:999px;background:linear-gradient(135deg,#6f49e1,#8b5cf6);color:#fff;display:flex;align-items:center;gap:9px;padding:13px 17px;font-weight:900;box-shadow:0 16px 45px rgba(46,29,103,.45);cursor:pointer}
.support-chat-launcher b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff5b74;font-size:10px}
.support-chat-panel{position:fixed;right:22px;bottom:82px;z-index:90;width:min(390px,calc(100vw - 28px));height:min(600px,calc(100vh - 120px));border:1px solid rgba(139,92,246,.35);border-radius:22px;background:rgba(12,14,27,.98);box-shadow:0 25px 80px rgba(0,0,0,.55);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto auto auto;backdrop-filter:blur(18px)}
.support-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:linear-gradient(135deg,rgba(111,73,225,.25),rgba(40,216,255,.08));border-bottom:1px solid var(--line)}
.support-chat-panel>header>div,.admin-chat-pane>header>div{display:flex;align-items:center;gap:11px;min-width:0}
.support-chat-panel header strong,.admin-chat-pane header strong{display:block;font-size:12px}
.support-chat-panel header small,.admin-chat-pane header small,.admin-chat-pane header em{display:block;color:#8d94aa;font-size:9px;font-style:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-chat-panel header button{border:0;background:transparent;color:#9ea4b7;font-size:24px;cursor:pointer}
.chat-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:rgba(245,197,87,.08);border-bottom:1px solid rgba(245,197,87,.16);color:#f5c557;font-size:9px;font-weight:800}
.chat-context button{border:0;background:transparent;color:#f5c557;cursor:pointer;font-size:18px}
.chat-messages{min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at 80% 5%,rgba(139,92,246,.08),transparent 35%)}
.chat-empty{margin:auto;color:#777e94;font-size:10px;line-height:1.5;text-align:center;max-width:250px}
.chat-message{max-width:84%;padding:10px 11px;border-radius:14px 14px 14px 4px;background:#1a1e31;border:1px solid rgba(255,255,255,.06);font-size:11px;line-height:1.48;overflow-wrap:anywhere}
.chat-message.mine{align-self:flex-end;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,rgba(111,73,225,.62),rgba(139,92,246,.45));border-color:rgba(168,135,255,.3)}
.chat-message.theirs{align-self:flex-start}
.chat-message time{display:block;text-align:right;color:#9ba1b4;font-size:8px;margin-top:5px}
.chat-order-ref{display:inline-block;margin-top:6px;padding:4px 6px;border-radius:7px;background:rgba(245,197,87,.1);color:#f5c557;font-size:8px}
.chat-typing{height:18px;padding:0 14px;color:#8d94aa;font-size:9px}
.chat-form{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#0d101d}
.chat-form textarea{min-height:44px!important;max-height:110px;resize:none;margin:0;border-radius:12px;padding:11px;font-size:11px}
.chat-form button{border:0;border-radius:12px;background:linear-gradient(135deg,#6f49e1,#8b5cf6);color:#fff;font-size:17px;cursor:pointer}
.chat-error{min-height:17px;margin:0;padding:0 13px 8px;color:#ff8ba0;font-size:9px;background:#0d101d}
.admin-presence{display:flex;align-items:center;gap:7px;margin-top:5px}
.admin-chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:580px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b0e1a}
.conversation-sidebar{border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;min-height:0;background:#0e1120}
.conversation-search{padding:13px;color:#858ba2;font-size:9px;font-weight:800;text-transform:uppercase;border-bottom:1px solid var(--line)}
.conversation-search input{width:100%;margin-top:7px;height:40px;border:1px solid var(--line);border-radius:10px;background:#080b15;color:#fff;padding:0 11px;outline:0}
.conversation-list{overflow:auto;min-height:0}
.conversation-item{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:start;text-align:left;padding:13px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:#fff;cursor:pointer}
.conversation-item:hover,.conversation-item.active{background:rgba(139,92,246,.1)}
.conversation-item b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#7c4fe1;font-size:9px}
.conversation-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.conversation-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-copy small{color:#8f96aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-copy em{color:#626a80;font-size:8px;font-style:normal}
.admin-chat-pane{display:grid;grid-template-rows:auto 1fr auto auto auto;min-width:0;min-height:0}
.admin-chat-pane>header{padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.admin-chat-messages{max-height:500px;min-height:360px}
@media(max-width:850px){.admin-chat-layout{grid-template-columns:1fr;min-height:780px}.conversation-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:260px}.admin-chat-messages{min-height:360px}.support-card-actions{justify-content:flex-start}}
@media(max-width:620px){.support-chat-launcher{right:14px;bottom:14px;padding:12px 15px}.support-chat-panel{right:14px;bottom:70px;height:calc(100vh - 95px)}.site-header nav .nav-chat-button{display:none}.admin-chat-layout{min-height:700px}}

@media(max-width:620px){.catalog-toolbar{align-items:stretch;flex-direction:column;gap:8px}.service-search{width:100%}.search-count{padding-left:4px}.service-search input{font-size:12px}}

/* V5.2: pago manual verificado por administrador */
.manual-payment-dialog{width:min(650px,calc(100% - 28px))}
.manual-payment-head{display:flex;gap:14px;align-items:center;padding-right:28px}
.manual-payment-head small{display:block;color:#f5c557;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:900}
.manual-payment-head h2{margin:4px 0 0;font-size:22px}
.manual-binance-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f3ba2f;color:#161616;font-size:20px;font-weight:900;flex:0 0 auto}
.manual-payment-qr{display:block;width:min(230px,70%);aspect-ratio:1;object-fit:contain;margin:16px auto;padding:10px;border-radius:17px;background:white}
.manual-payment-fields{display:grid;gap:9px;margin-top:15px}
.manual-payment-fields article{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.manual-payment-fields article span{grid-column:1/-1;color:#7e859a;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}
.manual-payment-fields article strong{min-width:0;overflow-wrap:anywhere;font-size:13px}
.manual-payment-fields article button{border:0;border-radius:8px;padding:7px 10px;color:#f5c557;background:rgba(245,197,87,.12);font-size:9px;font-weight:900;cursor:pointer}
.manual-reference-note{margin:13px 0 0;padding:11px 12px;border:1px solid rgba(245,197,87,.2);border-radius:12px;background:rgba(245,197,87,.07);color:#d7c37d;font-size:10px;line-height:1.5}
.manual-payment-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.manual-payment-actions .button{flex:1 1 180px}
.manual-order-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:150px}
@media(max-width:620px){.manual-payment-fields article{grid-template-columns:1fr}.manual-payment-fields article button{justify-self:start}.manual-payment-actions .button{flex-basis:100%}}


/* V5.3: carga de comprobante y modo espera */
.manual-receipt-box{margin-top:14px;padding:14px;border:1px solid rgba(124,77,255,.34);border-radius:16px;background:linear-gradient(145deg,rgba(124,77,255,.09),rgba(35,197,255,.035))}
.manual-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.manual-receipt-head div{display:grid;gap:3px}.manual-receipt-head strong{font-size:13px}.manual-receipt-head small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.manual-receipt-head>span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--primary);font-size:10px;font-weight:900}
.manual-file-picker{display:grid;justify-items:center;gap:4px;padding:16px;border:1px dashed rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer;text-align:center}
.manual-file-picker:hover{border-color:rgba(124,77,255,.7);background:rgba(124,77,255,.07)}
.manual-file-picker>span{font-size:25px;color:#a989ff}.manual-file-picker>b{font-size:12px}.manual-file-picker>small{color:var(--muted);font-size:9px}
.manual-receipt-preview{display:block;width:100%;max-height:230px;object-fit:contain;margin:10px 0;border-radius:12px;background:#070913;border:1px solid var(--line)}
.manual-receipt-box .full-button{margin-top:10px}
.manual-waiting-box{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(52,211,153,.25);border-radius:15px;background:rgba(52,211,153,.07)}
.manual-waiting-box>span{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:rgba(52,211,153,.16);color:#4fe1ad;font-size:22px;font-weight:900}
.manual-waiting-box div{display:grid;gap:4px}.manual-waiting-box strong{font-size:13px}.manual-waiting-box p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.receipt-cell{min-width:125px}.receipt-cell small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.mini-receipt{border:1px solid rgba(124,77,255,.34);border-radius:8px;padding:7px 9px;background:rgba(124,77,255,.1);color:#cbb9ff;font-size:9px;font-weight:900;cursor:pointer}.receipt-missing{color:#8d93a8;font-size:9px}
@media(max-width:620px){.manual-receipt-preview{max-height:190px}}


/* ===== V5.4: carrusel, editor de productos y retiro de inventario ===== */
.promo-carousel{
  position:relative;
  width:min(1240px,calc(100% - 40px));
  min-height:420px;
  margin:20px auto 84px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:32px;
  overflow:hidden;
  background:#070914;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.promo-track{
  display:flex;
  width:100%;
  min-height:420px;
  transition:transform .65s cubic-bezier(.2,.75,.25,1);
  will-change:transform;
}
.promo-slide{
  position:relative;
  flex:0 0 100%;
  min-width:100%;
  min-height:420px;
  overflow:hidden;
}
.promo-slide>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.promo-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,3,9,.96) 0%,rgba(2,3,9,.82) 34%,rgba(2,3,9,.3) 66%,rgba(2,3,9,.16) 100%);
}
.promo-content{
  position:relative;
  z-index:2;
  display:flex;
  min-height:420px;
  width:min(580px,72%);
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:58px 70px;
}
.promo-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#ffc83d;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.promo-content h2{
  max-width:560px;
  margin:0;
  color:#fff;
  font-size:clamp(2.2rem,5vw,4.5rem);
  line-height:.95;
  letter-spacing:-.055em;
}
.promo-content p{
  max-width:540px;
  margin:22px 0 28px;
  color:rgba(255,255,255,.78);
  font-size:1.05rem;
  line-height:1.65;
}
.promo-buy{min-width:170px}
.promo-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(8,10,18,.62);
  color:#fff;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  transform:translateY(-50%);
  backdrop-filter:blur(12px);
}
.promo-arrow:hover{background:rgba(124,73,255,.82)}
.promo-prev{left:18px}
.promo-next{right:18px}
.promo-dots{
  position:absolute;
  z-index:4;
  right:28px;
  bottom:22px;
  display:flex;
  gap:9px;
}
.promo-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  cursor:pointer;
  transition:.25s ease;
}
.promo-dots button.active{
  width:30px;
  background:#fff;
}

.editor-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.025);
}
.editor-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:rgba(255,255,255,.75);
  font-size:.78rem;
  font-weight:800;
}
.editor-form input,
.editor-form select,
.editor-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  outline:none;
  background:rgba(6,8,16,.78);
  color:#fff;
  padding:12px 13px;
  font:inherit;
}
.editor-form textarea{resize:vertical;min-height:92px}
.editor-form input:focus,
.editor-form select:focus,
.editor-form textarea:focus{
  border-color:rgba(141,93,255,.85);
  box-shadow:0 0 0 3px rgba(124,73,255,.12);
}
.editor-span-2{grid-column:span 2}
.image-upload-label input[type="file"]{
  padding:10px;
  color:rgba(255,255,255,.72);
}
.image-upload-label small{
  color:rgba(255,255,255,.45);
  font-weight:500;
  line-height:1.45;
}
.editor-preview{
  display:grid;
  place-items:center;
  min-height:190px;
  overflow:hidden;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(0,0,0,.22);
  color:rgba(255,255,255,.42);
}
.editor-preview img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.product-editor-preview img{
  width:min(240px,100%);
  height:180px;
  object-fit:contain;
  padding:16px;
}
.check-label{
  flex-direction:row!important;
  align-items:center;
  align-self:center;
  gap:10px!important;
}
.check-label input{width:auto}
.editor-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  grid-column:span 3;
}
.banner-admin-list{
  display:grid;
  gap:16px;
  margin-top:20px;
}
.banner-admin-card{
  display:grid;
  grid-template-columns:230px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.banner-admin-card>img{
  width:230px;
  height:118px;
  border-radius:13px;
  object-fit:cover;
}
.banner-admin-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:6px;
}
.banner-admin-copy p{
  margin:0;
  color:rgba(255,255,255,.68);
  line-height:1.45;
}
.banner-admin-copy small{
  color:rgba(255,255,255,.46);
  line-height:1.4;
}
.admin-item-title-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.visibility-pill{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  font-size:.66rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.visibility-pill.active{
  color:#77f0aa;
  background:rgba(36,190,104,.12);
}
.visibility-pill.inactive{
  color:#ffb2b2;
  background:rgba(220,63,63,.12);
}
.admin-item-inactive{opacity:.62}
.editable-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.editable-product-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:16px!important;
}
.editable-product-card>img{
  width:78px!important;
  height:78px!important;
  object-fit:contain;
  border-radius:16px;
}
.editable-product-card .inventory-counts,
.editable-product-card .admin-card-actions{
  grid-column:1/-1;
}
.editable-product-card .admin-product-info small{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.46);
  line-height:1.4;
}
.admin-card-actions,
.table-action-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.admin-card-actions{justify-content:flex-end}
.mini-warning{
  border:1px solid rgba(255,196,70,.25);
  border-radius:9px;
  background:rgba(255,196,70,.1);
  color:#ffd36a;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}
.status-disabled{
  color:#ffd36a!important;
  background:rgba(255,196,70,.1)!important;
}

@media (max-width:980px){
  .editor-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-actions{grid-column:span 1}
  .banner-admin-card{grid-template-columns:180px minmax(0,1fr)}
  .banner-admin-card>img{width:180px}
  .banner-admin-card .admin-card-actions{grid-column:1/-1}
}
@media (max-width:760px){
  .promo-carousel{
    width:calc(100% - 24px);
    min-height:500px;
    margin:10px auto 54px;
    border-radius:24px;
  }
  .promo-track,.promo-slide{min-height:500px}
  .promo-slide>img{object-position:center}
  .promo-shade{
    background:linear-gradient(0deg,rgba(2,3,9,.97) 0%,rgba(2,3,9,.78) 48%,rgba(2,3,9,.12) 100%);
  }
  .promo-content{
    justify-content:flex-end;
    width:100%;
    min-height:500px;
    padding:34px 26px 48px;
  }
  .promo-content h2{font-size:2.45rem}
  .promo-content p{margin:15px 0 22px;font-size:.94rem}
  .promo-arrow{top:42%;width:40px;height:40px}
  .promo-prev{left:10px}
  .promo-next{right:10px}
  .promo-dots{right:20px;bottom:18px}
  .editor-form{grid-template-columns:1fr;padding:16px}
  .editor-span-2,.editor-actions{grid-column:span 1}
  .editor-actions{justify-content:stretch;flex-direction:column}
  .editor-actions .button{width:100%}
  .banner-admin-card{grid-template-columns:1fr}
  .banner-admin-card>img{width:100%;height:180px}
  .editable-products{grid-template-columns:1fr}
}


/* V5.6: soporte disponible después de la entrega */
.manual-support-note{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}
.manual-payment-actions:has(#manual-account-button:only-child) #manual-account-button{flex:1 1 100%;width:100%}


/* Mensaje de consulta antes del pago */
.checkout-chat-note{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}

/* V5.8: preguntas y respuestas integradas en cada producto */
.plan-card.questions-open{grid-column:span 2;overflow:visible;transform:none;box-shadow:0 22px 58px rgba(0,0,0,.34);border-color:rgba(139,92,246,.42)}
.product-questions-toggle{width:100%;margin-top:12px;padding:10px 11px;border:1px solid rgba(139,92,246,.24);border-radius:12px;background:rgba(139,92,246,.08);color:#d9d2ff;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;cursor:pointer;text-align:left}
.product-questions-toggle span{flex:1}
.product-questions-toggle b{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:rgba(139,92,246,.22);color:#fff;font-size:9px}
.product-questions-toggle i{font-style:normal;font-size:15px;transition:transform .2s ease}
.product-questions-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.product-questions-panel{margin-top:10px;padding:13px;border:1px solid rgba(139,92,246,.22);border-radius:15px;background:rgba(8,10,20,.74)}
.product-questions-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.product-questions-title>div{display:flex;flex-direction:column;gap:3px}
.product-questions-title strong{font-size:12px;color:#fff}
.product-questions-title small{font-size:8px;color:#858ba2}
.product-questions-title>span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:rgba(139,92,246,.16);color:#cbbdff;font-size:10px;font-weight:900}
.product-questions-list{display:grid;gap:9px;max-height:410px;overflow:auto;padding:12px 2px}
.product-question-item{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.product-question-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.product-question-head strong{font-size:10px;color:#f1f2f8}
.product-question-head small{font-size:8px;color:#7f869b}
.question-status{margin-left:auto;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.question-status.open{background:rgba(245,186,56,.11);color:#f5c557}
.question-status.answered{background:rgba(63,226,154,.1);color:#56e3a4}
.product-question-item>p{margin:0;color:#d7daea;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.seller-answer{margin-top:10px;padding:10px 11px;border-left:3px solid #8b5cf6;border-radius:0 10px 10px 0;background:rgba(139,92,246,.1)}
.seller-answer span{display:block;color:#bca9ff;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.seller-answer p{margin:5px 0 0;color:#f2efff;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.seller-answer small{display:block;margin-top:6px;color:#848ba0;font-size:7px}
.product-questions-empty{padding:20px 12px;text-align:center;color:#858ba2}
.product-questions-empty strong{display:block;color:#d9ddea;font-size:11px}
.product-questions-empty p{margin:5px 0 0;font-size:9px}
.product-question-form{padding-top:12px;border-top:1px solid var(--line)}
.product-question-form label{display:block;color:#c5cad9;font-size:9px;font-weight:800}
.product-question-form textarea{width:100%;min-height:75px;margin-top:7px;padding:10px 11px;resize:vertical;border:1px solid var(--line);border-radius:11px;background:#0b0e1b;color:#fff;outline:0;font:inherit;font-size:10px;line-height:1.5}
.product-question-form textarea:focus{border-color:rgba(139,92,246,.58);box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.product-question-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.product-question-form>div small{color:#787f95;font-size:7px;line-height:1.4}
.product-question-status{min-height:16px;margin:7px 0 0;color:#ff8ba0;font-size:8px}
.product-question-login{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.product-question-login p{margin:0;color:#858ba2;font-size:9px}
.product-questions-loading,.product-question-error{margin:0;padding:15px;text-align:center;color:#858ba2;font-size:9px}
.product-question-error{color:#ff8ba0}
@media(max-width:980px){.plan-card.questions-open{grid-column:1/-1}}
@media(max-width:620px){.plan-card.questions-open{grid-column:1/-1}.product-question-form>div,.product-question-login{align-items:stretch;flex-direction:column}.product-question-form .mini-account-action,.product-question-login .mini-account-action{width:100%;text-align:center}.product-questions-list{max-height:360px}}

/* V5.8: administración de consultas públicas */
.product-questions-admin-list{display:grid;gap:12px;margin-top:18px}
.product-question-admin-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.product-question-admin-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.product-question-admin-meta>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.product-question-admin-meta strong{font-size:13px;color:#f1f3fa}
.product-question-admin-meta small{color:#7e859a;font-size:9px;text-align:right}
.question-admin-status.status-open{color:#f5c557;background:rgba(245,186,56,.1)}
.question-admin-status.status-answered{color:#56e3a4;background:rgba(63,226,154,.1)}
.question-admin-status.status-hidden{color:#9ba1b4;background:rgba(255,255,255,.06)}
.product-question-admin-text{margin:0 0 12px;padding:12px;border-left:3px solid #8b5cf6;border-radius:0 10px 10px 0;background:rgba(139,92,246,.07);color:#e0e3ef;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.product-question-current-answer{margin-bottom:12px;padding:11px;border:1px solid rgba(63,226,154,.18);border-radius:11px;background:rgba(63,226,154,.05)}
.product-question-current-answer span{display:block;color:#56e3a4;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.product-question-current-answer p{margin:6px 0 0;color:#dfeee7;font-size:10px;line-height:1.5}
.product-question-answer-label{display:block;color:#aeb4c7;font-size:9px;font-weight:800}
.product-question-answer-label textarea{width:100%;min-height:84px;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#0b0e1b;color:#fff;resize:vertical;outline:0;font:inherit;font-size:10px;line-height:1.5}
.product-question-answer-label textarea:focus{border-color:rgba(139,92,246,.58);box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.product-question-admin-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}
@media(max-width:720px){.product-question-admin-meta{display:block}.product-question-admin-meta small{display:block;margin-top:6px;text-align:left}.product-question-admin-actions>*{flex:1}}

/* V5.9: reputación y reseñas verificadas */
.product-rating-line{display:flex;align-items:center;gap:7px;margin:9px 0 2px;color:#f7c948}
.product-rating-line span{font-size:12px;letter-spacing:1px}
.product-rating-line small{color:#9299ad;font-size:8px}
.reviews-section{padding:72px 5vw}
.reviews-summary{max-width:760px;margin:24px auto 26px;padding:22px 24px;border:1px solid rgba(139,92,246,.25);border-radius:20px;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:center;gap:20px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.reviews-summary>strong{font-size:44px;line-height:1;color:#fff}
.reviews-summary>div{display:flex;flex-direction:column;gap:3px}
.reviews-summary>div span{font-size:20px;letter-spacing:2px;color:#f7c948}
.reviews-summary>div small{font-size:10px;color:#aeb4c7}
.reviews-summary>em{font-style:normal;padding:7px 10px;border-radius:999px;background:rgba(63,226,154,.1);color:#56e3a4;font-size:9px;font-weight:900}
.reviews-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto}
.review-card{padding:19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);min-width:0}
.review-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.review-card-head>div{display:flex;flex-direction:column;gap:5px}
.review-card-head strong{font-size:12px;color:#fff}
.review-card-head time{font-size:8px;color:#7f869b;text-align:right}
.verified-review{width:max-content;padding:4px 7px;border-radius:999px;background:rgba(63,226,154,.1);color:#56e3a4;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.review-stars,.review-admin-stars{margin:12px 0 7px;color:#f7c948;letter-spacing:2px;font-size:15px}
.review-card h3{margin:0 0 8px;color:#cbbdff;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.review-card>p{margin:0;color:#d8dbea;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.review-seller-response{margin-top:13px;padding:11px;border-left:3px solid #8b5cf6;border-radius:0 11px 11px 0;background:rgba(139,92,246,.09)}
.review-seller-response span{font-size:7px;font-weight:900;color:#bca9ff;letter-spacing:.05em}
.review-seller-response p{margin:5px 0 0;color:#ede9ff;font-size:9px;line-height:1.5}
.reviews-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:#8d94a8}
.reviews-empty strong{display:block;color:#e4e7f1;margin-bottom:6px}
.order-review-summary{margin-top:10px;padding:10px 12px;border:1px solid rgba(247,201,72,.14);border-radius:12px;background:rgba(247,201,72,.04);display:flex;flex-direction:column;gap:4px}
.order-review-summary>span{color:#f7c948;letter-spacing:1px;font-size:12px}
.order-review-summary small{color:#b9bfd0;font-size:9px;line-height:1.45}
.order-review-summary .review-admin-note{color:#cbbdff}
.review-action{border-color:rgba(247,201,72,.25)!important;color:#f7d66f!important}
.review-star-picker{display:flex;justify-content:center;gap:5px;margin:18px 0}
.review-star-picker button{border:0;background:transparent;color:#444b61;font-size:34px;line-height:1;cursor:pointer;transition:transform .15s ease,color .15s ease}
.review-star-picker button:hover,.review-star-picker button.selected{color:#f7c948;transform:translateY(-2px)}
.review-public-note{display:block;margin:8px 0 14px;color:#7e859a;font-size:8px;line-height:1.45}
.review-dialog{max-width:520px}
.reviews-admin-list{display:grid;gap:12px;margin-top:18px}
.review-admin-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.review-admin-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.review-admin-meta>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-admin-meta strong{font-size:13px;color:#f1f3fa}
.review-admin-meta small{font-size:8px;color:#7e859a;text-align:right}
.review-admin-stars{display:flex;align-items:center;gap:8px}
.review-admin-stars b{color:#b7bdd0;font-size:9px;letter-spacing:0}
.review-admin-comment{margin:0 0 12px;padding:12px;border-left:3px solid #f7c948;border-radius:0 10px 10px 0;background:rgba(247,201,72,.05);color:#e0e3ef;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.status-published{color:#56e3a4;background:rgba(63,226,154,.1)}
@media(max-width:900px){.reviews-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.reviews-section{padding:54px 16px}.reviews-list{grid-template-columns:1fr}.reviews-summary{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.reviews-summary>strong{font-size:38px}.review-card-head{align-items:flex-start}.review-admin-meta{display:block}.review-admin-meta small{display:block;margin-top:6px;text-align:left}}


/* V6.0 · Solicitudes manuales de ayuda de acceso */
.access-help-note{margin:12px 0 0;color:var(--muted,#a7acc3);font-size:.78rem;line-height:1.45}
.access-help-summary{margin-top:10px;padding:11px 13px;border:1px solid rgba(117,71,238,.28);border-radius:12px;background:rgba(117,71,238,.08);display:grid;gap:4px}
.access-help-summary span{font-weight:800;color:#d8ccff}
.access-help-summary small{color:var(--muted,#a7acc3);line-height:1.4}
.access-help-summary .access-help-response{color:#fff;background:rgba(255,255,255,.06);padding:8px 10px;border-radius:9px}
.access-help-pending{opacity:.72;cursor:not-allowed}
.access-help-admin-list{display:grid;gap:14px}
.access-help-admin-card{border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:16px;background:rgba(255,255,255,.035);display:grid;gap:11px}
.access-help-admin-card.admin-item-inactive{opacity:.72}
.access-help-admin-meta{display:grid;gap:5px}
.access-help-admin-meta>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.access-help-admin-meta small,.access-help-admin-date{color:var(--muted,#a7acc3)}
.access-help-admin-message{margin:0;padding:11px 13px;border-left:3px solid #8a63ff;background:rgba(138,99,255,.08);border-radius:0 10px 10px 0;line-height:1.5}
.access-help-admin-response{padding:11px 13px;border-radius:11px;background:rgba(40,197,136,.09);border:1px solid rgba(40,197,136,.22)}
.access-help-admin-response span{display:block;color:#80e3bc;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.access-help-admin-response p{margin:0;line-height:1.45}
.access-help-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.access-help-admin-meta>div{align-items:flex-start;flex-direction:column}.access-help-admin-actions>*{flex:1 1 140px}}


/* V6.0.1 · Chat visible desde Mi cuenta */
.account-chat-action{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(124,58,237,.82),rgba(99,55,190,.72))!important;
  border-color:rgba(167,139,250,.62)!important;
}
.account-chat-action:hover{filter:brightness(1.08)}

/* V6.1 · Fondo editable y recuperación de contraseña */
:root{
  --site-background-image:none;
  --site-background-position:center center;
  --site-background-overlay:.62;
}
body.custom-site-background{
  isolation:isolate;
  background:transparent;
}
body.custom-site-background::before,
body.custom-site-background::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}
body.custom-site-background::before{
  z-index:-3;
  background-color:#070912;
  background-image:var(--site-background-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:var(--site-background-position);
}
body.custom-site-background::after{
  z-index:-2;
  background:rgba(4,6,15,var(--site-background-overlay));
  backdrop-filter:saturate(.9);
}
body.custom-site-background .ambient{z-index:-1}
.auth-text-button{
  width:max-content;
  margin:-2px 0 4px auto;
  padding:3px 0;
  border:0;
  background:transparent;
  color:var(--violet-light);
  font-size:11px;
  font-weight:800;
}
.auth-text-button:hover{text-decoration:underline;color:#fff}

.launch-status-card{border-color:rgba(63,226,154,.16)}
.launch-summary-ok,.launch-summary-warn{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}
.launch-summary-ok{color:#65e9aa;background:rgba(63,226,154,.1)}
.launch-summary-warn{color:#ffd36a;background:rgba(255,196,70,.1)}
.launch-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.launch-check{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.launch-check>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-weight:900}
.launch-check div{min-width:0;display:grid;gap:3px}
.launch-check strong{font-size:10px}
.launch-check small{color:var(--muted);font-size:8px;line-height:1.35}
.launch-check.ok>span{color:#65e9aa;background:rgba(63,226,154,.11)}
.launch-check.error>span{color:#ff9aaa;background:rgba(255,112,133,.11)}
.launch-check.optional>span{color:#ffd36a;background:rgba(255,196,70,.09)}

.background-editor-preview{min-height:250px}
.background-editor-preview img{height:280px;object-fit:cover}
.background-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.background-admin-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}
.background-admin-card.is-active{border-color:rgba(63,226,154,.32);box-shadow:inset 0 0 0 1px rgba(63,226,154,.08)}
.background-admin-card>img{width:150px;height:92px;object-fit:cover;border-radius:12px}
.background-admin-card>div:nth-child(2){min-width:0;display:grid;gap:6px}
.background-admin-card small{color:var(--muted);font-size:9px}
.background-admin-card .admin-card-actions{grid-column:1/-1}

@media(max-width:1050px){
  .launch-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.custom-site-background::before{background-attachment:scroll}
  .launch-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .background-admin-list{grid-template-columns:1fr}
}
@media(max-width:520px){
  .launch-status-grid{grid-template-columns:1fr}
  .background-admin-card{grid-template-columns:110px minmax(0,1fr)}
  .background-admin-card>img{width:110px;height:82px}
}


/* V6.2 · Seguridad, alertas, respaldo y auditoría */
.operations-center-card{border-color:rgba(124,77,255,.25)}
.operations-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.backup-warning{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,196,70,.2);border-radius:12px;background:rgba(255,196,70,.05)}
.operations-alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.operations-alert{display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.operations-alert strong{font-size:24px;line-height:1}
.operations-alert span{font-size:10px;font-weight:900}
.operations-alert small{font-size:8px;color:var(--muted)}
.operations-alert.ok strong{color:#65e9aa}
.operations-alert.warn strong{color:#ffd36a}
.operations-alert.danger strong{color:#ff8296}
.operations-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.operations-subtitle{margin:0 0 10px;font-size:12px}
.low-stock-list,.audit-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px}
.low-stock-row,.audit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}
.low-stock-row>div,.audit-row>div{min-width:0;display:grid;gap:3px}
.low-stock-row strong,.audit-row strong{font-size:10px}
.low-stock-row small,.audit-row small{font-size:8px;color:var(--muted);overflow-wrap:anywhere}
.low-stock-row>span{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:rgba(255,196,70,.1);color:#ffd36a;font-size:8px;font-weight:900}
.low-stock-row.is-empty{border-color:rgba(255,112,133,.22)}
.low-stock-row.is-empty>span{background:rgba(255,112,133,.1);color:#ff9aaa}
.audit-row time{flex:0 0 auto;color:var(--muted);font-size:8px;text-align:right}
.success-help{color:#65e9aa}
@media(max-width:980px){
  .operations-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .operations-columns{grid-template-columns:1fr}
}
@media(max-width:560px){
  .operations-head-actions{justify-content:flex-start}
  .operations-alert-grid{grid-template-columns:1fr}
  .low-stock-row,.audit-row{align-items:flex-start}
}