:root{--bg:#060b14;--card:#0d1624;--card2:#111d2d;--line:#26364b;--text:#f4f7fb;--muted:#91a0b4;--blue:#2f8cff;--cyan:#48d9ff;--green:#48e38b;--gold:#f5c451}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#12335b,#060b14 43%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{min-height:70px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;gap:18px;justify-content:space-between;align-items:center;color:var(--muted);flex-wrap:wrap;position:sticky;top:0;background:#060b14ee;backdrop-filter:blur(12px);z-index:5}header b{color:var(--text);font-size:19px}header nav{display:flex;gap:18px}header nav a{background:none;color:var(--text);padding:4px;margin:0}select,input,textarea{width:100%;background:#09111d;color:var(--text);border:1px solid #304056;border-radius:10px;padding:12px;margin:6px 0;font:inherit}header select{width:auto;margin:0;padding:8px}main{max-width:1180px;margin:auto;padding:50px 22px}.hero{padding:20px 0 35px}.hero small,.champions small{color:var(--cyan);font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.hero i{color:var(--cyan);font-style:normal}.hero p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 35px}.grid article,.dash,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:23px}.grid p{color:var(--muted)}textarea{height:80px}button,a{border:0;border-radius:9px;padding:11px 14px;margin:6px 4px 0 0;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}button:hover,a:hover{filter:brightness(1.12)}.dash{margin-bottom:55px}.stat{display:inline-flex;flex-direction:column;margin:8px 25px 0 0}.stat b{font-size:22px}.stat span,.match small{color:var(--muted);font-size:12px}.video{display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;background:var(--card);border:1px solid var(--line);padding:17px;border-radius:15px;margin:9px 0}.video>span{font-size:20px;color:var(--cyan)}.video p,.video small{color:var(--muted);margin:4px 0;font-size:13px}.video aside{text-align:right}.video aside strong{display:block;margin-top:8px}.likes{font-weight:800}.hidden{display:none!important}#modal.hidden{display:none!important}#modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:20}.box{max-width:470px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}.box #close{position:absolute;right:12px;top:8px;background:none;color:var(--muted);font-size:25px}.box strong{display:block;font-size:42px;margin:18px 0}.box a,.box button:not(#close){width:100%;text-align:center}.box #status{color:var(--green);margin-top:15px;font-size:13px}.champions{margin:35px 0 65px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{font-size:42px;margin:5px 0}.section-head p{color:var(--muted)}.pill{border:1px solid var(--line);background:var(--card);padding:10px 13px;border-radius:999px;color:var(--muted)}.champ-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.champ-tabs button{background:var(--card2)}.champ-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.match{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px;margin:9px 0}.date{font-size:11px;color:var(--muted);margin-bottom:12px}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.teams span{display:flex;align-items:center;gap:8px;font-weight:700}.teams span:last-child{justify-content:flex-end;text-align:right}.teams img,.team img{width:32px;height:32px;object-fit:contain;background:#07101b;border-radius:50%;padding:2px}.teams strong{font-size:18px}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:center}th{color:var(--muted);font-size:12px}td.team{text-align:left;display:flex;align-items:center;gap:8px}.predict-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.score{display:flex;align-items:center;gap:8px}.score input{width:80px}.history>div{display:flex;justify-content:space-between;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin:8px 0}.history span{color:var(--muted)}.empty{background:var(--card);border:1px dashed var(--line);padding:30px;border-radius:15px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 6%;color:var(--muted)}@media(max-width:850px){.grid,.champ-grid,.predict-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.video{grid-template-columns:35px 1fr}.video aside{grid-column:2;text-align:left}}@media(max-width:600px){header nav{display:none}.teams{grid-template-columns:1fr}.teams span:last-child{justify-content:flex-start}.teams strong{order:3}.hero h1{font-size:50px}}

.pay-button{display:block;text-align:center;text-decoration:none;font-weight:800;cursor:pointer;}
#paymentHelp{display:block;margin-top:10px;opacity:.8;line-height:1.4;}

/* Single CashTab checkout: legacy payment controls are hidden. */
.legacy-pay,.payment-options,.payment-option,.pay-options,.pay-with-xec,.pay-with-cashtab,.copy-payment,.open-payment,.open-cashtab,#paymentOptions button:not(#pay),#paymentOptions a:not(#pay){display:none!important}

.content-box{margin-top:16px}.content-box video{display:block;width:100%;max-height:60vh;background:#000;border-radius:10px}.content-box audio{display:block;width:100%}.unlocked{padding-top:8px}.media-wrap{margin-top:12px}
.unlock-title{font-size:20px;font-weight:800;margin:8px 0 12px}.play-now{width:100%;font-size:18px;margin-top:12px}.media-status{margin-top:10px;color:var(--muted);font-size:13px}.media-wrap video{min-height:220px}

/* V19: ajuste móvil sin cambiar la lógica de compra ni la ruta de vídeo de V17 */
.media-wrap{width:100%;max-width:100%;overflow:hidden;border-radius:12px}.media-wrap video,.media-wrap audio{width:100%;max-width:100%;height:auto;display:block}.play-now{touch-action:manipulation;min-height:48px}@media(max-width:640px){#modal{padding:8px;align-items:center}.box{width:100%;max-width:100%;max-height:94vh;overflow:auto;padding:18px}.media-wrap video{max-height:58vh;background:#000}.unlocked a,.unlocked button{width:100%;text-align:center;margin:8px 0}}

/* V23: cabecera visual aprobada por el usuario */
.hero-banner{padding:18px 0 36px;width:100%;}
.hero-banner img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;object-position:center;border-radius:20px;border:1px solid var(--line);box-shadow:0 18px 55px #0008;}
@media(max-width:700px){.hero-banner{padding:10px 0 24px}.hero-banner img{border-radius:12px;max-height:none;object-fit:contain}}

/* V24: cabecera a ancho completo, sin márgenes laterales extra */
main{max-width:none;width:100%;padding-left:0;padding-right:0;}
main > section:not(.hero-banner){max-width:1180px;margin-left:auto;margin-right:auto;}
.hero-banner{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:hidden;}
.hero-banner img{width:100%;height:auto;max-height:none;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center;}
@media(max-width:700px){.hero-banner{padding:0}.hero-banner img{width:100%;height:auto;border-radius:0;object-fit:cover}}

/* V25: cabecera centrada al 80% de la pantalla, sin desbordamiento lateral */
.hero-banner{
  width:80vw;
  max-width:80vw;
  margin-left:calc(50% - 40vw);
  margin-right:calc(50% - 40vw);
  padding:0;
  overflow:hidden;
}
.hero-banner img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
  object-position:center;
}
@media(max-width:700px){
  .hero-banner{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .hero-banner img{width:100%;height:auto;object-fit:contain;}
}

/* V27: nueva cabecera aprobada, centrada al 60% en escritorio */
.hero-banner{
  width:70vw;
  max-width:70vw;
  margin-left:calc(50% - 35vw);
  margin-right:calc(50% - 35vw);
  padding:0;
  overflow:hidden;
}
.hero-banner img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
  object-fit:contain;
  object-position:center;
}
@media(max-width:700px){
  .hero-banner{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .hero-banner img{width:100%;height:auto;object-fit:contain;}
}

/* V31: imagen exacta del usuario, 70% en escritorio. Nombre nuevo para evitar cache del navegador. */
.hero-banner{width:70vw!important;max-width:70vw!important;margin-left:calc(50% - 35vw)!important;margin-right:calc(50% - 35vw)!important;padding:0!important;overflow:hidden!important;}
.hero-banner img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
@media(max-width:700px){.hero-banner{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.hero-banner img{width:100%!important;height:auto!important;object-fit:contain!important}}

/* V32 navegación, buscador, categorías y cabecera al 80% */
.hero-banner{width:80vw!important;max-width:80vw!important;margin-left:calc(50% - 40vw)!important;margin-right:calc(50% - 40vw)!important;}
.top-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;justify-content:center}
.top-tools button{background:transparent;margin:0;padding:9px 10px;border:1px solid transparent}
.top-tools button:hover{border-color:var(--line);background:var(--card)}
.top-search{display:flex;gap:6px;min-width:260px;max-width:390px;flex:1}.top-search input{margin:0}.top-search button{margin:0;background:var(--blue)}
.category-section{margin:22px auto 30px!important}.category-section h2{text-align:center;margin-bottom:6px}.category-section>p{text-align:center;color:var(--muted);margin-top:0}
.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;margin-top:18px}.category-buttons button{margin:0;background:var(--card2);border:1px solid var(--line);min-height:52px}.category-buttons button.active{background:var(--blue);border-color:var(--cyan)}
#filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}#filters button.active{outline:2px solid var(--cyan)}
@media(max-width:700px){.hero-banner{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.top-tools{width:100%;justify-content:flex-start}.top-search{min-width:100%;max-width:none}.category-buttons{grid-template-columns:repeat(2,1fr)}}

/* V33 — responsive móvil sin tocar pagos, compras ni reproducción */
@media(max-width:700px){
  body{overflow-x:hidden}
  header{position:sticky;top:0;padding:8px 10px;gap:8px;min-height:auto;align-items:center}
  header>b{font-size:16px;width:100%;text-align:center}
  header .top-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;order:2}
  header .top-tools>button{display:block!important;width:100%;min-width:0;margin:0;padding:10px 4px;font-size:12px;white-space:normal;line-height:1.15;min-height:44px}
  header .top-search{grid-column:1/-1;display:grid;grid-template-columns:1fr 48px;gap:6px;width:100%;min-width:0!important;max-width:none!important}
  header .top-search input{min-width:0;margin:0;height:44px;font-size:16px}
  header .top-search button{margin:0;width:48px;min-height:44px;padding:8px}
  header #tag{display:none}
  header #lang{order:3;width:100%;margin:0;height:42px}
  main{width:100%;max-width:100%;padding:14px 10px 34px}
  .hero-banner{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important}
  .hero-banner img{width:100%!important;height:auto!important;object-fit:contain!important;border-radius:10px!important}
  .category-section{margin:16px auto 22px!important}
  .category-section h2{font-size:25px;margin:8px 0}
  .category-section>p{font-size:14px;padding:0 8px}
  .category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  .category-buttons button{min-width:0;min-height:48px;padding:9px 6px;font-size:13px;line-height:1.15;overflow-wrap:anywhere}
  .grid{grid-template-columns:1fr!important;gap:10px;margin:14px 0 24px}
  .grid article,.dash,.card{padding:15px;border-radius:14px}
  input,select,textarea{font-size:16px;min-height:44px}
  #file{max-width:100%}
  .section-head h2{font-size:30px}
  .video{grid-template-columns:30px minmax(0,1fr)!important;gap:10px;padding:13px;margin:8px 0}
  .video>div{min-width:0}.video b,.video p,.video small{overflow-wrap:anywhere}
  .video aside{grid-column:1/-1!important;text-align:left!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .video aside .likes,.video aside strong{grid-column:1/-1;margin:2px 0}
  .video aside button,.video aside a{width:100%;margin:0;min-height:46px;white-space:normal}
  .dash{overflow:hidden}.stat{margin:7px 14px 7px 0}
  #modal{padding:6px}.box{padding:16px 12px;max-height:96vh;border-radius:14px}
  .box strong{font-size:30px}.box a,.box button:not(#close){min-height:48px}
  .media-wrap video{width:100%!important;max-height:55vh!important;object-fit:contain;background:#000}
  .media-wrap audio{width:100%!important}
  footer{padding:20px 12px;text-align:center}
}
@media(max-width:390px){
  header .top-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .video aside{grid-template-columns:1fr}
  .video aside .likes,.video aside strong{grid-column:1}
}

/* V34 — botones compactos, manteniendo el comportamiento de V33 */
.top-tools button{padding:6px 8px;font-size:13px;min-height:34px}
.top-search button{padding:6px 10px;min-height:36px}
.category-buttons{gap:7px}
.category-buttons button{min-height:42px;padding:7px 8px;font-size:12px;border-radius:8px}
#filters button{padding:7px 10px;font-size:12px}
.video aside button,.video aside a{padding:8px 10px;font-size:12px}
@media(max-width:700px){
  header .top-tools{gap:4px}
  header .top-tools>button{padding:6px 3px;font-size:11px;min-height:34px}
  header .top-search{grid-template-columns:1fr 40px;gap:4px}
  header .top-search input{height:38px;min-height:38px;font-size:15px;padding:8px 9px}
  header .top-search button{width:40px;min-height:38px;padding:5px;font-size:12px}
  .category-buttons{gap:5px}
  .category-buttons button{min-height:38px;padding:6px 4px;font-size:11px;line-height:1.1}
  .video aside{gap:5px}
  .video aside button,.video aside a{min-height:38px;padding:6px 7px;font-size:11px}
  #filters{gap:5px}
  #filters button{padding:6px 8px;font-size:11px;margin:2px}
}
/* V35: publicación mediante URL directa */
.publish-separator{font-size:.78rem;opacity:.72;text-align:center;margin:.3rem 0}
#mediaUrl{width:100%;box-sizing:border-box}

/* V36 — aspecto de la maqueta, navegación interactiva y cuenta reparada */
.brand{font-size:24px!important;letter-spacing:-1px;white-space:nowrap}.brand span{color:#ffe600}.brand small{display:block;font-size:9px;letter-spacing:4px;text-align:center;margin-top:-4px}.account-open{background:#1488ff!important;white-space:nowrap;margin:0!important}.account-actions{display:flex;gap:7px}.account-actions button{width:100%;margin:4px 0;background:#152d52}.top-tools>button{border-radius:8px}.top-tools>button:focus{background:#102c52;border-color:#1aa8ff}.category-buttons button{background:linear-gradient(145deg,#172743,#0b1527);border-color:#31527d}.category-buttons button:hover{transform:translateY(-1px);border-color:#38aaff}.category-buttons button.active{background:#1169c9}
@media(max-width:700px){.brand{width:auto!important;font-size:19px!important}.account-open{order:1;font-size:11px;padding:6px 8px}.brand small{font-size:7px}.top-tools{order:3!important}header #lang{order:2!important;width:auto!important;margin-left:auto!important}#accountPanel{scroll-margin-top:150px}}

/* V37 — toda la navegación visual dentro de la imagen */
.mobile-fallback{display:none!important}
.hero-ui{position:relative;width:80vw;max-width:1536px;margin:12px auto 22px;padding:0!important;overflow:hidden;border-radius:18px}
.hero-ui>img{display:block;width:100%;height:auto;border-radius:18px}
.hero-hotspots{position:absolute;inset:0;pointer-events:none}
.hero-hotspots .hs,.hero-hotspots .hs-search{position:absolute;pointer-events:auto;z-index:3}
.hero-hotspots .hs{appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;cursor:pointer;border-radius:8px}
.hero-hotspots .hs:hover,.hero-hotspots .hs:focus{outline:2px solid rgba(0,229,255,.9);outline-offset:-2px;background:rgba(0,229,255,.08)!important}
.hs-inicio{left:30.6%;top:11.0%;width:7.2%;height:8.6%}.hs-video{left:38.2%;top:11.0%;width:7.2%;height:8.6%}.hs-podcast{left:46.0%;top:11.0%;width:7.6%;height:8.6%}.hs-categorias{left:53.9%;top:11.0%;width:8.2%;height:8.6%}.hs-top{left:62.4%;top:11.0%;width:6.2%;height:8.6%}.hs-como{left:69.3%;top:11.0%;width:9.8%;height:8.6%}
.hs-search{left:51.8%;top:3.2%;width:25.8%;height:5.3%;display:flex}.hs-search input{width:100%;height:100%;box-sizing:border-box;border:0!important;background:rgba(4,16,42,.88)!important;color:#fff!important;border-radius:999px!important;padding:0 11% 0 5%!important;font-size:clamp(8px,1vw,15px)!important;margin:0!important;min-height:0!important}.hs-search button{position:absolute;right:0;top:0;width:14%;height:100%;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.hs-login{left:85.9%;top:3.0%;width:11.7%;height:5.7%}
.cat{top:67.3%;height:9.5%;width:9.1%}.c-musica{left:1.6%}.c-economia{left:11.2%}.c-deportes{left:20.9%}.c-habilidades{left:30.6%}.c-risas{left:40.3%}.c-monologos{left:50.0%}.c-cf{left:59.7%}.c-ciencia{left:69.4%}.c-tecnologia{left:79.1%}.c-finanzas,.c-entrevistas,.c-ficcion,.c-videojuegos,.c-viajes,.c-cocina,.c-arte,.c-noticias,.c-educacion,.c-otros{top:78.0%}.c-finanzas{left:1.6%}.c-entrevistas{left:11.2%}.c-ficcion{left:20.9%}.c-videojuegos{left:30.6%}.c-viajes{left:40.3%}.c-cocina{left:50.0%}.c-arte{left:59.7%}.c-noticias{left:69.4%}.c-educacion{left:79.1%}.c-otros{left:89.0%;width:9.2%}
/* La casilla Más categorías de la primera fila abre todas las categorías */
.hero-hotspots:after{content:"";position:absolute;left:89%;top:67.3%;width:9.2%;height:9.5%;pointer-events:none}
.v37-hidden-categories{display:none!important}
@media(max-width:700px){.hero-ui{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) 16px;border-radius:0}.hero-ui>img{border-radius:0}.hs-search input{font-size:7px!important}.hero-hotspots .hs{border-radius:3px}.hero-hotspots .hs:hover,.hero-hotspots .hs:focus{outline-width:1px}}

/* V38 — botones VER/ESCUCHAR/APOYAR/CREADORES funcionales dentro de la imagen */
.hs-ver{left:7.4%;top:55.0%;width:7.1%;height:8.5%}.hs-escuchar{left:16.3%;top:55.0%;width:8.3%;height:8.5%}.hs-apoyar{left:25.4%;top:55.0%;width:8.0%;height:8.5%}.hs-creadores{left:34.8%;top:55.0%;width:9.0%;height:8.5%}


/* V43 — reproductor centrado */
#contentBox .unlocked,
.unlocked{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
}
#contentBox .media-wrap,
.unlocked .media-wrap{
  width:min(900px, 94vw);
  margin:18px auto;
  display:flex;
  justify-content:center;
  align-items:center;
}
#contentBox video,
.unlocked video{
  display:block;
  width:100% !important;
  max-width:900px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain;
}
#contentBox audio,
.unlocked audio{
  display:block;
  width:min(700px, 94vw) !important;
  margin:18px auto !important;
}
.unlocked .play-now,
.unlocked a{
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:700px){
  #contentBox .media-wrap,.unlocked .media-wrap{width:96vw;margin:12px auto;}
  #contentBox video,.unlocked video{width:96vw !important;max-width:96vw !important;}
}

/* V5: compra/reproductor compacto y centrado */
#contentBox{max-width:760px;margin-left:auto;margin-right:auto}
#contentBox .unlocked{max-width:680px;margin:12px auto;padding:10px}
#contentBox .media-wrap{width:min(650px,92vw);margin:10px auto}
#contentBox iframe,#contentBox video{display:block;width:100%!important;max-width:650px!important;margin:0 auto!important}
#contentBox audio{display:block;width:min(600px,92vw)!important;margin:10px auto!important}
@media(max-width:700px){
 #contentBox{max-width:96vw}
 #contentBox .unlocked{max-width:96vw;padding:8px}
 #contentBox .media-wrap{width:92vw}
}

#modal .box{width:min(680px,96vw);max-width:680px;max-height:92vh;overflow-y:auto;padding:18px}
#modal .media-wrap{max-width:590px;margin:10px auto}
#modal .media-wrap video,#modal .media-wrap iframe{max-width:590px;max-height:52vh}
@media(max-width:650px){#modal .box{padding:12px;max-height:95vh}#modal .media-wrap{width:100%}}

/* V20: el selector existía en HTML pero V37 ocultaba todo su header. */
header.mobile-fallback{display:flex!important;position:relative;top:auto;z-index:12;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 18px;background:#071324;border-bottom:1px solid #2d4966}
header.mobile-fallback #lang{display:block!important;visibility:visible!important;opacity:1!important;min-width:190px;max-width:100%;width:auto!important;margin:0!important;background:#0d2341;color:#fff;border:2px solid #43aafc;font-weight:700;cursor:pointer}
header.mobile-fallback #lang:focus-visible{outline:3px solid #facc15;outline-offset:2px}
@media(max-width:650px){header.mobile-fallback{justify-content:center}header.mobile-fallback .brand{width:100%!important;text-align:center}header.mobile-fallback #lang{width:100%!important;order:2!important}header.mobile-fallback #accountOpen{order:1!important}}

header.mobile-fallback .language-label{font-weight:700;color:#fff;margin-left:auto}
@media(max-width:650px){header.mobile-fallback .language-label{margin-left:0}}

/* Compartir contenido: botones compactos adaptables */
.share-actions{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.share-actions button{font-size:12px;padding:6px 9px;min-width:0;white-space:nowrap}.video aside .share-actions{max-width:270px}

/* V4.4: explorador de secciones accesible en móvil */
.category-explorer{margin:20px auto;padding:20px;border:1px solid #2c6485;border-radius:16px;background:#0d2139;color:#f6fbff}.category-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.category-controls label{display:flex;flex:1 1 180px;flex-direction:column;gap:6px;font-weight:700}.category-controls input,.category-controls select{width:100%;min-width:0;background:#102d4b;color:#fff;border:1px solid #7ba9c8;border-radius:8px;padding:11px}.category-controls button,.category-suggestions button{background:#17628b;color:#fff;border:1px solid #80b8d7;border-radius:9px;padding:10px 13px;cursor:pointer}.category-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.category-suggestions button.active{background:#f6c64c;color:#10243b;font-weight:800}#categoryResultCount{font-weight:700}
