/* Brand rollout layer. Domain, authentication and persisted identifiers are independent. */
.brand-iso,.cuotario-mark { width:32px; height:32px; object-fit:contain; flex:none; }
#sidebar .sb-brand .brand-iso { height:32px; }
#sidebar .sb-brand h1,.brand h1,.logo { font-family:var(--p-font-display); font-weight:600; letter-spacing:-.06em; }
.home-intro { padding:32px 0; }
.home-intro::before { content:""; display:block; width:36px; height:4px; border-radius:4px; background:var(--p-highlight); margin-bottom:20px; }
.home-live-link,.ob-button.primary,.hdr-ingresar,#guiaBody .guia-cta,.cupon-guardar,.picks-btn,.ed-opt.on,.mp-pay-auto,.mp-pay-card,.btn:not(.ghost) { background:var(--p-action); color:var(--p-action-ink); border-color:var(--p-action); box-shadow:none; }
.home-live-link:hover,.ob-button.primary:hover,.hdr-ingresar:hover,.btn:not(.ghost):hover { background:var(--p-action-hover); }
.pro-chip { border-color:var(--p-border); background:var(--p-brand-soft); color:var(--p-brand); }
.sb-item.on { box-shadow:inset 3px 0 var(--p-brand); border-radius:6px; }
.auth-brand { background:var(--p-surface); }
.auth-brand-logo { color:var(--p-text); font-family:var(--p-font-display); }
.auth-brand h3 { color:var(--p-text); }.auth-brand li { color:var(--p-text-muted); }
.home-featured .ob-feature:first-child { border-top:2px solid var(--p-action); }
.hero h1 em { color:var(--p-brand); }
.badge { color:var(--p-text-muted); }.badge .dot { background:var(--p-highlight); }
.lang button.on { background:var(--p-action); color:var(--p-action-ink); }
.show-hero .p-match { width:100%; text-align:left; padding:26px; }.show-hero .p-metric { padding:24px; text-align:left; }
.logo .cuotario-mark { height:32px; width:32px; }
.brand,.sb-brand { color:var(--p-text); }
.brand { text-decoration:none; }
button.menu-op { width:100%; background:transparent; border:0; border-bottom:1px solid var(--p-border); text-align:left; font:inherit; min-height:44px; }
button.menu-op:hover { background:var(--p-surface-raised); }
header .hnav { width:44px; height:44px; flex:none; border-radius:8px; }
header .hnav:hover { background:var(--p-surface-raised); }
header .hdr-ingresar,header .hdr-user { min-height:44px; }
.auth-news-btn { background:var(--p-action); color:var(--p-action-ink); min-height:44px; }
.ob-app .home-intro h2 { max-width:20ch; font-size:clamp(32px,3.5vw,48px); }
.hero .reveal { opacity:1; transform:none; transition:none; }
.cuotario-preview { margin:36px auto 0; max-width:1100px; border:1px solid var(--p-border-control); border-radius:20px; overflow:hidden; background:var(--p-surface); text-align:left; }
.preview-bar { padding:18px 24px; border-bottom:1px solid var(--p-border); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.preview-bar>span:first-child { display:flex; align-items:center; gap:10px; font:600 18px var(--p-font-display); letter-spacing:-.5px; }
.preview-body { display:grid; grid-template-columns:1.2fr 1fr; }
.preview-match,.preview-context { padding:28px; min-width:0; }.preview-context { background:var(--p-bg); border-left:1px solid var(--p-border); display:grid; gap:20px; }
.preview-kicker { color:var(--p-text-muted); font-size:11px; letter-spacing:1px; }.preview-score { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:12px; margin:28px 0; text-align:center; }.preview-score>span { display:grid; justify-items:center; gap:12px; font-size:14px; }.preview-score i { font:500 16px var(--p-font-display); font-style:normal; width:52px; height:52px; display:grid; place-items:center; background:var(--p-brand-soft); color:var(--p-brand); border:1px solid var(--p-border); border-radius:16px; }.preview-score>div { display:grid; justify-items:center; gap:10px; }.preview-score strong { font:500 40px/1 var(--p-font-display); letter-spacing:-2px; }.preview-score small { color:var(--p-text-muted); font-size:10px; }.preview-caption { color:var(--p-text-muted); font-size:12px; border-top:1px solid var(--p-border); padding-top:20px; margin-bottom:20px; }.preview-stat { display:grid; grid-template-columns:64px 24px 1fr 24px; gap:12px; align-items:center; font-size:12px; margin:14px 0; }.preview-stat>span:first-child { color:var(--p-text-muted); }.preview-stat b { font-weight:500; text-align:center; font-variant-numeric:tabular-nums; }.preview-track { display:block; height:6px; background:var(--p-chart-away); border-radius:8px; overflow:hidden; }.preview-track i { display:block; height:100%; background:var(--p-chart-home); border-right:3px solid var(--p-bg); }.preview-context h4 { font:500 28px/1.2 var(--p-font-display); letter-spacing:-1px; }.preview-metrics { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.preview-metrics>div { display:grid; gap:10px; }.preview-metrics small { color:var(--p-text-muted); font-size:11px; }.preview-metrics strong { font:500 32px/1.1 var(--p-font-display); }.preview-context .p-alert { font-size:12px; }.preview-context .p-button { justify-self:start; }.show-hero>h3 { font-family:var(--p-font-display); font-weight:500; }.show-hero .kick { color:var(--p-brand); background:var(--p-brand-soft); border-color:var(--p-border); }.lang button { min-height:44px; min-width:36px; }
@media(max-width:680px) { .preview-body { grid-template-columns:1fr; }.preview-bar { padding:16px; gap:8px; }.preview-bar .p-badge { font-size:10px; }.preview-match,.preview-context { padding:20px; }.preview-context { border-left:0; border-top:1px solid var(--p-border); }.preview-score { gap:8px; }.preview-score>span { font-size:12px; }.preview-score strong { font-size:32px; }.preview-stat { gap:8px; }.cuotario-preview { border-radius:16px; }.show-hero>p { font-size:15px; } }
@media(max-width:600px) { header .brand h1 { display:block; font-size:18px; } header .brand { gap:7px; } header .brand-iso { width:28px; height:28px; } header .pro-chip { width:44px; min-width:44px; min-height:44px; padding:0; justify-content:center; } header .pro-chip span { display:none; } header .header-right { gap:4px; } .ob-app .home-intro h2 { font-size:34px; } }
@media(max-width:480px) { header .pro-chip { display:none; } header .wrap { padding:0 12px; } }
@media(max-width:360px) { header .brand h1 { font-size:16px; } header .header-right { gap:0; } header .hdr-ingresar { padding:0 10px; font-size:12px; } }
@media(max-width:600px) { .show-row { grid-template-columns:minmax(0,1fr); }.show-copy,.show-art { min-width:0; }.show-art .phone { max-width:100%; } }
@media(max-width:360px) { #nav .wrap { padding:0 12px; gap:8px; } #nav .logo { font-size:18px; gap:8px; } #nav .cuotario-mark { width:26px; height:26px; } #nav .nav-r { gap:8px; } #nav .btn { padding:10px 12px; font-size:12px; } }
/* Pulso 1.1 rollout: main product controls share the same shape and states. */
.brand h1,#sidebar .sb-brand h1,.logo { font-weight:750; letter-spacing:-.05em; }
.ob-app .home-intro h2,.hero h1 { font-weight:750; letter-spacing:-.05em; }
.home-live-link,.ob-button,.hdr-ingresar,.auth-news-btn,.cupon-guardar,.picks-btn,.mp-pay-auto,.mp-pay-card,.btn { min-height:48px; border-radius:var(--p-radius-control); font-weight:700; letter-spacing:-.01em; }
.home-live-link,.ob-button.primary,.hdr-ingresar,.auth-news-btn,.cupon-guardar,.picks-btn,.mp-pay-auto,.mp-pay-card,.btn:not(.ghost) { background:linear-gradient(180deg,var(--p-action),var(--p-action-hover)); box-shadow:inset 0 1px 0 #ffffff33,0 2px 0 #242980,0 4px 9px #00000020; }
.home-live-link:hover,.ob-button.primary:hover,.hdr-ingresar:hover,.auth-news-btn:hover,.cupon-guardar:hover,.picks-btn:hover,.btn:not(.ghost):hover { background:var(--p-action-hover); }
:is(.home-live-link,.ob-button,.hdr-ingresar,.auth-news-btn,.cupon-guardar,.picks-btn,.btn):disabled { opacity:.5; box-shadow:none; cursor:not-allowed; transform:none; }
:is(.auth-news input,.buscar-cab input,.menu-buscar input,.pad input,.cupon-stake input,.ap-stake input,.mp-canje-row input,.adm-form input,.ed-num,.rm-in) { min-height:48px; border-radius:var(--p-radius-control); border:1px solid var(--p-border-control); background:var(--p-surface); color:var(--p-text); font:500 16px/1.4 var(--p-font-body); padding:12px 14px; box-shadow:inset 0 1px 0 #ffffff0d,0 2px 3px #00000012; }
:is(.auth-news input,.buscar-cab input,.menu-buscar input,.pad input,.cupon-stake input,.ap-stake input,.mp-canje-row input,.adm-form input,.ed-num,.rm-in):focus { outline:3px solid var(--p-focus); outline-offset:3px; border-color:var(--p-brand); }
:is(.auth-news input,.buscar-cab input,.menu-buscar input,.pad input,.cupon-stake input,.ap-stake input,.mp-canje-row input,.adm-form input,.ed-num,.rm-in)::placeholder { color:var(--p-text-subtle); opacity:1; }
:is(.lang-sel,.dota-h2h select,.select-btn) { min-height:48px; height:auto; padding:12px 14px; border:1px solid var(--p-border-control); border-radius:var(--p-radius-control); background-color:var(--p-surface); color:var(--p-text); font:600 14px/1.5 var(--p-font-body); box-shadow:inset 0 1px 0 #ffffff0d,0 2px 3px #00000012; }
:is(.lang-sel,.dota-h2h select,.select-btn):focus-visible { outline:3px solid var(--p-focus); outline-offset:3px; border-color:var(--p-brand); }
.select-wrap.open .select-btn { outline:3px solid var(--p-focus); outline-offset:3px; }
.select-wrap .menu { padding:6px; border-radius:18px; border-color:var(--p-border-control); background:var(--p-surface); box-shadow:0 20px 48px #00000040; top:calc(100% + 10px); }
.select-wrap .opt { border:0; border-radius:10px; min-height:48px; margin:3px 0; padding:12px; background:transparent; color:var(--p-text); }
.select-wrap .opt:hover { background:var(--p-surface-raised); }.select-wrap .opt.on { background:var(--p-brand-soft); color:var(--p-brand); }.select-wrap .opt.on::after { content:'✓'; margin-left:auto; color:var(--p-brand); }
.select-wrap .menu-buscar { border-radius:12px 12px 0 0; background:var(--p-surface); padding:10px; }.select-wrap .menu-buscar input { min-width:0; }.select-wrap .opt-zona { top:69px; background:var(--p-surface); padding:10px 12px; font-weight:600; }
.topsearch { border:1px solid var(--p-border-control); border-radius:var(--p-radius-control); min-height:46px; background:var(--p-surface); box-shadow:inset 0 1px 0 #ffffff0d; }.topsearch:focus-within { outline:3px solid var(--p-focus); outline-offset:3px; border-color:var(--p-brand); }.topsearch input { font-size:14px; font-weight:500; }.topsearch .ts-drop { border-radius:16px; border-color:var(--p-border-control); box-shadow:0 16px 40px #00000030; }
@media(max-width:600px) { .lang-sel,.menu-buscar input,.topsearch input { font-size:16px; }.auth-news { gap:12px; }.auth-news input { min-width:0; } }
/* The search shell owns the border; the inner field remains one clean surface. */
.topsearch #tsInput,.topsearch #tsInput:focus { height:44px; border:0; background:transparent; box-shadow:none; outline:none; }
.ob-app .home-intro h2,.hero h1 { letter-spacing:-.035em; }