/*
 * TowaShop Bots — vista previa local v1
 * Deliberadamente aislada bajo #page-bots para poder aprobarla o retirarla sin
 * afectar la tienda, checkout ni la lógica existente de destinatarios.
 */
#page-bots{
  --bots-blue:#6478ff;
  --bots-violet:#9169ff;
  --bots-mint:#45e6ae;
  --bots-yellow:#ffd94a;
  --bots-panel:#0c1222;
  --bots-panel-2:#11192d;
  background:
    radial-gradient(circle at 6% 34%,rgba(77,94,255,.2),transparent 30%),
    radial-gradient(circle at 88% 58%,rgba(255,201,45,.12),transparent 31%);
}
body:has(#page-bots.active) .roulette-discovery{display:none!important}

#page-bots .bots-hq{max-width:1280px;padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(70px,8vw,120px)}

#page-bots .bots-hq-hero{max-width:820px;margin-bottom:30px;text-align:left}
#page-bots .bots-c-visual{display:none}
#page-bots .bots-signal-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
#page-bots .bots-signal{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:6px 12px;border:1px solid #283451;border-radius:999px;background:rgba(13,19,35,.78);color:#8e9ab5;font:800 9px/1 Inter,sans-serif;letter-spacing:.14em;box-shadow:inset 0 1px rgba(255,255,255,.025)}
#page-bots .bots-signal-live{border-color:rgba(69,230,174,.34);background:rgba(69,230,174,.075);color:var(--bots-mint)}
#page-bots .bots-signal-live i{width:7px;height:7px;border-radius:50%;background:var(--bots-mint);box-shadow:0 0 0 4px rgba(69,230,174,.1),0 0 14px rgba(69,230,174,.7);animation:botsLivePulse 1.8s ease-in-out infinite}
#page-bots .bots-signal-time{border-color:rgba(255,217,74,.28);color:#e7c960}
#page-bots .bots-hq-hero h1{max-width:780px;margin:0;color:#f6f8ff;font:900 clamp(52px,6.2vw,86px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.035em;text-wrap:balance}
#page-bots .bots-hq-hero h1 span{display:inline;color:var(--bots-blue)}
#page-bots .bots-hq-hero>p{max-width:670px;margin-top:22px;color:#9ca7bf;font-size:15px;line-height:1.75}

#page-bots .bots-command{position:relative;overflow:hidden;border:1px solid #26314c;border-radius:24px;background:linear-gradient(150deg,rgba(16,23,42,.98),rgba(7,11,21,.98));box-shadow:0 30px 80px rgba(0,0,0,.28)}
#page-bots .bots-command::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 4% 0,rgba(100,120,255,.12),transparent 28%),linear-gradient(115deg,transparent 62%,rgba(69,230,174,.025));}
#page-bots .bots-route{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 22px;border-bottom:1px solid #242f49;background:rgba(8,12,23,.72)}
#page-bots .bots-route article{position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;min-height:54px;padding:8px 20px;color:#65718d;border-right:1px solid #26304a}
#page-bots .bots-route article:last-child{border-right:0}
#page-bots .bots-route article b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #2b3550;border-radius:50%;font-size:9px;color:#65718d;background:#10162a}
#page-bots .bots-route article strong,#page-bots .bots-route article span{display:block}
#page-bots .bots-route article strong{font-size:11px;color:#abb4c8}
#page-bots .bots-route article span{margin-top:3px;color:#5f6a85;font-size:9px;letter-spacing:.04em}
#page-bots .bots-route article.is-current{color:#fff}
#page-bots .bots-route article.is-current::after{content:"";position:absolute;left:14px;right:14px;bottom:-18px;height:2px;background:linear-gradient(90deg,var(--bots-blue),var(--bots-violet));box-shadow:0 0 18px rgba(100,120,255,.8)}
#page-bots .bots-route article.is-current b{border-color:transparent;background:linear-gradient(135deg,var(--bots-blue),var(--bots-violet));color:#fff;box-shadow:0 7px 18px rgba(100,120,255,.28)}
#page-bots .bots-route article.is-current strong{color:#fff}

#page-bots .ready-shell.bots-command-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(370px,.84fr);gap:0;max-width:none;margin:0}
#page-bots .bots-command-grid .bot-form{order:initial!important;max-width:none;width:auto;padding:34px 36px 38px!important;border:0;border-right:1px solid #242f49;border-radius:0;background:transparent!important}
#page-bots .bots-command-grid .readiness-panel{order:initial!important;padding:34px 30px!important;border:0;border-radius:0;background:linear-gradient(145deg,rgba(100,120,255,.075),rgba(14,20,37,.7))}
#page-bots .bots-card-label{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#page-bots .bots-card-label>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(100,120,255,.42);border-radius:10px;background:rgba(100,120,255,.11);color:#9cafff;font-size:10px;font-weight:900}
#page-bots .bots-card-label small,#page-bots .bots-card-label strong{display:block}
#page-bots .bots-card-label small{color:var(--bots-mint);font-size:8px;font-weight:900;letter-spacing:.16em}
#page-bots .bots-card-label strong{margin-top:2px;color:#f5f7ff;font:800 25px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
#page-bots .recipient-form-copy{max-width:700px;margin-bottom:18px;color:#8793ad;font-size:12px;line-height:1.65}

#page-bots .nick-platform-picker{gap:7px;margin-bottom:16px}
#page-bots .nick-platform-picker button{min-height:32px;padding:7px 12px;border-radius:8px;background:#0b1120;color:#75819c;font-size:10px}
#page-bots .nick-platform-picker button.active{border-color:rgba(100,120,255,.7);background:linear-gradient(135deg,rgba(100,120,255,.22),rgba(145,105,255,.13));color:#fff}
#page-bots .form-label{display:block;margin-bottom:7px;color:#78849e;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#page-bots .bots-nick-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:8px}
#page-bots .bots-nick-row .form-input{height:50px;padding:0 16px;border-color:#2a3654;border-radius:10px;background:#0a1020;font-weight:700}
#page-bots .bots-nick-row .form-input:focus{border-color:var(--bots-blue);box-shadow:0 0 0 3px rgba(100,120,255,.12)}
#page-bots .bots-nick-row .nick-lookup-button{height:50px;margin:0;border-color:#33405f;border-radius:10px;background:#151d32;color:#dce3f6;font-size:11px}
#page-bots .bots-nick-row .nick-lookup-button:hover{border-color:var(--bots-blue);background:#1a2541}
#page-bots .bots-nick-row .nick-lookup-button span{margin-right:4px;font-size:16px}
#page-bots .form-hint{padding-left:18px;margin-top:10px;color:#65718b;font-size:10px;line-height:1.5;position:relative}
#page-bots .form-hint::before{content:"";position:absolute;left:2px;top:5px;width:7px;height:7px;border:1px solid var(--bots-mint);border-radius:50%;box-shadow:0 0 9px rgba(69,230,174,.35)}
#page-bots .ready-checks{gap:6px;margin-top:14px}
#page-bots .ready-checks span{padding:6px 8px;border-color:#222e48;background:#0a1020;color:#78859f;font-size:9px}
#page-bots .bot-target-selector{margin-top:18px;padding-top:17px;border-top:1px solid #222d46}
#page-bots .bot-target-selector>strong{margin-bottom:9px;color:#8f9bb5;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
#page-bots .bot-target-selector>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#page-bots .bot-target-selector label{min-height:48px;border-color:#27334f;background:#0a1020}
#page-bots .bot-target-selector label span{font-size:10px}
#page-bots .bots-primary-action{margin-top:16px}
#page-bots .bots-primary-action .btn{width:100%;min-height:48px;padding:13px;background:linear-gradient(110deg,#586fff,#8e5cf4);box-shadow:0 12px 28px rgba(91,103,255,.2);font-size:11px;letter-spacing:.04em;text-transform:uppercase}

#page-bots .readiness-head{align-items:flex-start;margin-bottom:22px}
#page-bots .readiness-head small,#page-bots .readiness-head span{display:block}
#page-bots .readiness-head small{margin-bottom:5px;color:var(--bots-mint);font-size:8px;font-weight:900;letter-spacing:.16em}
#page-bots .readiness-head span{color:#f1f4ff;font:800 21px/1 'Barlow Condensed',sans-serif;letter-spacing:0}
#page-bots .readiness-head strong{background:rgba(100,120,255,.16);color:#bbc5ff}
#page-bots .bot-accept-all-note{grid-template-columns:32px 1fr;gap:10px;align-items:center;margin-bottom:15px;padding:12px 13px;border-color:rgba(255,203,72,.32);border-radius:12px;background:rgba(255,203,72,.065)}
#page-bots .bot-accept-all-note>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,217,74,.32);border-radius:9px;background:rgba(255,217,74,.08);color:var(--bots-yellow);font-style:normal;font-weight:900}
#page-bots .bot-accept-all-note strong{color:#f0e2a8;font-size:11px}
#page-bots .bot-accept-all-note span{color:#887f6e;font-size:9px}
#page-bots .recipient-login-note,#page-bots .recipient-empty{padding:20px 16px;border-color:#2a3550;background:rgba(6,10,20,.34);color:#7f8aa3;font-size:11px;text-align:center}
#page-bots .recipient-login-button{min-height:46px;background:#0a1020}
#page-bots .epic-recipient-list{max-height:470px;overflow:auto;padding-right:3px}
#page-bots .epic-recipient-card{padding:15px;border-radius:13px;background:linear-gradient(145deg,rgba(22,31,59,.95),rgba(8,13,27,.98))}
#page-bots .epic-recipient-top strong{font-size:18px}
#page-bots .recipient-bot-grid{grid-template-columns:1fr!important}

#page-bots .bots-help{margin-top:34px}
#page-bots .bots-help-head{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:17px}
#page-bots .bots-help-head small{grid-column:1;color:#69758f;font-size:8px;font-weight:900;letter-spacing:.18em}
#page-bots .bots-help-head h2{grid-column:1;margin-top:4px;color:#f2f5ff;font:900 clamp(28px,3vw,40px)/1 'Barlow Condensed',sans-serif}
#page-bots .bots-help-head p{grid-column:2;grid-row:1/3;max-width:300px;color:#6f7a94;font-size:11px;text-align:right}
#page-bots .bot-steps.bot-steps-after{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none;margin:0}
#page-bots .bot-step{display:flex;flex-direction:column;align-items:flex-start;min-height:205px;padding:20px!important;border-color:#26314b;border-radius:14px;background:rgba(11,17,31,.88);text-align:left;box-shadow:none!important}
#page-bots .bot-step:hover{border-color:rgba(100,120,255,.55);transform:translateY(-3px);background:#10182c}
#page-bots .bot-step-icon{width:34px;height:34px;display:grid!important;place-items:center;margin:0 0 24px;border:1px solid rgba(100,120,255,.4);border-radius:9px;background:rgba(100,120,255,.1);color:#92a4ff;font-size:18px}
#page-bots .bot-step-title{margin-bottom:7px;color:#eef2ff;font-size:12px}
#page-bots .bot-step-desc{color:#77839d;font-size:10px;line-height:1.65}
#page-bots .bot-step button,#page-bots .bot-step a,#page-bots .bots-help-link{margin-top:auto;padding-top:15px;border:0;background:none;color:#8ea2ff;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none}
#page-bots .bot-step button:hover,#page-bots .bot-step a:hover{color:#fff}

@keyframes botsLivePulse{50%{opacity:.62;box-shadow:0 0 0 7px rgba(69,230,174,0),0 0 18px rgba(69,230,174,.75)}}

@media(max-width:980px){
  #page-bots .bots-hq{max-width:820px}
  #page-bots .ready-shell.bots-command-grid{grid-template-columns:1fr}
  #page-bots .bots-command-grid .bot-form{border-right:0;border-bottom:1px solid #242f49}
  #page-bots .bots-route{grid-template-columns:repeat(2,1fr)}
  #page-bots .bots-route article:nth-child(2){border-right:0}
  #page-bots .bots-route article:nth-child(-n+2){border-bottom:1px solid #26304a}
  #page-bots .bots-route article.is-current::after{display:none}
  #page-bots .bot-steps.bot-steps-after{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
  #page-bots .bots-hq{padding:40px 14px 72px!important}
  #page-bots .bots-hq-hero{margin-bottom:22px}
  #page-bots .bots-signal-row{gap:6px;margin-bottom:16px}
  #page-bots .bots-signal{min-height:25px;padding:5px 9px;font-size:7px}
  #page-bots .bots-signal:nth-child(2){display:none}
  #page-bots .bots-hq-hero h1{font-size:clamp(44px,14vw,62px);line-height:.88}
  #page-bots .bots-hq-hero>p{margin-top:16px;font-size:12px;line-height:1.65}
  #page-bots .bots-command{border-radius:18px}
  #page-bots .bots-route{display:flex;overflow-x:auto;padding:12px;scroll-snap-type:x mandatory}
  #page-bots .bots-route article{flex:0 0 72%;min-height:52px;padding:7px 13px;border:1px solid #26304a!important;border-radius:11px;scroll-snap-align:start}
  #page-bots .bots-route article.is-current{border-color:rgba(100,120,255,.62)!important;background:rgba(100,120,255,.08)}
  #page-bots .bots-command-grid .bot-form,#page-bots .bots-command-grid .readiness-panel{padding:22px 17px!important}
  #page-bots .bots-card-label strong{font-size:21px}
  #page-bots .recipient-form-copy{font-size:11px}
  #page-bots .nick-platform-picker{display:grid;grid-template-columns:repeat(2,1fr)}
  #page-bots .nick-platform-picker button{width:100%}
  #page-bots .bots-nick-row{grid-template-columns:1fr}
  #page-bots .bots-nick-row .nick-lookup-button{height:45px}
  #page-bots .bot-target-selector>div{grid-template-columns:1fr!important}
  #page-bots .bots-help-head{display:block}
  #page-bots .bots-help-head p{margin-top:8px;text-align:left}
  #page-bots .bot-steps.bot-steps-after{display:flex;overflow-x:auto;gap:10px!important;padding-bottom:8px;scroll-snap-type:x mandatory}
  #page-bots .bot-step{flex:0 0 82%;min-height:194px!important;scroll-snap-align:start}
}

@media(prefers-reduced-motion:reduce){
  #page-bots .bots-signal-live i{animation:none}
}