/* Silla Creators (sillamc.es/creadores) */
.cr{max-width:980px;margin:0 auto;padding:84px 18px 40px}
.cr h1,.cr h2{font-family:'Archivo Black',sans-serif;font-weight:400;letter-spacing:-.3px}
.cr h2{font-size:clamp(24px,4vw,32px);margin:0 0 14px}
.cr h3{font:800 18px Inter,sans-serif;margin:22px 0 10px}
.cr p{line-height:1.6}
.cr code{background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);border-radius:6px;padding:1px 6px;font-size:.92em;color:var(--gold,#f4b63a)}
.cr-note{color:var(--muted,#9db089);font-size:14px}
.cr-empty{color:var(--muted,#9db089);text-align:center;padding:14px;list-style:none}

.cr-hero{text-align:center;padding:30px 0 34px}
.cr-kicker{font:800 12px Inter;letter-spacing:.18em;color:var(--gold,#f4b63a);margin:0 0 10px}
.cr-hero h1{font-size:clamp(40px,8vw,72px);margin:0;line-height:1}
.cr-hero h1 span{color:var(--green,#7ec241)}
.cr-lead{max-width:640px;margin:18px auto 24px;font-size:18px;color:#dbe8ce}
.cr-hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.cr-pot,.cr-card,.cr-section{background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:16px;padding:22px;margin-bottom:22px}
.cr-section{background:transparent;border:0;padding:8px 0;margin:34px 0}
.cr-pot__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.cr-pot__head h2{margin:0}
.cr-pot__head small{font:600 15px Inter;color:var(--muted,#9db089)}
.cr-pot__head p{margin:0;color:var(--muted,#9db089)}
.cr-pot__head b{color:var(--gold,#f4b63a);font-size:22px}
.cr-bar{height:14px;background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);border-radius:999px;overflow:hidden;margin:12px 0 8px}
.cr-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2,#e08a17),var(--gold,#f4b63a));transition:width .6s}
.cr-top{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;counter-reset:top}
.cr-top li:not(.cr-empty){display:flex;align-items:center;gap:12px;background:var(--bg2,#111509);border-radius:10px;padding:10px 14px;counter-increment:top}
.cr-top li:not(.cr-empty)::before{content:counter(top);font:800 16px 'Archivo Black';color:var(--gold,#f4b63a);min-width:20px}
.cr-top__name{font-weight:800;flex:1}.cr-top__name a{color:inherit}
.cr-top__meta{color:var(--muted,#9db089);font-size:13px}
.cr-top b{color:var(--green,#7ec241)}

.cr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.cr-grid .cr-card{margin:0;padding:18px}
.cr-grid h3{margin:0 0 8px}
.cr-grid p{margin:0;color:#c9d6bb;font-size:15px}
.cr-steps,.cr-list{padding-left:22px;margin:0}
.cr-steps li,.cr-list li{margin-bottom:10px;line-height:1.55}
.cr-steps li::marker{color:var(--gold,#f4b63a);font-weight:800}

.cr-kit{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.cr-kit div{display:flex;align-items:center;gap:12px;background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:12px;padding:12px 16px;font-weight:700}
.cr-px{width:40px;height:40px;image-rendering:pixelated}
.cr-leather{filter:sepia(1) saturate(2.6) hue-rotate(-12deg) brightness(.85)}
.cr-claim{background:var(--card,#171c11);border:1px solid var(--gold,#f4b63a);border-radius:14px;padding:18px;margin:14px 0}
.cr-claim form{display:flex;gap:10px;flex-wrap:wrap}
.cr-claim input{flex:1;min-width:200px;background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);color:var(--gold,#f4b63a);border-radius:10px;padding:12px 14px;font:800 18px Inter;letter-spacing:.08em;text-transform:uppercase}
.cr-prog{margin-top:10px}.cr-prog span{font-size:13px;color:var(--muted,#9db089)}
.cr-req,.cr-faq{background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:12px;padding:12px 16px;margin-bottom:10px}
.cr-req summary,.cr-faq summary{cursor:pointer;font-weight:800}
.cr-req ul{margin:10px 0 0;padding-left:20px}

.cr-table{overflow-x:auto}
.cr table{width:100%;border-collapse:collapse;font-size:15px}
.cr th{text-align:left;color:var(--muted,#9db089);font-size:12px;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line,#2c3620)}
.cr td{padding:10px;border-bottom:1px solid #20281a;vertical-align:top}
.cr td small{color:var(--muted,#9db089)}
.cr-money{font:800 20px Inter;color:var(--green,#7ec241);white-space:nowrap}
.cr-zero{color:var(--muted,#9db089)}.cr-zero small{display:block;font:600 12px Inter}

.cr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cr-stats div{background:var(--bg2,#111509);border-radius:12px;padding:12px}
.cr-stats b{display:block;font:800 26px Inter;color:var(--gold,#f4b63a)}
.cr-stats span{font-size:12px;color:var(--muted,#9db089)}

.cr-admin{border-color:var(--gold,#f4b63a)}
.cr-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.cr-form input,.cr-form select{background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);color:var(--text,#e9f0e0);border-radius:8px;padding:9px 10px;font:14px Inter}
.cr-form label{display:flex;flex-direction:column;font-size:12px;color:var(--muted,#9db089);gap:4px}
.cr-form label.cr-check{flex-direction:row;align-items:center;gap:6px;font-size:14px;color:var(--text,#e9f0e0)}
.cr-sm{padding:5px 9px;font-size:12px;margin:2px}
@media (max-width:640px){.cr-stats{grid-template-columns:repeat(2,1fr)}.cr{padding-top:70px}}

.cr-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.cr-tier{background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:14px;padding:18px;position:relative}
.cr-tier h3{margin:10px 0 6px}.cr-tier p{margin:0;color:#c9d6bb;font-size:15px}
.cr-tier__n{display:inline-block;font:800 12px Inter;letter-spacing:.06em;text-transform:uppercase;background:var(--bg2,#111509);color:var(--green,#7ec241);border-radius:999px;padding:4px 10px}
.cr-tier--top{border-color:var(--gold,#f4b63a)}.cr-tier--top .cr-tier__n{color:var(--gold,#f4b63a)}
.cr-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px}
.cr-step{background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:14px;padding:18px;position:relative}
.cr-step h3{margin:10px 0 8px}.cr-step ul{margin:0;padding-left:18px;color:#c9d6bb;font-size:14px}.cr-step li{margin-bottom:6px}
.cr-step--paid{border-color:var(--gold,#f4b63a);background:linear-gradient(160deg,rgba(244,182,58,.12),var(--card,#171c11) 55%)}
.cr-step--paid .cr-tier__n{color:var(--gold,#f4b63a)}

/* Logo de SillaMC Creators en la cabecera */
.cr-hero .cr-logo{margin:4px auto 18px;line-height:0}
.cr-hero .cr-logo img{display:block;width:min(560px,92%);height:auto;margin:0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}

/* Solicitud de creador y envío de directos (sin tickets) */
.cr-apply{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.cr-apply label{min-width:0}
.cr-apply input,.cr-apply select,.cr-apply textarea{width:100%;min-height:44px}
.cr-apply textarea{background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);color:var(--text,#e9f0e0);border-radius:8px;padding:9px 10px;font:14px Inter;resize:vertical}
.cr-apply .cr-wide{grid-column:1/-1}
.cr-apply>button{justify-self:start;min-height:44px}
@media (max-width:640px){.cr-apply{grid-template-columns:1fr}}
.cr-appstatus{background:var(--card,#171c11);border:1px solid var(--line,#2c3620);border-radius:12px;padding:14px 16px;margin:8px 0}
.cr-appstatus b{color:var(--gold,#f4b63a)}
.cr-apps{display:grid;gap:10px;margin-bottom:16px}
.cr-app{background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);border-radius:12px;padding:12px 14px;font-size:14px}
.cr-app p{margin:4px 0;color:var(--muted,#9db089)}
.cr-app p b{color:var(--text,#e9f0e0)}
.cr-app .cr-form{margin:10px 0 0}
.cr-app--done{opacity:.75;padding:8px 14px}
#appLogin .btn{margin-top:8px}

/* Plataformas de la solicitud: botones que se marcan */
.cr-plats{display:grid;gap:10px}
.cr-plats__label{font-size:12px;color:var(--muted,#9db089)}
.cr-plats__btns{display:flex;flex-wrap:wrap;gap:8px}
.cr-plat{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line,#2c3620);background:var(--bg2,#111509);
  color:var(--muted,#9db089);font:600 14px Inter;cursor:pointer}
.cr-plat[aria-pressed="true"]{border-color:var(--gold,#f4b63a);color:var(--gold,#f4b63a);background:rgba(244,182,58,.1)}
.cr-plat[aria-pressed="true"]::before{content:"✓ "}
.cr-plats__urls{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cr-plats__urls:empty{display:none}
.cr-plats__urls label{display:flex;flex-direction:column;font-size:12px;color:var(--muted,#9db089);gap:4px}
@media (max-width:640px){.cr-plats__urls{grid-template-columns:1fr}}

/* Pack del creador para sus seguidores */
.cr-pack{display:grid;gap:14px;margin-bottom:18px}
.cr-pack__top{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.cr-pack__name{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted,#9db089)}
.cr-pack__name input{min-height:44px;background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);color:var(--text,#e9f0e0);border-radius:8px;padding:9px 10px;font:14px Inter}
.cr-pack__budget{display:grid;gap:6px;font-size:14px;color:var(--muted,#9db089)}
.cr-pack__budget b{color:var(--gold,#f4b63a);font-size:18px}
.cr-pack__items h4{margin:10px 0 8px;font-size:13px;color:var(--muted,#9db089)}
.cr-pack__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.cr-packit{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:48px;padding:8px 10px;text-align:left;
  background:var(--bg2,#111509);border:1px solid var(--line,#2c3620);border-radius:10px;color:var(--text,#e9f0e0);font:600 13px Inter;cursor:pointer}
.cr-packit img{image-rendering:pixelated}
.cr-packit em{font-style:normal;font-size:11px;color:var(--muted,#9db089);white-space:nowrap}
.cr-packit[aria-pressed="true"]{border-color:var(--gold,#f4b63a);background:rgba(244,182,58,.1)}
.cr-packit[aria-pressed="true"] em{color:var(--gold,#f4b63a)}
.cr-packit[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.cr-pack__save{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cr-pack__save .btn:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:640px){.cr-pack__top{grid-template-columns:1fr}.cr-pack__grid{grid-template-columns:1fr 1fr}}
.cr-packit__ico{width:28px;height:28px;object-fit:contain}

/* Lo oculto se oculta siempre (las cuadrículas de los formularios lo anulaban) */
.cr [hidden]{display:none!important}
.cr-help{display:block;margin-top:2px;font-size:11.5px;line-height:1.4;color:var(--muted,#9db089)}
.cr-apply{align-items:start}

.cr-login{background:var(--card,#171c11);border:1px solid var(--gold,#f4b63a);border-radius:12px;padding:14px 16px;margin:8px 0 4px}
.cr-login b{display:block;color:var(--gold,#f4b63a);margin-bottom:6px}
.cr-login ol{margin:0 0 12px;padding-left:20px;display:grid;gap:4px;color:var(--text,#e9f0e0);font-size:14px}

/* admin: fichas de creador, tramo de directo y jugadores nuevos */
.cr-cards2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:10px 0 18px}
.cr-ccard{border:2px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.cr-ccard--off{opacity:.55}
.cr-ccard__top small{opacity:.7}
.cr-ccard__links,.cr-ccard__days{display:flex;flex-wrap:wrap;gap:6px}
.cr-ccard__links .btn{text-decoration:none}
.cr-live{color:#5ee36a;font-weight:700;font-size:.85em}
.cr-day{font:inherit;font-size:.82em;padding:3px 8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:inherit;cursor:pointer}
.cr-day:hover{border-color:#f5c542;color:#f5c542}
.cr-muted{opacity:.6;font-size:.9em}
.cr-tramo{border:2px solid rgba(245,197,66,.35);padding:12px 14px;margin:10px 0 18px}
.cr-tramo__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:8px}
.cr-tramo__kpis div{background:rgba(0,0,0,.3);padding:10px;display:flex;flex-direction:column}
.cr-tramo__kpis b{font-size:1.8em;color:#f5c542;line-height:1.1}
.cr-tramo__kpis span{font-size:.85em;opacity:.8}
.cr-assign{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.cr-assign select{padding:3px 6px}
.cr-ranges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.cr-day.is-on{border-color:#f5c542;color:#1a1a1a;background:#f5c542}