/* MatchBoy 2026 · Tema oscuro UNIFICADO del portal público.
   No aplicarlo a /app/, /admin/, /api/ ni a pantallas internas de Android.
   Se carga después de los estilos propios de cada página. */
:root {
 color-scheme:dark;
 --bg:#100d1e;--card:#211a32;--card2:#171327;--surface:#211a32;
 --surface-soft:#171327;--surface-tint:#291a3b;--soft:#1d1630;
 --ink:#faf6ff;--text:#faf6ff;--muted:#c7bdd5;--muted-2:#a89bbc;--muted2:#a89bbc;
 --line:#493953;--line-strong:#694e7d;--line2:#694e7d;
 --pink:#e754b7;--pink2:#e754b7;--pink-dark:#d875e8;--brand:#b353d6;
 --purple:#9347d8;--violet:#9347d8;--blue:#9b59d1;--brand2:#e754b7;
 --cyan:#80b9ea;--yellow:#f6cd6c;--gold:#f6cd6c;--green:#2ade9b;
 --soft-blue:#201c37;--shadow:0 24px 55px rgba(0,0,0,.32);
 --grad:linear-gradient(105deg,#9347d8,#bd49d1 50%,#e754b7);
 --rainbow:linear-gradient(105deg,#9347d8,#bd49d1 50%,#e754b7);
}
html {background:#100d1e;color-scheme:dark;}
body {
 color:#faf6ff;
 background:radial-gradient(ellipse 43% 26% at 4% 5%,rgba(144,67,201,.16),transparent 90%),
 radial-gradient(ellipse 48% 36% at 98% 28%,rgba(203,75,179,.10),transparent 90%),#100d1e !important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 line-height:1.65;
}
::selection{background:#9645cd;color:#fff}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #db91f7;outline-offset:3px}
a{color:#e7b2ff}a:hover{color:#f7daff}
h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.025em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
p,li,dd,dt,.muted,.lead,.article-lead{color:inherit}
svg:not([fill]):not([stroke]){color:inherit}
/* Cabeceras y marcas públicas */
.site-header,header.top,.topbar,.mb-page-top,.top-inner,.nav-shell{
 background:rgba(15,12,29,.94);border-color:rgba(214,143,238,.17);
}
.site-header,header.top,.mb-page-top{box-shadow:0 9px 24px rgba(0,0,0,.2)}
.site-header,.top,.mb-page-top{backdrop-filter:blur(18px)}
.brand,.mb-page-brand,.brand span,.topbar .brand{color:#fff}
.brand img,.mb-page-brand img,.logo{filter:drop-shadow(0 3px 9px rgba(174,70,223,.22))}
:where(.desktop-nav,.links,.mb-page-nav) a{color:#ded0e9}
:where(.desktop-nav,.links,.mb-page-nav) a:hover{color:white}
:where(.topic-nav,.category-ribbon){background:#191328;border-color:#463352}
:where(.topic-nav-inner a,.category-ribbon a){color:#dbcce9;background:#281c37;border:1px solid #4d395c;border-radius:999px}
/* Cards: artículos, secciones y formularios */
:where(.card,.support-form,.support-help-card,.support-info-card,.support-side>div,
 .blog-topic-band a,.blog-editorial-intro,.cms-card,.legacy-card,
 .related,.related-grid a,.note,.callout,.purpose-card,.topic-card,
 .knowledge-grid>*,.policy-card,.download-card,.editorial-standard-card,
 .official-channel,.faq-item,.page-card,.mb-page-card,.work-card,
 .panel,.stat-card,.info-card,.feature-card) {
 background:linear-gradient(155deg,#251b38 0%,#1a162b 80%) !important;
 border:1px solid #4d3c64 !important;border-radius:19px;
 box-shadow:0 13px 28px rgba(0,0,0,.17);
 color:#f8f3ff;
}
:where(.card,.support-help-card,.support-info-card,.blog-topic-band a,
 .related-grid a,.official-channel,.page-card,.mb-page-card):hover{border-color:#8655a0 !important}
:where(.hero,.support-hero,.mb-page-hero,.download-hero,.page-hero){
 background:radial-gradient(ellipse 55% 100% at 100% 20%,rgba(156,58,171,.17),transparent 95%),#171226;
 border-color:#543c65;color:#fff;
}
:where(.hero,.support-hero,.mb-page-hero) h1{color:#fff}
:where(.hero,.support-hero,.mb-page-hero) p{color:#c7bdd5}
:where(.pill,.kicker,.eyebrow,.mb-page-pill,.badge,.tag,.article-tag){
 color:#e2a8fd;background:#2b1b3e;border-color:#73518c;
}
:where(.card,.article,.prose,.article-body,.mb-page-card,.related) :where(p,li,small){color:#c7bdd5}
:where(.article,.prose,.article-body,.blog-editorial-intro) > p{color:#c7bdd5}
:where(.article,.prose,.article-body,.blog-editorial-intro) > h2,
:where(.card,.mb-page-card,.support-info-card) h2{color:#fbf8ff}
:where(.article,.prose,.article-body) h1{line-height:1.13}
/* Botones y enlaces */
:where(.btn,.primary-btn,.btn-primary,.download-pill,.mb-page-btn.primary,.support-submit,
 .primary,.mail-btn.primary,.back-btn.primary,.link-button,.cta,.button-primary){
 background:linear-gradient(105deg,#9347d8,#ba4ad0 50%,#e754b7) !important;
 border:1px solid rgba(234,137,243,.45) !important;
 color:#fff !important;border-radius:13px;
 box-shadow:0 8px 23px rgba(144,56,174,.25);
 font-family:inherit;font-weight:800;text-decoration:none;
}
:where(.btn,.primary-btn,.btn-primary,.download-pill,.mb-page-btn.primary,.support-submit,.primary):hover{
 filter:brightness(1.08);transform:translateY(-1px)
}
:where(.back-btn,.mail-btn,.btn-secondary,.secondary-btn,.mb-page-btn:not(.primary),.cookie-actions button:not(.primary)){
 background:#2a203b;color:#f7edff;border:1px solid #745889;border-radius:12px;
}
/* formularios / campos */
:where(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
 background:#130f23 !important;color:#f9f5ff !important;border:1px solid #655075 !important;
 border-radius:11px;
}
:where(input,textarea)::placeholder{color:#a69abb !important;opacity:1}
:where(input,textarea,select):focus{border-color:#bd67de !important;box-shadow:0 0 0 3px rgba(158,74,204,.15) !important}
label{color:#f4ebfc}
hr{border-color:#483856}
/* Blog y biblioteca editorial (antes blanco) */
.article{color:#f6f2fb}
.article p,.article ul,.article ol,.article blockquote{color:#c7bdd5}
.article h1,.article h2,.article h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#fff}
.article :where(a:not(.btn)){color:#e3a9ff}
.blog-topic-band small,.blog-topic-band strong,.blog-topic-band span{color:#f7e7ff}
.blog-editorial-intro p,.related-grid a,.footer a{color:#c7bdd5}
.cms-card p,.legacy-card p{color:#c7bdd5}
.cms-card small,.legacy-card small,.cms-card-read{color:#e4a8fb}
.note,.callout{border-left:4px solid #bb64df !important}
.callout.warning,.notice{background:#30252d !important;border-color:#8b6441 !important;color:#fff1d4}
.callout.success{border-color:#2fd79c !important}
/* pie de página, cookies y bloques inferiores */
.footer,footer.footer,.site-footer,.footer-bottom{background:#120f21 !important;border-color:#493852;color:#bfb1d1}
.footer p,.footer small,.footer-bottom{color:#bbafd0}
.footer strong,.footer .brand{color:#fefaff}
.cookie-banner{background:#251a37 !important;border:1px solid #75518d !important;color:#faf5ff;box-shadow:0 22px 60px #0008}
.cookie-banner p{color:#c7bad8}
/* La página de eliminación de cuenta conserva su botón destructivo rojo. */
body #submitBtn.btn-primary,body .btn-primary[type="submit"][data-destructive],body .delete-confirm{background:#bd2c53 !important;border-color:#e45d76 !important}
/* página pública de colaboradores */
:where(.shell,.page-wrap) .eyebrow{color:#dda3f7 !important}
/* Respeta gráficos e imágenes existentes */
img,video{max-width:100%}
@media(max-width:720px){
 .hero,.support-hero{padding-top:34px;padding-bottom:35px}
 .article{padding-top:33px}
 h1{overflow-wrap:break-word}
 :where(.card,.mb-page-card,.support-form){border-radius:16px}
}
@media(prefers-reduced-motion:reduce){:where(.btn,.primary-btn,.btn-primary,.download-pill){transform:none !important;transition:none !important}}

/* Trabaja con nosotros: estilos anteriores forzaban tema blanco. */
body .shell :where(.card,.stat,.stat-card,.work-card,.panel,.info,.summary,.table-wrap,.list-card){background:#241b35 !important;color:#f7f0ff;border-color:#4e3964 !important}
body .shell :where(.stats,.metrics,.timeline,.earnings,.cashout,.work-info){color:#f7edff}
body .shell :where(th,td){border-color:#503e61}
body .shell th{color:#e2bcf6;background:#271a39}
body .shell td{color:#f0e8f7}

/* Ajustes prioritarios del blog anterior, que declaraba fondos blancos con mayor especificidad. */
.topic-nav,.topic-nav-inner,.category-ribbon {background:#191328 !important;border-color:#493857 !important;}
.topic-nav-inner a,.category-ribbon a {background:#291e39 !important;color:#f0e0fb !important;border:1px solid #57406c !important;}
.pill,.kicker,.eyebrow {background:#2a1b3b !important;border-color:#78528a !important;color:#e3b1ff !important;}
.blog-topic-band a {background:linear-gradient(155deg,#251b38,#1a162b) !important;}
.blog-editorial-intro {background:linear-gradient(125deg,#281a40,#1c1a37) !important;}
.blog-editorial-intro h2,.blog-editorial-intro p,.blog-topic-band strong {color:#fbf6ff !important;}
.hero h1,.article h1,.article h2,.article h3,.blog-editorial-intro h2 {font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;letter-spacing:-.045em;}
.hero p,.article-lead,.article>p,.prose p,.blog-topic-band small {color:#c5b9d4 !important;}
.footer,.footer-grid,.footer-bottom {background:#120f21 !important;}
.related-grid a,.related,.card,.article-card {background:linear-gradient(155deg,#251b38,#1a162b) !important;border-color:#53406b !important;}
.cookie-actions button {background:#291f39 !important;color:#f6eeff !important;border-color:#77548a !important;}
.cookie-actions button.primary {background:linear-gradient(105deg,#9347d8,#e754b7) !important;color:#fff !important;}
/* Separación visual clara para la tabla de colaboraciones y formularios públicos. */
body .shell .top:not(header),body .shell .stats {color:#f8f4ff;}