/* ═══════════════════════════════════════════════════════
   responsive.css — Tablet & Desktop layouts
   Phone (< 640px) is untouched — handled by base + components
═══════════════════════════════════════════════════════ */

/* ── Tablet 640px – 1023px ──────────────────────────── */
@media (min-width: 640px) {
  .app-shell,
  .bottom-nav,
  .cona-global-header { max-width: 100%; width: 100%; }

  /* Auth / onboarding — constrain to readable width */
  #screen-auth-login,
  #screen-auth-register,
  #screen-setup-profile {
    max-width: 540px;
    margin: 0 auto;
  }
}

/* ── Onboarding desktop shell ───────────────────────── */
#screen-auth-login,
#screen-auth-register,
#screen-auth-phone,
#screen-setup-profile {
  padding-bottom:0;
}

#screen-auth-login>.cona-global-header,
#screen-auth-register>.cona-global-header,
#screen-auth-phone>.cona-global-header,
#screen-setup-profile>.cona-global-header,
#screen-auth-login>.cona-global-footer,
#screen-auth-register>.cona-global-footer,
#screen-auth-phone>.cona-global-footer,
#screen-setup-profile>.cona-global-footer,
#screen-perfil:has(#perfilLanding:not([style*="display: none"]))>.cona-global-header,
#screen-perfil:has(#perfilLanding:not([style*="display: none"]))>.cona-global-footer {
  display:none!important;
}

#screen-perfil:has(#perfilLanding:not([style*="display: none"])) {
  padding-bottom:0;
}

@media (min-width: 1024px) {
  #screen-auth-login,
  #screen-auth-register,
  #screen-setup-profile,
  #screen-perfil:has(#perfilLanding:not([style*="display: none"])) {
    max-width:100%;
    overflow:auto;
    background:#09161f;
  }

  #screen-auth-login .onb-shell,
  #screen-auth-register .onb-shell,
  #screen-setup-profile .onb-shell,
  #screen-perfil #perfilLanding .onb-shell {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(0,3fr);
    width:100%;
    min-height:max(100dvh,900px);
    background:#09161f;
  }

  #screen-auth-login .onb-aside,
  #screen-auth-register .onb-aside,
  #screen-setup-profile .onb-aside,
  #screen-perfil #perfilLanding .onb-aside {
    display:block;
    position:relative;
    overflow:hidden;
    min-height:inherit;
    background:linear-gradient(155deg,#0d1e2b 0%,#0a1820 60%,#0d2133 100%);
  }

  .onb-aside-glow {
    position:absolute;
    pointer-events:none;
    border-radius:50%;
  }

  .onb-aside-glow--green {
    left:-120px;
    top:-120px;
    width:500px;
    height:500px;
    background:radial-gradient(circle,rgba(167,238,67,.07) 0%,rgba(167,238,67,0) 65%);
  }

  .onb-aside-glow--blue {
    right:-80px;
    bottom:-80px;
    width:380px;
    height:380px;
    background:radial-gradient(circle,rgba(20,99,253,.06) 0%,rgba(20,99,253,0) 65%);
  }

  .onb-brand {
    position:absolute;
    top:clamp(120px,18.2vh,165px);
    left:clamp(44px,5vw,72px);
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--green);
    line-height:1;
  }

  .onb-brand span {
    font-size:clamp(32px,3vw,40px);
    font-weight:900;
    letter-spacing:-.06em;
  }

  .onb-brand img {
    width:58px;
    height:58px;
    object-fit:contain;
    filter:drop-shadow(0 0 12px rgba(167,238,67,.35));
  }

  .onb-copy {
    position:absolute;
    top:clamp(245px,29.3vh,264px);
    left:clamp(44px,5vw,72px);
    right:clamp(44px,5vw,72px);
  }

  .onb-copy h1 {
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(44px,4.1vw,54px);
    font-weight:800;
    line-height:1.1;
    letter-spacing:0;
  }

  .onb-copy h1 span {
    color:var(--green);
  }

  .onb-copy p {
    max-width:360px;
    color:rgba(255,255,255,.45);
    font-size:15px;
    font-weight:500;
    line-height:24px;
  }

  .onb-features {
    position:absolute;
    left:clamp(44px,5vw,72px);
    right:clamp(44px,5vw,72px);
    top:clamp(488px,56vh,504px);
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .onb-feature {
    min-height:69px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:15px 17px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:rgba(255,255,255,.04);
  }

  .onb-feature-icon {
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(167,238,67,.15);
    border-radius:10px;
    background:rgba(167,238,67,.12);
    color:var(--green);
  }

  .onb-feature-icon svg {
    width:18px;
    height:18px;
  }

  .onb-feature span:last-child {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:7px;
  }

  .onb-feature strong {
    color:rgba(255,255,255,.85);
    font-size:13px;
    font-weight:700;
    line-height:1.1;
  }

  .onb-feature em {
    color:rgba(255,255,255,.4);
    font-size:12px;
    font-style:normal;
    font-weight:500;
    line-height:1.25;
  }

  .onb-main {
    min-height:inherit;
    background:#142029;
    border-left:1px solid rgba(255,255,255,.06);
  }

  .onb-main:before,
  .onb-main:after {
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:50%;
    z-index:0;
  }

  .onb-main:before {
    right:-100px;
    top:-100px;
    width:350px;
    height:350px;
    background:radial-gradient(circle,rgba(167,238,67,.055) 0%,rgba(167,238,67,0) 70%);
  }

  .onb-main:after {
    left:-80px;
    bottom:-80px;
    width:280px;
    height:280px;
    background:radial-gradient(circle,rgba(20,99,253,.055) 0%,rgba(20,99,253,0) 70%);
  }

  .onb-main>* {
    position:relative;
    z-index:1;
  }

  .onb-main-centered {
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }

  .pfl-landing {
    display:grid;
    align-items:stretch;
    justify-content:stretch;
    min-height:100dvh!important;
  }

  .pfl-glow {
    display:none;
  }

  .pfl-center {
    width:420px;
    max-width:420px!important;
    padding:48px 32px 40px!important;
  }

  .pfl-logo {
    margin-bottom:32px;
  }

  .pfl-logo .onboarding-logo-frame {
    width:148px;
    height:136px;
  }

  .pfl-logo .onboarding-logo-frame:before {
    inset:-28px -86px;
    background:radial-gradient(ellipse,rgba(167,238,67,.22) 0%,rgba(167,238,67,0) 70%);
  }

  .pfl-logo .onboarding-logo-img {
    width:176px!important;
    height:176px!important;
  }

  .pfl-title {
    margin-bottom:10px;
    font-size:30px;
    line-height:36px;
  }

  .pfl-sub {
    margin-bottom:36px;
    font-size:15px;
    line-height:24px;
  }

  .pfl-cta-btn,
  .auth-btn {
    min-height:57px;
    padding:18px;
    border-radius:8px;
    font-size:16px;
    letter-spacing:0;
  }

  .pfl-login-link {
    position:absolute;
    left:0;
    right:0;
    bottom:32px;
    margin:0;
    font-size:13px;
  }

  .onb-main-flow {
    overflow:auto;
  }

  .onb-flow-scene {
    display:flex;
    position:relative;
    width:100%;
    height:268px;
    max-height:312px;
    padding-top:72px;
    align-items:flex-start;
    justify-content:center;
  }

  .onb-flow-logo-glow {
    position:absolute;
    top:43px;
    left:50%;
    width:320px;
    height:200px;
    transform:translateX(-50%);
    border-radius:130px;
    background:radial-gradient(ellipse,rgba(167,238,67,.22) 0%,rgba(167,238,67,0) 70%);
  }

  .onb-flow-scene img {
    position:relative;
    width:168px;
    height:168px;
    object-fit:contain;
    filter:drop-shadow(0 14px 14px rgba(167,238,67,.3)) drop-shadow(0 0 24px rgba(167,238,67,.5));
  }

  #screen-auth-register #regTopbar {
    position:absolute;
    top:42px;
    left:calc(50% - 320px);
    width:48px;
    padding:0!important;
    z-index:4;
  }

  #screen-auth-register #regTopbar .back-btn {
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    padding:6px;
    color:rgba(255,255,255,.8);
    font-size:0;
  }

  #screen-auth-register #regTopbar .back-btn svg {
    width:18px;
    height:18px;
  }

  #screen-auth-register #regDots {
    position:absolute;
    top:55px;
    left:50%;
    width:min(492px,calc(100% - 216px));
    transform:translateX(-50%);
    display:flex;
    gap:6px;
    padding:0;
    z-index:4;
  }

  #screen-auth-register .reg-dot {
    flex:1;
    width:auto;
    height:3px;
    border-radius:2px;
    background:rgba(255,255,255,.12);
  }

  #screen-auth-register .reg-dot.active,
  #screen-auth-register .reg-dot.done {
    background:var(--green);
  }

  #screen-auth-register .reg-step .auth-wrap,
  #screen-setup-profile .setup-wrap {
    width:472px;
    max-width:472px!important;
    margin:0 auto;
    padding:20px 0 40px!important;
  }

  #screen-auth-register .auth-title,
  #screen-setup-profile .auth-title,
  #screen-auth-login .auth-title {
    width:100%;
    margin-bottom:7px;
    color:#fff;
    font-size:26px;
    font-weight:800;
    line-height:31.2px;
    letter-spacing:0;
    text-align:left;
  }

  #screen-auth-login .auth-title {
    font-size:30px;
    line-height:36px;
    text-align:center;
  }

  #screen-auth-register .auth-subtitle,
  #screen-setup-profile .auth-subtitle,
  #screen-auth-login .auth-subtitle {
    width:100%;
    margin-bottom:54px;
    color:rgba(255,255,255,.45);
    font-size:14px;
    font-weight:500;
    line-height:21.7px;
    text-align:left;
  }

  #screen-auth-login .auth-subtitle {
    margin-bottom:32px;
    text-align:center;
  }

  #screen-auth-register .auth-form,
  #screen-setup-profile .auth-form,
  #screen-auth-login .auth-form {
    width:100%;
  }

  #screen-auth-register .fgroup,
  #screen-setup-profile .fgroup,
  #screen-auth-login .fgroup {
    margin-bottom:12px;
  }

  #screen-auth-register .flabel,
  #screen-setup-profile .flabel,
  #screen-auth-login .flabel {
    margin-bottom:6px;
    color:rgba(255,255,255,.45);
    font-size:10px;
    font-weight:700;
    letter-spacing:.8px;
  }

  #screen-auth-register .finput,
  #screen-setup-profile .finput,
  #screen-auth-login .finput {
    min-height:54px;
    padding:0 17px;
    border-radius:10px;
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.1);
    font-size:16px;
    font-weight:500;
  }

  #regStep4 .finput,
  #regStep5 .finput,
  #setupStep1 .finput {
    min-height:46px;
  }

  #regStep4 .auth-subtitle,
  #regStep5 .auth-subtitle,
  #setupStep1 .auth-subtitle {
    margin-bottom:36px;
  }

  #regStep5 .auth-form,
  #setupStep1 .auth-form {
    width:407px;
    margin:0 auto;
  }

  #regStep5 .auth-link {
    margin-top:18px;
    padding:0;
  }

  #regStep6 .auth-wrap,
  #setupStep2 {
    padding-top:0!important;
  }

  #screen-auth-register[data-reg-step="6"] .onb-flow-scene {
    height:82px;
    padding:0;
  }

  #screen-auth-register[data-reg-step="6"] .onb-flow-scene img,
  #screen-auth-register[data-reg-step="6"] .onb-flow-logo-glow {
    display:none;
  }

  #regStep6 .auth-title,
  #setupStep2 .auth-title,
  #regStep6 .auth-subtitle,
  #setupStep2 .auth-subtitle {
    text-align:center;
  }

  #regStep6 .auth-subtitle,
  #setupStep2 .auth-subtitle {
    margin-bottom:20px;
  }

  #regStep6 .setup-avatar-picker,
  #setupStep2 .setup-avatar-picker {
    width:96px;
    height:96px;
    margin:0 auto 8px;
  }

  #regStep6 .setup-avatar-hint,
  #setupStep2 .setup-avatar-hint {
    margin-bottom:24px;
    font-size:11px;
  }

  .terms-stack {
    gap:10px;
    margin:8px 0 18px;
  }

  .terms-check {
    min-height:46px;
    padding:12px 14px;
    border-radius:10px;
    font-size:12px;
    line-height:1.45;
  }

  .reg-strength {
    margin:8px 0 44px;
  }

  #screen-auth-login .auth-wrap {
    width:420px;
    max-width:420px!important;
    padding:48px 32px 40px!important;
    margin:0 auto;
  }

  #screen-auth-login .topbar {
    position:absolute;
    top:42px;
    left:48px;
    padding:0!important;
  }

  #screen-auth-login .auth-link {
    margin-top:24px;
    padding:0;
  }
}

@media (min-width: 768px) {
  :root {
    --page-pad-x: clamp(32px,5.75vw,64px);
    --cona-shell-pad-x: clamp(40px,7.82vw,80px);
    --page-card-pad: 20px;
    --page-card-radius: 16px;
    --page-grid-gap: 14px;
    --page-icon-btn: 40px;
  }

  .cona-global-header {
    padding-left: var(--page-pad-x);
    padding-right: var(--page-pad-x);
  }

  .screen>.cona-global-header {
    width:100%;
    max-width:none;
    min-height:129px;
    margin:0;
    padding:24px var(--cona-shell-pad-x) 25px;
    border-bottom:1px solid var(--green);
  }

  .cona-header-brand {
    gap:7px;
    min-width:120px;
  }

  .cona-header-word {
    font-size:clamp(24px,2.75vw,28px);
    letter-spacing:-.06em;
  }

  .cona-header-mark {
    width:clamp(30px,3.3vw,34px);
    height:clamp(30px,3.3vw,34px);
  }

  .cona-header-season {
    display:none;
  }

  .cona-header-nav {
    display:flex;
    align-items:center;
    gap:clamp(24px,3.9vw,40px);
    margin-left:auto;
  }

  .cona-header-nav-item {
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:0;
    padding:0;
    border-radius:8px;
    color:#e8f0fe;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:clamp(17px,1.95vw,20px);
    font-weight:800;
    cursor:pointer;
    transition:background .15s,color .15s;
  }

  .cona-header-nav-item.active {
    padding:8px;
    background:rgba(167,238,67,.12);
    color:var(--green);
  }

  .cona-header-nav-item svg {
    width:clamp(18px,2.15vw,22px);
    height:clamp(18px,2.15vw,22px);
  }

  .cona-global-footer {
    display:flex;
    width:100%;
    padding:44px var(--cona-shell-pad-x);
    background:var(--bg);
  }

  .cona-footer-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    width:100%;
    padding-top:44px;
    border-top:1px solid var(--green);
  }

  .cona-footer-brand .cona-header-word {
    font-size:clamp(24px,2.75vw,28px);
  }

  .cona-footer-brand .cona-header-mark {
    width:clamp(30px,3.3vw,34px);
    height:clamp(30px,3.3vw,34px);
  }

  .cona-footer-links {
    display:flex;
    align-items:center;
    gap:24px;
  }

  .cona-footer-link,
  .cona-footer-social {
    display:inline-flex;
    align-items:center;
    color:var(--green);
    text-decoration:none;
  }

  .cona-footer-link {
    font-size:16px;
    font-weight:500;
    line-height:1.5;
    white-space:nowrap;
  }

  .cona-footer-social {
    width:24px;
    height:24px;
  }

  .cona-footer-social svg {
    width:24px;
    height:24px;
  }

  .bottom-nav {
    display:none!important;
  }

  #screen-reportes .reportes-season-label {
    display:block;
  }

  #screen-home {
    padding-bottom:0;
  }

  #screen-home .home-desktop-wrap {
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:23px var(--page-pad-x) 44px;
  }

  #screen-home .home-hero-row {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:24px;
    min-height:0;
  }

  #screen-home .home-heading,
  #screen-home .date-section,
  #screen-home .games-sec,
  #screen-home .resultado-sec,
  #screen-home .goles-sec {
    width:100%;
    padding-left:0;
    padding-right:0;
  }

  #screen-home .home-heading {
    padding-top:32px;
    padding-bottom:0;
  }

  #screen-home .home-greeting {
    font-size:clamp(38px,4.8vw,48px);
    line-height:1;
    font-weight:800;
    margin-bottom:14px;
  }

  #screen-home .home-explore {
    font-size:clamp(20px,2.35vw,24px);
    line-height:1.25;
  }

  #screen-home .date-section {
    padding-top:0;
    padding-bottom:0;
  }

  #screen-home .sec-lbl {
    margin-bottom:8px;
    font-size:clamp(12px,1.35vw,14px);
    letter-spacing:.08em;
  }

  #screen-home .date-scroll {
    gap:24px;
    justify-content:flex-start;
    overflow-x:auto;
    max-width:100%;
  }

  #screen-home .date-chip {
    width:clamp(58px,6.4vw,65.5px);
    flex-basis:clamp(58px,6.4vw,65.5px);
    height:clamp(66px,6.8vw,72px);
    justify-content:center;
    gap:2px;
    padding:8px 6px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
  }

  #screen-home .day-num {
    font-size:clamp(19px,2.15vw,22px);
    line-height:25px;
  }

  #screen-home .day-name {
    font-size:clamp(13px,1.55vw,16px);
    line-height:20px;
    letter-spacing:.04em;
  }

  #screen-home .match-dot {
    display:block;
    margin-top:2px;
  }

  #screen-home .home-content-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:34px;
    align-items:start;
  }

  #screen-home #matchCards {
    display:block;
  }

  #screen-home .games-sec>.sec-hdr {
    min-height:72px;
    margin-bottom:16px;
  }

  #screen-home .resultado-sec {
    padding-top:26px;
  }

  #screen-home .resultado-sec>.sec-hdr {
    min-height:58px;
    margin-bottom:12px;
  }

  #screen-home .sec-ttl,
  #screen-home .sec-ttl-lg {
    font-size:clamp(24px,2.7vw,28px)!important;
    font-weight:800!important;
  }

  #screen-home .see-all {
    font-size:clamp(17px,1.9vw,20px);
    font-weight:700;
  }

  #screen-home #matchCards .game-card {
    min-height:232px;
    margin:0 0 16px!important;
    padding:28px 16px 26px;
    border-radius:14px;
    background:var(--bg2);
  }

  #screen-home .game-card-top {
    margin-bottom:14px;
  }

  #screen-home .game-name {
    font-size:28px;
    line-height:35px;
    margin-bottom:14px;
  }

  #screen-home .game-tags {
    gap:10px;
  }

  #screen-home .game-tipo,
  #screen-home .teams-published-badge {
    min-height:36px;
    align-items:center;
    padding:7px 12px;
    border-radius:6px;
    font-size:16px;
    line-height:20px;
    letter-spacing:.05em;
  }

  #screen-home .teams-published-badge {
    padding-left:12px;
    padding-right:12px;
  }

  #screen-home .card-actions {
    gap:8px;
  }

  #screen-home .share-btn {
    width:44px;
    height:44px;
    border-radius:8px;
  }

  #screen-home .share-btn svg {
    width:22px;
    height:22px;
  }

  #screen-home .join-pill {
    min-width:99px;
    min-height:44px;
    border-radius:8px;
    padding:0 24px;
    font-size:16px;
  }

  #screen-home .game-meta {
    gap:12px;
    margin-bottom:36px;
  }

  #screen-home .meta-item {
    gap:6px;
    font-size:16px;
    line-height:21px;
  }

  #screen-home .meta-item svg:first-child {
    width:16px;
    height:16px;
  }

  #screen-home .spots-row {
    margin-bottom:10px;
  }

  #screen-home .spots-lbl,
  #screen-home .spots-num {
    font-size:16px;
    line-height:20px;
  }

  #screen-home .mini-bar {
    height:8px;
    border-radius:999px;
  }

  #screen-home .mini-bar-fill {
    border-radius:999px;
  }

  #screen-home .game-price {
    display:none;
  }

  #screen-home .home-ranking-mobile-hdr,
  #screen-home #homeTopScorers {
    display:none;
  }

  #screen-home .home-global-hdr {
    display:flex;
    align-items:center;
    gap:8px;
    min-height:76px;
  }

  #screen-home .home-global-title {
    flex:0 0 auto;
    color:rgba(255,255,255,.5);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.4px;
    line-height:15px;
  }

  #screen-home .home-global-line {
    flex:1;
    min-width:54px;
    height:1px;
    background:rgba(255,255,255,.08);
  }

  #screen-home .home-table-filter {
    position:relative;
    flex:0 0 116px;
    width:116px;
    height:28px;
    display:flex;
    align-items:center;
    border:1px solid rgba(167,238,67,.24);
    border-radius:999px;
    background:linear-gradient(180deg,rgba(167,238,67,.12),rgba(167,238,67,.05));
    color:var(--green);
  }

  #screen-home .home-table-dot {
    width:5px;
    height:5px;
    margin-left:10px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 10px rgba(167,238,67,.42);
    flex:0 0 auto;
  }

  #screen-home .home-table-filter select {
    flex:1;
    min-width:0;
    height:100%;
    appearance:none;
    -webkit-appearance:none;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px;
    font-weight:800;
    padding:0 21px 0 8px;
    cursor:pointer;
  }

  #screen-home .home-table-filter option {
    background:#142029;
    color:#fff;
  }

  #screen-home .home-table-filter svg {
    position:absolute;
    right:9px;
    pointer-events:none;
  }

  #screen-home #homeGlobalTable,
  #screen-home .home-community-card {
    display:block;
  }

  #screen-home .home-gt {
    width:100%;
    margin:0;
    border-radius:10px;
  }

  #screen-home .home-gt .gt-cols,
  #screen-home .home-gt .gt-row {
    min-height:23px;
    padding-left:12px;
    padding-right:12px;
  }

  #screen-home .home-gt .gt-cols span,
  #screen-home .home-gt .gt-rk,
  #screen-home .home-gt .gt-nm,
  #screen-home .home-gt .gt-v {
    font-size:10px;
  }

  #screen-home .home-global-empty {
    padding:18px 14px;
    border:1px solid var(--border);
    border-radius:10px;
    color:var(--text3);
    font-size:12px;
    text-align:center;
  }

  #screen-home .home-community-card {
    margin-top:24px;
    padding:18px 16px;
    border:1px solid rgba(167,238,67,.18);
    border-radius:16px;
    background:linear-gradient(120deg,rgba(167,238,67,.08),rgba(18,32,41,.15) 62%);
    color:inherit;
    text-decoration:none;
  }

  #screen-home .home-community-kicker {
    margin-bottom:14px;
    color:var(--green);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
  }

  #screen-home .home-community-title {
    margin-bottom:12px;
    color:#fff;
    font-size:17px;
    line-height:1.3;
    font-weight:800;
  }

  #screen-home .home-community-copy {
    margin-bottom:14px;
    color:rgba(255,255,255,.68);
    font-size:12px;
    line-height:1.5;
    font-weight:500;
  }

  #screen-home .home-community-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:33px;
    border-radius:8px;
    background:var(--green);
    color:#0a1810;
    font-size:12px;
    font-weight:800;
  }

  /* Tablet lateral padding — applied to CONA's actual page wrappers. */
  .page-container,
  .main-content,
  [class*="page-wrapper"],
  .topbar,
  .home-heading,
  .date-section,
  .games-sec,
  .resultado-sec,
  .goles-sec,
  .page-hdr,
  .stats-grid,
  .historial-sec,
  .rating-podium-sec,
  .podium-sec,
  .sec-divider,
  .hub-header,
  .hub-section-label,
  .hub-list,
  .ins-topbar,
  .ins-cap-wrap,
  .reg-spot-cols,
  .published-teams-section,
  .form-wrap,
  .req-teams-grid,
  .auth-wrap,
  .setup-wrap,
  .conf-wrap,
  .pfl-center,
  .rf-field,
  .rf-sec,
  .rf-mvp-sec,
  .profile-action-bar,
  .profile-wrap,
  .settings-hdr,
  .settings-section,
  .admin-hdr,
  .admin-edit-hdr,
  .admin-edit-info,
  .admin-score-sec,
  .admin-mvp-sec,
  .admin-team-sec,
  .admin-list,
  .org-teams-hdr,
  .org-teams-body,
  .org-teams-footer,
  .org-mode-tabs,
  .org-sb,
  .org-grid-view,
  .org-action-view {
    box-sizing: border-box;
    max-width: none;
    width: 100%;
    padding-left: var(--page-pad-x);
    padding-right: var(--page-pad-x);
  }

  .stats-strip,
  .gt,
  .alist,
  .mvp-list,
  .rend-tbl,
  .kt,
  .jdm,
  .wa-banner,
  .crear-card,
  .plist-card,
  .banca-section {
    max-width: none;
    margin-left: var(--page-pad-x);
    margin-right: var(--page-pad-x);
  }

  #screen-resultado {
    padding-bottom:0;
  }

  #resultadoContent {
    width:100%;
    padding:0 var(--page-pad-x) 44px;
  }

  #resultadoContent .resultado-backbar {
    width:100%;
    max-width:960px;
    margin:0 auto;
    padding:22px 0 14px!important;
  }

  #resultadoContent .resultado-backbar .back-btn {
    min-height:36px;
    font-size:13px;
  }

  #resultadoContent>.org-rp {
    width:100%;
    max-width:960px;
    margin:0 auto;
    padding-bottom:0;
  }

  #resultadoContent>.org-rp>.org-rp-head {
    min-height:48px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:0 26px;
    background:rgba(255,255,255,.015);
    border:1px solid rgba(255,255,255,.06);
    border-bottom:0;
    border-radius:12px 12px 0 0;
  }

  #resultadoContent .org-rp-game {
    font-size:13px;
    line-height:1.2;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #resultadoContent .org-rp-format {
    margin:0;
    padding:4px 9px;
    border-radius:6px;
    font-size:10px;
    line-height:1;
    background:rgba(167,238,67,.11);
  }

  #resultadoContent .org-rp-meta {
    margin:0;
    text-align:right;
    font-size:11px;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #resultadoContent .org-rp-score {
    min-height:96px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:28px;
    padding:0 36px;
    background:rgba(12,29,22,.42);
    border:1px solid rgba(255,255,255,.06);
    border-top:0;
    border-radius:0 0 12px 12px;
  }

  #resultadoContent .org-rp-score-names {
    display:contents;
  }

  #resultadoContent .org-rp-score-names span {
    min-width:0;
    font-size:17px;
    line-height:1.25;
    letter-spacing:0;
    text-transform:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #resultadoContent .org-rp-score-names .t1 {
    text-align:left;
  }

  #resultadoContent .org-rp-score-names .t2 {
    text-align:right;
  }

  #resultadoContent .org-rp-score-names span:nth-child(2) {
    display:none;
  }

  #resultadoContent .org-rp-score-nums {
    grid-column:2;
    grid-row:1;
    margin:0;
    gap:9px;
  }

  #resultadoContent .org-rp-score-nums span {
    font-size:36px;
  }

  #resultadoContent .org-rp-score-nums em {
    font-size:22px;
  }

  #resultadoContent .org-rp-card,
  #resultadoContent .org-rp-detail,
  #resultadoContent .org-rp-mvp {
    width:100%;
    margin:16px 0 0;
    border-radius:12px;
    background:rgba(12,29,22,.64);
    border:1px solid rgba(167,238,67,.13);
    box-shadow:none;
  }

  #resultadoContent .org-rp-title,
  #resultadoContent .org-rp-detail summary {
    padding:18px 24px;
    color:rgba(255,255,255,.52);
    font-size:11px;
    letter-spacing:.12em;
  }

  #resultadoContent .org-rp-detail summary::after {
    display:none;
  }

  #resultadoContent .org-rp-detail-body {
    padding:0 24px 24px;
  }

  #resultadoContent .org-rp-pitch {
    height:clamp(510px,65vw,620px);
    margin:0 24px 24px;
    padding-bottom:0;
    border-radius:10px;
  }

  #resultadoContent .org-rp-ball,
  #resultadoContent .org-rp-avatar {
    width:44px;
    height:44px;
    font-size:14px;
  }

  #resultadoContent .org-rp-rate {
    top:-13px;
    font-size:10px;
    padding:3px 8px;
  }

  #resultadoContent .org-rp-name {
    max-width:88px;
    font-size:9px;
  }

  #resultadoContent .org-rp-bench-area {
    margin:0 24px 24px;
  }

  #resultadoContent .org-rp-statboard {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-auto-rows:auto;
    column-gap:28px;
    row-gap:8px;
    margin:0;
    padding:22px;
    border-radius:10px;
    background:#0d1d13;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar {
    padding:0;
    border:0;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar:nth-child(1) {
    grid-column:2;
    grid-row:1;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar:nth-child(4) {
    grid-column:2;
    grid-row:2;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar:nth-child(5) {
    grid-column:2;
    grid-row:3;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar:nth-child(6) {
    grid-column:2;
    grid-row:4;
  }

  #resultadoContent .org-rp-statboard>.org-rp-stat-bar:nth-child(7) {
    grid-column:2;
    grid-row:5;
  }

  #resultadoContent .org-rp-shot-title {
    grid-column:1;
    grid-row:1;
    padding:0 0 8px;
  }

  #resultadoContent .org-rp-shotbox {
    grid-column:1;
    grid-row:2 / span 4;
    height:220px;
    margin:0;
    align-self:stretch;
  }

  #resultadoContent .org-rp-stat-label {
    margin-bottom:7px;
    font-size:11px;
  }

  #resultadoContent .org-rp-stat-track {
    height:30px;
  }

  #resultadoContent .org-rp-timeline {
    min-height:360px;
    padding:18px 28px 26px;
    border-radius:10px;
  }

  #resultadoContent .org-rp-rank-tbl th {
    font-size:8px;
    padding:8px 2px;
  }

  #resultadoContent .org-rp-rank-tbl td {
    font-size:11px;
    padding:9px 2px;
  }

  #resultadoContent .org-rp-rank-tbl td.rk-name {
    font-size:12px;
  }

  #resultadoContent .org-rp-footer {
    max-width:960px;
    margin:0 auto;
    padding:28px 0 0;
  }

  .resultado-side-panel {
    width:100%;
    max-width:960px;
    margin:0 auto;
    padding:16px 0 0;
  }

  .resultado-factor-card {
    display:none;
  }

  .org-rp-pop-dock {
    align-items:center;
    padding:32px;
  }

  .org-rp-sheet {
    width:min(721px,calc(100vw - 64px));
    height:483px;
    min-height:0;
    max-height:calc(100dvh - 64px);
    border-radius:16px;
    border:1px solid rgba(167,238,67,.2);
    border-top-color:rgba(167,238,67,.28);
    transform:translateY(18px) scale(.98);
  }

  .org-rp-pop-dock.on .org-rp-sheet {
    transform:translateY(0) scale(1);
  }

  .org-rp-sheet-handle {
    display:none;
  }

  .org-rp-sheet-head {
    min-height:78px;
    padding:24px 24px 8px;
    border-bottom:0;
  }

  .org-rp-sheet-tabs {
    margin:0 24px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .org-rp-sheet-body {
    padding:18px 24px 24px;
  }

  .admin-save-btn {
    width: calc(100% - (var(--page-pad-x) * 2));
    margin-left: var(--page-pad-x);
    margin-right: var(--page-pad-x);
  }

  #screen-auth-login,
  #screen-auth-register,
  #screen-auth-phone,
  #screen-setup-profile {
    max-width: 100%;
  }

  .auth-wrap,
  .setup-wrap,
  .conf-wrap,
  .pfl-center {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  #matchCards,
  #hubGamesList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: var(--page-grid-gap);
  }

  .req-teams-grid,
  .stats-grid {
    gap: var(--page-grid-gap);
  }

  .game-card,
  .hist-item,
  .admin-card,
  .profile-hist-item,
  .settings-row,
  .inbox-msg,
  .fc-norm-item,
  .fc-scale-item,
  .reserve-card,
  .conf-card,
  .crear-card,
  .perf-card {
    border-radius: var(--page-card-radius);
    padding: var(--page-card-pad);
  }

  .resultado-card,
  .plist-card,
  .req-team-card,
  .cona-credits-card,
  .saved-card-item,
  .rf-mvp-card,
  .org-setup-col,
  .org-grid-section,
  .org-action-team,
  .org-action-pick {
    border-radius: var(--page-card-radius);
  }

  .join-pill,
  .sub-btn,
  .req-confirm-btn,
  .req-join-btn,
  .crear-cta-btn,
  .auth-btn,
  .auth-btn-outline,
  .back-home-btn,
  .admin-save-btn,
  .fc-entry-btn,
  .fc-feedback-btn,
  .onboarding-terms-btn,
  .credit-exit-primary,
  .credit-exit-secondary,
  .pfl-cta-btn {
    min-height: var(--page-action-h);
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
  }

  .share-btn,
  .admin-btn,
  .settings-gear,
  .inbox-btn {
    width: var(--page-icon-btn);
    height: var(--page-icon-btn);
    border-radius: 12px;
  }

  #screen-mejengas {
    padding-bottom:0;
  }

  #screen-mejengas .settings-hdr {
    border-bottom:0;
    gap:8px;
    padding-top:32px;
    padding-bottom:24px;
  }

  #screen-mejengas .settings-hdr .back-btn {
    width:24px;
    height:24px;
    padding:0;
    justify-content:center;
    color:#fff;
  }

  #screen-mejengas .settings-hdr .back-btn svg {
    width:24px;
    height:24px;
  }

  #screen-mejengas .settings-ttl {
    font-size:clamp(32px,4.4vw,42px);
    line-height:1;
    font-weight:800;
  }

  #screen-mejengas .mejengas-section-hdr {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    width:100%;
    min-height:64px;
    padding:18px var(--page-pad-x);
  }

  #screen-mejengas .mejengas-section-title {
    color:#fff;
    font-size:clamp(21px,2.7vw,28px);
    line-height:1.2;
    font-weight:800;
  }

  #screen-mejengas .mejengas-section-link {
    border:0;
    background:transparent;
    color:var(--green);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:clamp(15px,1.9vw,20px);
    font-weight:800;
    white-space:nowrap;
  }

  #screen-mejengas #hubGamesList {
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:0!important;
  }

  #screen-mejengas #hubGamesList .game-card {
    width:100%;
    margin:0!important;
    padding:24px 17px;
    border-radius:14px;
    background:var(--bg2);
  }

  #screen-mejengas #hubGamesList .game-card-top {
    margin-bottom:10px;
  }

  #screen-mejengas #hubGamesList .game-name {
    margin-bottom:0;
    font-size:clamp(21px,2.7vw,28px);
    line-height:1.2;
  }

  #screen-mejengas #hubGamesList .card-actions {
    gap:8px;
  }

  #screen-mejengas #hubGamesList .share-btn {
    width:44px;
    height:44px;
    border-radius:8px;
  }

  #screen-mejengas #hubGamesList .share-btn svg {
    width:22px;
    height:22px;
  }

  #screen-mejengas #hubGamesList .join-pill {
    min-width:99px;
    min-height:44px;
    border-radius:8px;
    padding:0 16px;
    font-size:16px;
  }

  #screen-mejengas #hubGamesList .join-pill-outline {
    min-width:0;
    border-color:#e9b224;
    background:rgba(233,178,36,.2);
    color:#fff;
  }

  #screen-mejengas #hubGamesList .game-meta {
    gap:10px;
    margin-bottom:12px;
  }

  #screen-mejengas #hubGamesList .meta-item {
    font-size:16px;
    line-height:21px;
  }

  #screen-mejengas #hubGamesList .meta-item svg:first-child {
    width:16px;
    height:16px;
  }

  #screen-mejengas #hubGamesList .hub-waze-link {
    color:var(--green);
    font-size:inherit;
    font-weight:800;
    text-decoration:none;
    margin-left:4px;
  }

  #screen-mejengas #hubGamesList .game-tags {
    gap:12px;
    margin-bottom:12px;
  }

  #screen-mejengas #hubGamesList .game-tipo,
  #screen-mejengas #hubGamesList .teams-published-badge {
    min-height:36px;
    padding:8px 12px;
    border-radius:6px;
    font-size:16px;
    line-height:20px;
    letter-spacing:.05em;
  }

  #screen-mejengas #hubGamesList .spots-row {
    margin-bottom:8px;
  }

  #screen-mejengas #hubGamesList .spots-lbl,
  #screen-mejengas #hubGamesList .spots-num {
    font-size:16px;
    line-height:20px;
  }

  #screen-mejengas #hubGamesList .mini-bar {
    height:8px;
  }

  #screen-mejengas #hubGamesList .game-price {
    display:none;
  }

  #screen-mejengas .crear-card {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    margin-top:10px;
    margin-bottom:28px;
    padding:20px 16px;
    border-radius:16px;
  }

  #screen-mejengas .crear-card-eyebrow {
    margin-bottom:16px;
    font-size:12px;
    letter-spacing:.075em;
  }

  #screen-mejengas .crear-card-title {
    margin-bottom:18px;
    font-size:clamp(20px,2.35vw,24px);
    line-height:1.25;
  }

  #screen-mejengas .crear-card-sub {
    margin-bottom:24px;
    font-size:16px;
    line-height:20px;
  }

  #screen-mejengas .crear-cta-btn {
    width:auto;
    min-height:45px;
    padding:12px 24px;
    border-radius:8px;
    font-size:16px;
  }

  #screen-registro.screen.active {
    display:grid;
    grid-template-columns:var(--page-pad-x) minmax(0,1fr) clamp(300px,27vw,360px) var(--page-pad-x);
    column-gap:24px;
    align-items:start;
    padding-bottom:0;
  }

  #screen-registro>.cona-global-header,
  #screen-registro>.ins-header-card,
  #screen-registro>.cona-global-footer {
    grid-column:1 / -1;
  }

  #screen-registro>.cona-global-footer {
    grid-row:9;
  }

  #screen-registro .ins-header-card {
    display:grid;
    grid-template-columns:var(--page-pad-x) minmax(0,1fr) var(--page-pad-x);
    padding:0 0 24px;
    border-radius:0;
    background:var(--bg2);
  }

  #screen-registro .ins-header-card>* {
    grid-column:2;
  }

  #screen-registro .ins-topbar {
    padding:16px 0;
  }

  #screen-registro .ins-topbar .back-btn,
  #screen-registro .ins-share-btn {
    width:24px;
    height:24px;
    padding:0;
    align-items:center;
    justify-content:center;
  }

  #screen-registro .reg-status-pill {
    width:max-content;
    max-width:100%;
    margin:0 0 16px;
    padding:6px 13px;
    font-size:12px;
    letter-spacing:.045em;
  }

  #screen-registro .ins-name {
    padding:0;
    margin-bottom:18px;
    color:var(--green);
    font-size:clamp(32px,4vw,44px);
    line-height:1.12;
    font-weight:800;
  }

  #screen-registro .ins-chips {
    padding:0;
    gap:24px;
    margin-bottom:20px;
  }

  #screen-registro .ins-chip {
    min-height:47px;
    padding:13px 17px;
    border-radius:20px;
    color:#fff;
    font-size:16px;
    line-height:20px;
    background:rgba(255,255,255,.04);
  }

  #screen-registro .ins-chip svg {
    display:none;
  }

  #screen-registro .ins-chip a {
    color:var(--green)!important;
    font-size:inherit!important;
    font-weight:800!important;
  }

  #screen-registro .ins-cap-wrap {
    padding:0;
  }

  #screen-registro .ins-spots-card {
    padding:14px 16px;
    border:0;
    background:transparent;
  }

  #screen-registro .ins-slbl {
    font-size:16px;
    letter-spacing:0;
    text-transform:none;
  }

  #screen-registro .ins-scnt {
    font-size:12px;
    font-weight:800;
  }

  #screen-registro .ins-sbar {
    height:8px;
    border-radius:2px;
  }

  #screen-registro .reg-spot-cols,
  #screen-registro .reg-banca-sub {
    display:none!important;
  }

  #screen-registro #regAlreadyIn,
  #screen-registro #regFormWrap,
  #screen-registro .reg-community-card {
    grid-column:3;
  }

  #screen-registro #regAlreadyIn,
  #screen-registro #regFormWrap {
    grid-row:3;
    padding:16px 0 0!important;
  }

  #screen-registro #regAlreadyIn>div,
  #screen-registro #regUserCard,
  #screen-registro #regLoginPrompt {
    border-radius:12px!important;
    background:var(--bg2)!important;
    border:1px solid var(--border)!important;
  }

  #screen-registro .form-sec-ttl {
    margin-bottom:16px;
    font-size:12px;
    letter-spacing:1px;
  }

  #screen-registro #regUserCard {
    min-height:120px;
    padding:15px!important;
    margin-bottom:24px!important;
  }

  #screen-registro #regUserCard>div {
    height:100%;
    align-items:center!important;
  }

  #screen-registro #regUserAvatar {
    width:54px!important;
    height:54px!important;
    font-size:18px!important;
    border-color:rgba(167,238,67,.3)!important;
  }

  #screen-registro #regUserName {
    font-size:24px!important;
    line-height:1.15!important;
  }

  #screen-registro #regUserReal {
    margin-top:4px;
    font-size:12px!important;
  }

  #screen-registro .pos-toggle {
    gap:10px;
    margin-bottom:14px;
  }

  #screen-registro .pos-btn {
    min-height:92px;
    padding:15px 11px 13px;
    border-radius:10px;
  }

  #screen-registro .pos-btn .pos-icon {
    margin-bottom:6px;
  }

  #screen-registro .pos-btn .pos-name {
    font-size:12px;
    line-height:1.25;
  }

  #screen-registro #regSubmitBtn {
    min-height:60px;
    border-radius:14px;
    font-size:14px;
  }

  #screen-registro .reg-community-card {
    grid-row:4;
    display:block;
    margin-top:24px;
    padding:20px 16px;
    border:1px solid rgba(167,238,67,.18);
    border-radius:16px;
    background:linear-gradient(153deg,rgba(167,238,67,.08),rgba(167,238,67,.02));
  }

  #screen-registro .reg-community-kicker {
    margin-bottom:12px;
    color:var(--green);
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

  #screen-registro .reg-community-title {
    margin-bottom:12px;
    color:#fff;
    font-size:16px;
    font-weight:800;
    line-height:1.25;
  }

  #screen-registro .reg-community-copy {
    margin-bottom:12px;
    color:rgba(255,255,255,.75);
    font-size:12px;
    line-height:1.55;
  }

  #screen-registro .reg-community-btn {
    width:100%;
    min-height:32px;
    border:0;
    border-radius:8px;
    background:var(--green);
    color:var(--bg);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }

  #screen-registro .registro-main-list {
    grid-column:2;
    grid-row:3 / span 6;
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-top:8px;
  }

  #screen-registro .published-teams-section,
  #screen-registro .plist-card,
  #screen-registro .banca-section {
    margin-left:0;
    margin-right:0;
  }

  #screen-registro .published-teams-section {
    padding:0;
  }

  #screen-registro .plist-card,
  #screen-registro .banca-section {
    margin-top:0;
  }

  #screen-registro .plist-card {
    border-radius:12px;
    background:rgba(255,255,255,.03);
  }

  #screen-registro .plist-lbl,
  #screen-registro .banca-ttl {
    font-size:11px;
    letter-spacing:1.1px;
  }

  #screen-registro .pitem {
    min-height:49px;
    padding:11px 16px;
  }

  #screen-registro .pname {
    font-size:16px;
    line-height:1.2;
  }

  #screen-registro .ptimestamp {
    margin-top:2px;
    font-size:12px;
  }

  #screen-registro .pnum,
  #screen-registro .pavatar {
    width:26px;
    height:26px;
    border-radius:7px;
    margin-right:12px;
  }

  #screen-registro .pavatar {
    border-radius:50%;
  }

  #screen-registro .banca-section .plist {
    border-radius:12px;
  }

  #screen-registro .banca-info {
    margin-bottom:0;
    border-radius:12px 12px 0 0;
    border-bottom:0;
  }

  #screen-registro .published-teams-stack {
    gap:14px;
  }

  #screen-registro .published-team-card,
  #screen-registro .published-bench-card {
    border-radius:12px;
  }

  #screen-registro .published-player-row,
  #screen-registro .published-bench-row {
    min-height:49px;
  }
}

/* ── Desktop 1024px+ ────────────────────────────────── */
@media (min-width: 1024px) {
  :root {
    --page-pad-x: clamp(24px,2.25vw,32px);
    --cona-shell-pad-x: clamp(24px,2.25vw,32px);
    --page-card-pad: 18px;
    --page-card-radius: 14px;
    --page-grid-gap: 14px;
    --page-icon-btn: 36px;
  }

  body {
    justify-content: flex-start;
  }

  .app-shell {
    max-width: 100%;
    width: 100%;
  }

  /* Bottom nav spans full width */
  .bottom-nav {
    max-width: 100%;
    width: 100%;
    left: 0;
    transform: none;
  }

  .nav-item:hover { color: var(--text2); }

  /* ──────────────────────────────────────
     Screens — centered readable column
  ────────────────────────────────────── */
  .screen {
    padding-bottom: 0;
  }

  .screen>.cona-global-header {
    min-height:86px;
    padding-top:14px;
    padding-bottom:14px;
  }

  .cona-header-brand {
    min-width:92px;
  }

  .cona-header-word {
    font-size:20px;
  }

  .cona-header-mark {
    width:25px;
    height:25px;
  }

  .cona-header-nav {
    gap:clamp(18px,2.45vw,28px);
  }

  .cona-header-nav-item {
    font-size:15px;
  }

  .cona-header-nav-item.active {
    padding:6px 7px;
  }

  .cona-header-nav-item svg {
    width:16px;
    height:16px;
  }

  .cona-global-footer {
    padding-top:36px;
    padding-bottom:36px;
  }

  .cona-footer-inner {
    padding-top:34px;
  }

  .cona-footer-brand .cona-header-word {
    font-size:24px;
  }

  .cona-footer-brand .cona-header-mark {
    width:29px;
    height:29px;
  }

  .cona-footer-link {
    font-size:14px;
  }

  .cona-footer-social,
  .cona-footer-social svg {
    width:21px;
    height:21px;
  }

  #screen-home {
    padding-bottom:0;
  }

  #screen-home .home-desktop-wrap {
    padding-top:12px;
    padding-bottom:34px;
  }

  #screen-home .home-hero-row {
    grid-template-columns:minmax(250px,1fr) clamp(500px,45vw,660px);
    gap:clamp(28px,3.5vw,50px);
    min-height:90px;
  }

  #screen-home .date-section {
    padding-top:8px;
  }

  #screen-home .home-heading {
    padding-top:20px;
  }

  #screen-home .home-greeting {
    font-size:clamp(29px,2.9vw,36px);
    margin-bottom:8px;
  }

  #screen-home .home-explore {
    font-size:clamp(15px,1.45vw,18px);
  }

  #screen-home .sec-lbl {
    font-size:10px;
    margin-bottom:6px;
  }

  #screen-home .date-scroll {
    gap:clamp(12px,1.45vw,16px);
  }

  #screen-home .date-chip {
    width:clamp(50px,4vw,56px);
    flex-basis:clamp(50px,4vw,56px);
    height:60px;
    gap:2px;
    border-radius:8px;
  }

  #screen-home .day-num {
    font-size:clamp(15px,1.45vw,18px);
    line-height:19px;
  }

  #screen-home .day-name {
    font-size:clamp(10px,1.05vw,12px);
    line-height:15px;
  }

  #screen-home .date-scroll {
    max-width:none;
  }

  #screen-home .home-content-grid {
    grid-template-columns:minmax(0,1fr) clamp(280px,26vw,380px);
    gap:clamp(34px,3.9vw,56px);
  }

  #screen-home .home-main-col {
    min-width:0;
  }

  #screen-home .home-side-col {
    min-width:0;
  }

  #screen-home .games-sec>.sec-hdr {
    min-height:clamp(46px,4.2vw,58px);
    margin-bottom:6px;
  }

  #screen-home .sec-ttl,
  #screen-home .sec-ttl-lg {
    font-size:clamp(19px,1.85vw,22px)!important;
  }

  #screen-home .see-all {
    font-size:clamp(14px,1.35vw,16px);
  }

  #screen-home #matchCards .game-card {
    min-height:132px;
    padding:13px 16px 14px;
    margin:0!important;
  }

  #screen-home #matchCards .game-card:last-child {
    min-height:132px;
    margin-bottom:0!important;
  }

  #screen-home .game-name {
    font-size:16px;
    line-height:21px;
    margin-bottom:0;
  }

  #screen-home .game-tipo,
  #screen-home .teams-published-badge {
    min-height:28px;
    padding:5px 9px;
    font-size:12px;
    line-height:16px;
  }

  #screen-home .share-btn {
    width:34px;
    height:34px;
  }

  #screen-home .share-btn svg {
    width:19px;
    height:19px;
  }

  #screen-home .join-pill {
    min-height:34px;
    min-width:74px;
    padding:0 15px;
    font-size:12px;
  }

  #screen-home .game-meta {
    gap:10px;
    margin-bottom:10px;
  }

  #screen-home .meta-item,
  #screen-home .spots-lbl,
  #screen-home .spots-num {
    font-size:12px;
    line-height:16px;
  }

  #screen-home .resultado-sec {
    padding-top:18px;
  }

  #screen-home .resultado-sec>.sec-hdr {
    min-height:clamp(46px,4vw,56px);
    margin-bottom:0;
  }

  #screen-home .resultado-card {
    min-height:174px;
    border-radius:12px;
  }

  #screen-home .res-field {
    min-height:128px;
    padding:14px;
    display:flex;
    flex-direction:column;
  }

  #screen-home .res-match-lbl {
    margin-bottom:0;
    font-size:11px;
    line-height:15px;
  }

  #screen-home .res-score-row {
    flex:1;
    gap:clamp(20px,2.8vw,36px);
  }

  #screen-home .res-team-name {
    margin-bottom:5px;
    font-size:13px;
    line-height:18px;
  }

  #screen-home .res-score {
    font-size:34px;
    line-height:1;
  }

  #screen-home .res-vs {
    font-size:clamp(20px,2vw,24px);
  }

  #screen-home .res-bottom {
    min-height:45px;
    padding:10px 14px;
  }

  #screen-home .res-mvp {
    font-size:12px;
    line-height:17px;
  }

  #screen-home .mvp-badge {
    min-height:28px;
    padding:5px 10px;
    border-radius:6px;
    font-size:11px;
  }

  #screen-home .mvp-badge .mvp-icon {
    width:18px;
    height:18px;
  }

  #screen-home .res-link {
    font-size:11px;
    line-height:15px;
  }

  #screen-home .home-community-card {
    padding:16px 14px;
    border-radius:14px;
  }

  #resultadoContent {
    padding-bottom:36px;
  }

  #screen-home .home-community-kicker {
    margin-bottom:10px;
    font-size:9px;
  }

  #screen-home .home-community-title {
    margin-bottom:10px;
    font-size:15px;
  }

  #screen-home .home-community-copy {
    margin-bottom:12px;
    font-size:11px;
  }

  #screen-home .home-community-btn {
    min-height:30px;
    font-size:11px;
  }

  #screen-mejengas .settings-hdr {
    padding-top:24px;
    padding-bottom:16px;
  }

  #screen-mejengas .settings-ttl {
    font-size:32px;
  }

  #screen-mejengas .mejengas-section-hdr {
    min-height:52px;
    padding-top:12px;
    padding-bottom:12px;
  }

  #screen-mejengas .mejengas-section-title {
    font-size:22px;
  }

  #screen-mejengas .mejengas-section-link {
    font-size:16px;
  }

  #screen-mejengas #hubGamesList .game-card {
    padding:20px 14px;
  }

  #screen-mejengas #hubGamesList .game-name {
    font-size:22px;
  }

  #screen-mejengas #hubGamesList .share-btn {
    width:38px;
    height:38px;
  }

  #screen-mejengas #hubGamesList .share-btn svg {
    width:19px;
    height:19px;
  }

  #screen-mejengas #hubGamesList .join-pill {
    min-width:86px;
    min-height:38px;
    font-size:14px;
  }

  #screen-mejengas #hubGamesList .meta-item,
  #screen-mejengas #hubGamesList .spots-lbl,
  #screen-mejengas #hubGamesList .spots-num {
    font-size:14px;
    line-height:18px;
  }

  #screen-mejengas #hubGamesList .game-tipo,
  #screen-mejengas #hubGamesList .teams-published-badge {
    min-height:30px;
    padding:5px 10px;
    font-size:13px;
    line-height:17px;
  }

  #screen-mejengas #hubGamesList .mini-bar {
    height:5px;
  }

  #screen-mejengas .crear-card {
    padding:16px 14px;
    border-radius:14px;
  }

  #screen-mejengas .crear-card-eyebrow {
    margin-bottom:10px;
    font-size:9px;
  }

  #screen-mejengas .crear-card-title {
    margin-bottom:10px;
    font-size:15px;
  }

  #screen-mejengas .crear-card-sub {
    margin-bottom:12px;
    font-size:11px;
    line-height:1.5;
  }

  #screen-mejengas .crear-cta-btn {
    min-height:30px;
    padding:8px 14px;
    font-size:11px;
  }

  #screen-registro.screen.active {
    grid-template-columns:var(--page-pad-x) minmax(0,1fr) clamp(280px,25vw,330px) var(--page-pad-x);
    column-gap:20px;
  }

  #screen-registro .ins-header-card {
    padding-bottom:20px;
  }

  #screen-registro .ins-topbar {
    padding:12px 0;
  }

  #screen-registro .reg-status-pill {
    margin-bottom:12px;
    padding:4px 9px;
    font-size:10px;
  }

  #screen-registro .ins-name {
    margin-bottom:14px;
    font-size:clamp(28px,2.9vw,34px);
  }

  #screen-registro .ins-chips {
    gap:12px;
    margin-bottom:16px;
  }

  #screen-registro .ins-chip {
    min-height:34px;
    padding:8px 12px;
    font-size:12px;
  }

  #screen-registro .ins-spots-card {
    padding:10px 12px;
  }

  #screen-registro .ins-slbl {
    font-size:12px;
  }

  #screen-registro .ins-sbar {
    height:5px;
  }

  #screen-registro #regAlreadyIn,
  #screen-registro #regFormWrap {
    padding-top:14px!important;
  }

  #screen-registro #regUserCard {
    min-height:96px;
    margin-bottom:18px!important;
  }

  #screen-registro #regUserAvatar {
    width:44px!important;
    height:44px!important;
  }

  #screen-registro #regUserName {
    font-size:18px!important;
  }

  #screen-registro .pos-btn {
    min-height:76px;
    padding:12px 9px 10px;
  }

  #screen-registro #regSubmitBtn {
    min-height:48px;
    border-radius:12px;
  }

  #screen-registro .reg-community-card {
    margin-top:18px;
    padding:16px 14px;
    border-radius:14px;
  }

  #screen-registro .registro-main-list {
    gap:14px;
  }

  #screen-registro .plist-lbl,
  #screen-registro .banca-ttl {
    font-size:10px;
  }

  #screen-registro .pitem {
    min-height:42px;
    padding:9px 14px;
  }

  #screen-registro .pname {
    font-size:13px;
  }

  #screen-registro .ptimestamp {
    font-size:10px;
  }

  #screen-registro .pnum,
  #screen-registro .pavatar {
    width:24px;
    height:24px;
  }

  #screen-home #matchCards {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:12px;
  }

  #screen-home .game-card-top {
    align-items:flex-start;
    margin-bottom:10px;
  }

  #screen-home .game-tags {
    margin-top:8px;
  }

  #screen-home .spots-row {
    margin-bottom:6px;
  }

  #screen-home .mini-bar {
    height:5px;
  }

  #screen-home .home-global-hdr {
    min-height:28px;
    margin-bottom:6px;
  }

  #screen-home .home-gt .gt-cols,
  #screen-home .home-gt .gt-row {
    min-height:19px;
    padding-top:4px;
    padding-bottom:4px;
  }

  #screen-home .home-gt .gt-cols span,
  #screen-home .home-gt .gt-rk,
  #screen-home .home-gt .gt-nm,
  #screen-home .home-gt .gt-v {
    font-size:9px;
  }

  #screen-home .home-gt .gt-actions {
    padding:6px 10px 8px;
  }

  #screen-home .home-gt .gt-more-btn {
    padding:5px 10px;
    font-size:9px;
  }

  #screen-home .home-community-card {
    margin-top:14px;
  }

  #screen-home .home-results-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  #screen-home .home-results-grid .resultado-card:nth-child(n+2) {
    display:block;
  }

  /* ──────────────────────────────────────
     Cards — responsive within the 120px rail
  ────────────────────────────────────── */
  #matchCards {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }

  #screen-mejengas #hubGamesList {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }

  #screen-mejengas #hubGamesList .game-card {
    min-height:218px;
    display:flex;
    flex-direction:column;
  }

  #screen-mejengas #hubGamesList .spots-row {
    margin-top:auto;
  }

  /* ──────────────────────────────────────
     Auth / onboarding — narrow forms
  ────────────────────────────────────── */
  #screen-auth-login,
  #screen-auth-register,
  #screen-setup-profile {
    max-width: 100%;
  }

  .form-wrap,
  .landing-wrap { max-width: none; }
}

@media (min-width: 1180px) {
  #screen-resultado .cona-global-header {
    --cona-header-bg:var(--bg);
  }

  #resultadoContent {
    display:block;
    width:100%;
    max-width:none;
    padding:44px var(--page-pad-x) 58px;
  }

  #resultadoContent .resultado-backbar {
    display:none;
  }

  #resultadoContent>.org-rp.resultado-report-layout {
    display:grid;
    grid-template-columns:minmax(0,960px) 340px;
    align-items:start;
    column-gap:52px;
    width:min(100%,1352px);
    max-width:1352px;
    margin:0 auto;
    padding:0;
  }

  #resultadoContent .resultado-main-stack,
  #resultadoContent .resultado-side-stack {
    display:flex;
    flex-direction:column;
    gap:16px;
    min-width:0;
  }

  #resultadoContent .resultado-main-stack {
    grid-column:1;
  }

  #resultadoContent .resultado-side-stack {
    grid-column:2;
    gap:16px;
  }

  #resultadoContent .resultado-match-summary {
    min-height:178px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px 26px 24px;
    border:1px solid rgba(167,238,67,.24);
    border-radius:12px;
    background:#1c3441;
  }

  #resultadoContent .resultado-match-summary .org-rp-head {
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:0;
    border:0;
    background:transparent;
  }

  #resultadoContent .resultado-match-summary .org-rp-game {
    grid-row:2;
    color:var(--green);
    font-size:30px;
    line-height:1.15;
    font-weight:900;
    text-align:center;
  }

  #resultadoContent .resultado-match-summary .org-rp-format,
  #resultadoContent .resultado-match-summary .org-rp-meta {
    grid-row:1;
    justify-self:center;
    max-width:100%;
    margin:0;
    padding:0;
    background:transparent;
    color:rgba(255,255,255,.55);
    font-size:11px;
    line-height:1.4;
    font-weight:800;
    text-align:center;
  }

  #resultadoContent .resultado-match-summary .org-rp-meta {
    margin-top:18px;
  }

  #resultadoContent .resultado-match-summary .org-rp-score {
    min-height:0;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:40px;
    align-items:center;
    margin-top:22px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-names {
    display:contents;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-names span {
    font-size:29px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
    white-space:nowrap;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-names .t1 {
    color:var(--green);
    text-align:right;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-names .t2 {
    color:rgba(255,255,255,.72);
    text-align:left;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-names span:nth-child(2) {
    display:none;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-nums {
    grid-column:2;
    grid-row:1;
    margin:0;
    gap:10px;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-nums span,
  #resultadoContent .resultado-match-summary .org-rp-score-nums em {
    color:#fff;
    font-size:32px;
    line-height:1;
    font-weight:900;
  }

  #resultadoContent .resultado-match-summary .org-rp-score-nums em {
    font-style:normal;
    color:rgba(255,255,255,.82);
  }

  #resultadoContent .org-rp-card,
  #resultadoContent .org-rp-detail,
  #resultadoContent .org-rp-mvp {
    width:100%;
    margin:0;
    border-radius:12px;
    border:1px solid rgba(167,238,67,.22);
    background:rgba(28,52,41,.72);
    box-shadow:none;
    overflow:hidden;
  }

  #resultadoContent .org-rp-card {
    min-height:672px;
    background:#132822;
  }

  #resultadoContent .org-rp-title,
  #resultadoContent .org-rp-detail summary {
    padding:18px;
    color:var(--green);
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
  }

  #resultadoContent .org-rp-detail summary::after {
    display:none;
  }

  #resultadoContent .org-rp-detail-body {
    padding:0 24px 24px;
  }

  #resultadoContent .org-rp-pitch {
    height:568px;
    margin:0 12px 16px;
    padding-bottom:0;
    border-radius:8px;
  }

  #resultadoContent .org-rp-stats-detail {
    min-height:393px;
  }

  #resultadoContent .org-rp-stats-detail .org-rp-detail-body {
    padding:0 24px 24px;
  }

  #resultadoContent .org-rp-statboard {
    min-height:320px;
    margin:0;
    padding:22px;
    border-radius:10px;
    background:rgba(31,62,47,.8);
  }

  #resultadoContent .org-rp-timeline-detail {
    min-height:973px;
    background:rgba(30,57,48,.86);
  }

  #resultadoContent .org-rp-timeline {
    min-height:903px;
    padding:24px 28px 30px;
    border-radius:0;
    background:transparent;
  }

  #resultadoContent .resultado-side-stack .org-rp-mvp {
    min-height:225px;
    margin:0;
    padding:24px 20px;
    border-color:rgba(251,191,36,.55);
    background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(42,67,35,.8));
  }

  #resultadoContent .org-rp-mvp-k {
    margin-bottom:10px;
  }

  #resultadoContent .org-rp-mvp-name {
    font-size:24px;
    line-height:1.15;
  }

  #resultadoContent .org-rp-mvp-rating {
    font-size:40px;
    line-height:1;
    margin:10px 0;
  }

  #resultadoContent .resultado-side-stack .org-rp-players-detail {
    min-height:512px;
    background:#172934;
    border-color:rgba(255,255,255,.08);
  }

  #resultadoContent .org-rp-players-detail .org-rp-detail-body {
    padding:0 12px 14px;
  }

  #resultadoContent .org-rp-rank-tbl th {
    padding:8px 2px;
    font-size:7px;
  }

  #resultadoContent .org-rp-rank-tbl td {
    padding:8px 2px;
    font-size:10px;
  }

  #resultadoContent .org-rp-rank-tbl td.rk-name {
    font-size:11px;
  }

  #resultadoContent .resultado-side-panel {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
  }

  #resultadoContent .resultado-side-panel .fc-entry-btn {
    min-height:51px;
    border-radius:8px;
    background:rgba(167,238,67,.06);
    border-color:rgba(167,238,67,.24);
    color:var(--green);
    font-size:20px;
    line-height:1;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
  }

  #resultadoContent .resultado-factor-card {
    display:block;
    min-height:172px;
    margin-top:16px;
    padding:28px 22px 20px;
    border-radius:12px;
    border:1px solid rgba(251,191,36,.2);
    background:rgba(52,54,26,.55);
    text-align:center;
  }

  #resultadoContent .resultado-factor-k {
    margin-bottom:14px;
    color:#fff;
    font-size:14px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
  }

  #resultadoContent .resultado-factor-t {
    max-width:250px;
    margin:0 auto;
    color:rgba(255,255,255,.58);
    font-size:11px;
    line-height:1.45;
    font-weight:700;
  }

  #resultadoContent .resultado-factor-link {
    min-height:36px;
    margin-top:18px;
    padding:0 20px;
    border:0;
    border-radius:8px;
    background:var(--green);
    color:#111;
    font-size:12px;
    font-weight:900;
  }

  #resultadoContent .org-rp-rating-detail {
    display:none;
  }

  #resultadoContent .org-rp-footer {
    width:100%;
    max-width:none;
    margin:0;
    padding:28px 0 0;
  }
}

@media (min-width: 1180px) {
  #screen-mejengas .settings-hdr,
  #screen-mejengas .mejengas-section-hdr,
  #screen-mejengas #hubGamesList,
  #screen-mejengas .crear-card {
    width:min(100%,1352px);
    margin-left:auto;
    margin-right:auto;
  }

  #screen-mejengas .settings-hdr,
  #screen-mejengas .mejengas-section-hdr {
    padding-left:0;
    padding-right:0;
  }

  #screen-mejengas #hubGamesList {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 24px;
    padding-left:0;
    padding-right:0;
  }

  #screen-mejengas #hubGamesList .game-card {
    min-height:243px;
    display:flex;
    flex-direction:column;
    padding:24px;
  }

  #screen-mejengas #hubGamesList .game-meta {
    min-height:52px;
  }

  #screen-mejengas #hubGamesList .spots-row {
    margin-top:auto;
  }

  #screen-mejengas .crear-card {
    margin-top:24px;
    padding:24px;
  }

  #screen-registro.screen.active {
    grid-template-columns:minmax(var(--page-pad-x),1fr) minmax(0,962px) minmax(340px,390px) minmax(var(--page-pad-x),1fr);
    column-gap:clamp(24px,2.6vw,36px);
  }

  #screen-registro .ins-header-card {
    grid-template-columns:minmax(var(--page-pad-x),1fr) minmax(0,1352px) minmax(var(--page-pad-x),1fr);
    padding-bottom:32px;
  }

  #screen-registro #regAlreadyIn,
  #screen-registro #regFormWrap,
  #screen-registro .reg-community-card {
    width:100%;
    max-width:390px;
    justify-self:stretch;
  }

  #screen-registro #regFormWrap {
    position:sticky;
    top:20px;
    padding:22px!important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(255,255,255,.025);
  }

  #screen-registro #regAlreadyIn {
    padding-left:0!important;
    padding-right:0!important;
  }

  #screen-registro .form-sec-ttl {
    margin-bottom:18px;
    color:rgba(255,255,255,.64);
  }

  #screen-registro #regUserCard {
    min-height:104px;
    margin-bottom:20px!important;
  }

  #screen-registro .pos-btn {
    min-height:86px;
  }

  #screen-registro .registro-main-list {
    max-width:962px;
    gap:16px;
    padding-top:16px;
  }

  #screen-registro .plist-card,
  #screen-registro .banca-section,
  #screen-registro .published-team-card,
  #screen-registro .published-bench-card {
    border-radius:14px;
  }

  #screen-registro .plist-lbl,
  #screen-registro .banca-ttl,
  #screen-registro .published-team-title,
  #screen-registro .published-bench-title {
    font-size:11px;
  }

  #screen-registro .pitem,
  #screen-registro .published-player-row,
  #screen-registro .published-bench-row {
    min-height:54px;
  }

  #screen-registro .published-teams-stack {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  #screen-registro .published-bench-card {
    grid-column:1 / -1;
  }

  #resultadoContent {
    display:grid;
    grid-template-columns:minmax(0,960px) clamp(280px,25vw,340px);
    grid-auto-rows:auto;
    align-items:start;
    column-gap:clamp(30px,3.6vw,52px);
    row-gap:16px;
    max-width:calc(1352px + (var(--page-pad-x) * 2));
    margin:0 auto;
  }

  #resultadoContent .resultado-backbar {
    grid-column:1 / -1;
    max-width:none;
    margin:0;
  }

  #resultadoContent>.org-rp {
    display:contents;
  }

  #resultadoContent>.org-rp>.org-rp-head,
  #resultadoContent>.org-rp>.org-rp-score,
  #resultadoContent>.org-rp>.org-rp-card,
  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(1),
  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(2) {
    grid-column:1;
  }

  #resultadoContent>.org-rp>.org-rp-head {
    grid-row:2;
  }

  #resultadoContent>.org-rp>.org-rp-score {
    grid-row:3;
  }

  #resultadoContent>.org-rp>.org-rp-card {
    grid-row:4;
    min-height:672px;
  }

  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(1) {
    grid-row:5;
    min-height:0;
  }

  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(2) {
    grid-row:6;
    min-height:0;
  }

  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(3) {
    grid-column:2;
    grid-row:5;
    margin-top:16px;
  }

  #resultadoContent>.org-rp>.org-rp-mvp {
    grid-column:2;
    grid-row:6;
    align-self:start;
  }

  #resultadoContent>.org-rp>.org-rp-detail:nth-of-type(4) {
    grid-column:2;
    grid-row:7;
  }

  #resultadoContent>.org-rp>.org-rp-footer {
    grid-column:1 / -1;
    max-width:none;
    width:100%;
  }

  #resultadoContent>.org-rp>.org-rp-head,
  #resultadoContent>.org-rp>.org-rp-score,
  #resultadoContent>.org-rp>.org-rp-card,
  #resultadoContent>.org-rp>.org-rp-detail,
  #resultadoContent>.org-rp>.org-rp-mvp,
  #resultadoContent>.org-rp>.org-rp-footer {
    margin-top:0;
  }

  #resultadoContent>.resultado-side-panel {
    grid-column:2;
    grid-row:4;
    max-width:none;
    margin:0;
    padding:0;
  }

  #resultadoContent .resultado-side-panel .fc-entry-btn {
    min-height:51px;
  }

  .resultado-factor-card {
    display:block;
    margin-top:16px;
    min-height:180px;
    padding:22px 20px;
    border-radius:12px;
    border:1px solid rgba(167,238,67,.15);
    background:rgba(12,29,22,.64);
  }

  .resultado-factor-k {
    margin-bottom:14px;
    color:var(--green);
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .resultado-factor-t {
    color:rgba(255,255,255,.64);
    font-size:12px;
    line-height:1.55;
    font-weight:600;
  }

  .resultado-factor-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    margin-top:20px;
    padding:0 14px;
    border:1px solid rgba(167,238,67,.28);
    border-radius:8px;
    background:rgba(167,238,67,.08);
    color:var(--green);
    font-family:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
  }

  #perfilLoggedIn:not([style*="display:none"]):not([style*="display: none"]) {
    display:block!important;
    width:min(100%,1352px);
    margin:0 auto;
    padding:24px 0 40px;
  }

  #perfilLoggedIn .profile-desktop-grid {
    display:grid;
    grid-template-columns:minmax(0,826px) minmax(340px,394px);
    align-items:start;
    column-gap:clamp(48px,4.4vw,64px);
    row-gap:20px;
  }

  #perfilLoggedIn .profile-desktop-main-top {
    grid-column:1;
    grid-row:1;
  }

  #perfilLoggedIn .profile-desktop-main-lower {
    grid-column:1;
    grid-row:2;
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:0;
  }

  #perfilLoggedIn .profile-desktop-side {
    grid-column:2;
    grid-row:1 / span 2;
    display:flex;
    flex-direction:column;
    gap:28px;
    padding:0;
  }

  #perfilLoggedIn .perfil-top-card {
    min-height:315px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    overflow:hidden;
  }

  #perfilLoggedIn .profile-action-bar {
    padding:20px 24px 0;
  }

  #perfilLoggedIn .profile-header {
    margin-bottom:22px;
  }

  #perfilLoggedIn .profile-avatar {
    width:100px;
    height:100px;
    font-size:32px;
  }

  #perfilLoggedIn .avatar-camera-badge {
    width:28px;
    height:28px;
  }

  #perfilLoggedIn .profile-name {
    font-size:28px;
    line-height:1.15;
  }

  #perfilLoggedIn .profile-email {
    font-size:14px;
  }

  #perfilLoggedIn .profile-stats-grid {
    padding:0 24px 24px!important;
    gap:12px;
  }

  #perfilLoggedIn .profile-wrap {
    padding:0;
  }

  #perfilLoggedIn .profile-wrap>.profile-section,
  #perfilLoggedIn .profile-wrap>.settings-row,
  #perfilLoggedIn .profile-wrap>.logout-btn {
    margin:0;
  }

  #perfilLoggedIn .profile-desktop-side>.profile-section {
    margin:0;
  }

  #perfilLoggedIn .profile-section-title {
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:.12em;
  }

  #perfilLoggedIn .perf-card,
  #perfilLoggedIn .profile-hist-item,
  #perfilLoggedIn .cona-credits-card,
  #perfilLoggedIn .settings-row {
    border-radius:14px;
  }

  #perfilLoggedIn .profile-trend-card {
    min-height:270px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  #perfilLoggedIn .profile-stats-card {
    min-height:394px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  #perfilLoggedIn .profile-radar-v2 {
    height:390px;
  }

  #perfilLoggedIn .profile-radar-v2-svg {
    width:360px;
    height:390px;
    flex-basis:360px;
    margin-left:calc((100% - 360px)/2);
  }
}

@media (min-width: 1180px) {
  #resultadoContent {
    display:block;
    max-width:none;
    padding:44px var(--page-pad-x) 58px;
  }

  #resultadoContent .resultado-backbar {
    display:none;
  }

  #resultadoContent>.org-rp.resultado-report-layout {
    display:grid;
    grid-template-columns:minmax(0,960px) 340px;
    align-items:start;
    column-gap:52px;
    width:min(100%,1352px);
    max-width:1352px;
    margin:0 auto;
    padding:0;
  }

  #resultadoContent>.org-rp.resultado-report-layout>.resultado-main-stack,
  #resultadoContent>.org-rp.resultado-report-layout>.resultado-side-stack {
    display:flex;
    flex-direction:column;
    min-width:0;
  }

  #resultadoContent>.org-rp.resultado-report-layout>.resultado-main-stack {
    grid-column:1;
    gap:16px;
  }

  #resultadoContent>.org-rp.resultado-report-layout>.resultado-side-stack {
    grid-column:2;
    gap:16px;
  }

  #resultadoContent .resultado-report-layout .resultado-match-summary,
  #resultadoContent .resultado-report-layout .org-rp-card,
  #resultadoContent .resultado-report-layout .org-rp-detail,
  #resultadoContent .resultado-report-layout .org-rp-mvp {
    width:100%;
    margin:0;
    border-radius:12px;
    box-shadow:none;
  }

  #resultadoContent .resultado-report-layout .resultado-match-summary {
    min-height:178px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:18px 26px 24px;
    border:1px solid rgba(167,238,67,.24);
    background:#1c3441;
  }

  #resultadoContent .resultado-report-layout .resultado-summary-meta {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:17px;
    margin:0 0 15px;
    color:rgba(255,255,255,.58);
    font-size:11px;
    line-height:1.35;
    font-weight:700;
    text-align:center;
  }

  #resultadoContent .resultado-report-layout .resultado-summary-title {
    color:var(--green);
    font-size:30px;
    line-height:1.15;
    font-weight:900;
    text-align:center;
  }

  #resultadoContent .resultado-report-layout .resultado-summary-score {
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:40px;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-top:22px;
  }

  #resultadoContent .resultado-report-layout .resultado-team {
    min-width:0;
    font-size:29px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
    white-space:nowrap;
  }

  #resultadoContent .resultado-report-layout .resultado-team-a {
    color:rgba(255,255,255,.72);
    text-align:right;
  }

  #resultadoContent .resultado-report-layout .resultado-team-b {
    color:var(--green);
    text-align:left;
  }

  #resultadoContent .resultado-report-layout .resultado-score-num {
    color:#fff;
    font-size:32px;
    line-height:1;
    font-weight:900;
  }

  #resultadoContent .resultado-report-layout .org-rp-card,
  #resultadoContent .resultado-report-layout .org-rp-detail {
    border:1px solid rgba(167,238,67,.22);
    background:rgba(28,52,41,.72);
  }

  #resultadoContent .resultado-report-layout .org-rp-card {
    min-height:672px;
    background:#132822;
  }

  #resultadoContent .resultado-report-layout .org-rp-title,
  #resultadoContent .resultado-report-layout .org-rp-detail summary {
    padding:18px;
    color:var(--green);
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
  }

  #resultadoContent .resultado-report-layout .org-rp-detail summary::after {
    display:none;
  }

  #resultadoContent .resultado-report-layout .org-rp-detail-body {
    padding:0 24px 24px;
  }

  #resultadoContent .resultado-report-layout .org-rp-pitch {
    height:568px;
    margin:0 12px 16px;
    padding-bottom:0;
    border-radius:8px;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.bd {
    inset:0;
    border-radius:6px;
    background:linear-gradient(90deg,#0f2916 0%,#0f2916 10%,#14351d 10%,#14351d 20%,#0f2916 20%,#0f2916 30%,#14351d 30%,#14351d 40%,#0f2916 40%,#0f2916 50%,#14351d 50%,#14351d 60%,#0f2916 60%,#0f2916 70%,#14351d 70%,#14351d 80%,#0f2916 80%,#0f2916 90%,#14351d 90%,#14351d 100%);
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.hl {
    left:50%;
    right:auto;
    top:0;
    width:0;
    height:100%;
    transform:none;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.cc {
    width:68px;
    height:68px;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.cd {
    width:6px;
    height:6px;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.bt,
  #resultadoContent .resultado-report-layout .org-rp-fm.bb {
    top:31%;
    bottom:auto;
    width:14%;
    height:38%;
    transform:none;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.bt {
    left:0;
    border-left:0;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.bb {
    left:auto;
    right:0;
    border-right:0;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.goal-top,
  #resultadoContent .resultado-report-layout .org-rp-fm.goal-bottom {
    top:41%;
    bottom:auto;
    width:5%;
    height:18%;
    transform:none;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.goal-top {
    left:0;
    border-left:0;
  }

  #resultadoContent .resultado-report-layout .org-rp-fm.goal-bottom {
    left:auto;
    right:0;
    border-right:0;
  }

  #resultadoContent .resultado-report-layout .org-rp-stats-detail {
    min-height:393px;
  }

  #resultadoContent .resultado-report-layout .org-rp-statboard {
    min-height:320px;
    margin:0;
    padding:22px;
  }

  #resultadoContent .resultado-report-layout .org-rp-timeline-detail {
    min-height:973px;
    background:rgba(30,57,48,.86);
  }

  #resultadoContent .resultado-report-layout .org-rp-timeline {
    min-height:903px;
    padding:24px 28px 30px;
    border-radius:0;
    background:transparent;
  }

  #resultadoContent .resultado-report-layout .resultado-side-stack .org-rp-mvp {
    min-height:225px;
    padding:24px 20px;
    border-color:rgba(251,191,36,.55);
    background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(42,67,35,.8));
  }

  #resultadoContent .resultado-report-layout .resultado-side-stack .org-rp-players-detail {
    min-height:512px;
    background:#172934;
    border-color:rgba(255,255,255,.08);
  }

  #resultadoContent .resultado-report-layout .org-rp-players-detail .org-rp-detail-body {
    padding:0 12px 14px;
  }

  #resultadoContent .resultado-report-layout .resultado-side-panel {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
  }

  #resultadoContent .resultado-report-layout .resultado-side-panel .fc-entry-btn {
    min-height:51px;
    border-radius:8px;
    color:var(--green);
    font-size:20px;
    font-weight:900;
    letter-spacing:0;
    text-transform:none;
  }

  #resultadoContent .resultado-report-layout .resultado-factor-card {
    display:block;
    min-height:172px;
    margin-top:16px;
    padding:28px 22px 20px;
    text-align:center;
  }

  #resultadoContent .resultado-report-layout .org-rp-rating-detail {
    display:none;
  }
}

@media (min-width: 1180px) {
  #screen-reportes {
    padding-bottom:0;
  }

  #screen-reportes .reportes-shell {
    width:min(100%,1320px);
    margin:0 auto;
    padding:32px clamp(32px,3.25vw,44px) 52px;
  }

  #screen-reportes .reportes-head {
    min-height:116px;
    padding:0 0 24px;
  }

  #screen-reportes .page-ttl {
    font-size:clamp(34px,3vw,40px);
    line-height:1.08;
    margin:0;
  }

  #screen-reportes .reportes-season-label {
    display:block;
    font-size:clamp(22px,2vw,26px);
    line-height:1.25;
  }

  #screen-reportes .reportes-filter-group {
    margin-top:18px;
    gap:8px;
  }

  #screen-reportes .period-select-inner.format-select-inner,
  #screen-reportes .period-select-inner.report-period-select-inner {
    width:88px;
    min-width:88px;
    flex-basis:88px;
    height:34px;
    border-radius:8px;
  }

  #screen-reportes .period-select-inner.report-period-select-inner {
    width:104px;
    min-width:104px;
    flex-basis:104px;
  }

  #screen-reportes .format-select-inner .period-select,
  #screen-reportes .report-period-select-inner .period-select {
    font-size:12px;
    font-weight:800;
  }

  #screen-reportes .reportes-content {
    padding:0;
  }

  #screen-reportes .stats-strip {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(16px,2vw,24px);
    margin:0;
  }

  #screen-reportes .sstrip-item {
    min-height:62px;
    border-radius:12px;
    padding:10px;
  }

  #screen-reportes .sstrip-num {
    font-size:clamp(22px,2.1vw,26px);
  }

  #screen-reportes .sstrip-lbl {
    margin-top:4px;
    font-size:10px;
  }

  #screen-reportes .reportes-feature-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:18px 0 0;
  }

  #screen-reportes .reportes-feature-card {
    min-height:152px;
    padding:17px 18px 15px;
  }

  #screen-reportes .report-top-list {
    min-height:108px;
    padding:16px 18px 0;
    gap:18px;
  }

  #screen-reportes .report-rank-avatar {
    width:50px;
    height:50px;
    margin-bottom:8px;
  }

  #screen-reportes .report-top-name {
    min-height:17px;
    font-size:11px;
    -webkit-line-clamp:1;
  }

  #screen-reportes .report-top-value {
    font-size:19px;
  }

  #screen-reportes .reportes-main-grid {
    grid-template-columns:minmax(0,1fr) clamp(320px,28vw,360px);
    align-items:start;
    gap:clamp(24px,3vw,36px);
    margin:30px 0 0;
  }

  #screen-reportes .reportes-global-card {
    border-radius:8px;
  }

  #screen-reportes .reportes-table-head {
    min-height:54px;
    padding:0 18px;
  }

  #screen-reportes .reportes-table-title {
    font-size:14px;
  }

  #screen-reportes .report-table-tabs {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:min(370px,52%);
    min-height:29px;
    padding:2px;
    border-radius:8px;
    background:rgba(255,255,255,.045);
  }

  #screen-reportes .report-table-tab {
    flex:1;
    min-width:0;
    height:25px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:#8a9bb0;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:11px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
  }

  #screen-reportes .report-table-tab.active {
    background:#475563;
    color:#fff;
  }

  #screen-reportes .report-table-filter {
    display:none;
  }

  #screen-reportes .gt-cols {
    min-height:27px;
    padding:6px 18px 5px;
  }

  #screen-reportes .gt-row {
    min-height:31px;
    padding:6px 18px;
  }

  #screen-reportes .gt-metric .gt-cols,
  #screen-reportes .gt-metric .gt-row {
    grid-template-columns:26px minmax(0,1fr) 40px 44px 52px 58px;
    column-gap:8px;
  }

  #screen-reportes .gt-metric.is-rating .gt-cols,
  #screen-reportes .gt-metric.is-rating .gt-row {
    grid-template-columns:26px minmax(0,1fr) 44px 60px;
    column-gap:10px;
  }

  #screen-reportes .gt-rk,
  #screen-reportes .gt-nm,
  #screen-reportes .gt-v {
    font-size:11px;
  }

  #screen-reportes .gt-v:last-child {
    min-height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:rgba(167,238,67,.12);
    color:var(--green);
    font-weight:900;
  }

  #screen-reportes .gt-v:last-child.d {
    background:rgba(255,255,255,.05);
    color:#8a9bb0;
  }

  #screen-reportes .gt-actions {
    min-height:38px;
  }

  #screen-reportes .reportes-side-title {
    margin:0 0 14px;
    font-size:11px;
  }

  #screen-reportes .hist-item {
    min-height:108px;
    margin-bottom:8px;
    padding:15px 14px 13px;
    border-radius:8px;
  }

  #screen-reportes .hist-score-row {
    gap:12px;
  }

  #screen-reportes .hist-tname {
    font-size:15px;
  }

  #screen-reportes .hist-score {
    font-size:22px;
  }

  #screen-reportes .reportes-community-card {
    min-height:142px;
    margin-top:8px;
    padding:16px 14px 14px;
  }

  #screen-reportes .reportes-side-stack .fc-entry-btn {
    min-height:44px;
    font-size:16px;
  }
}

@media (min-width: 1024px) {
  #screen-auth-login,
  #screen-auth-register,
  #screen-setup-profile,
  #screen-perfil:has(#perfilLanding:not([style*="display: none"])) {
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding-bottom:0!important;
  }

  #screen-auth-login .onb-shell,
  #screen-auth-register .onb-shell,
  #screen-setup-profile .onb-shell,
  #screen-perfil #perfilLanding .onb-shell {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;
  }

  #screen-auth-login .auth-wrap,
  #screen-auth-register .reg-step .auth-wrap,
  #screen-setup-profile .setup-wrap {
    box-sizing:border-box;
    width:472px!important;
    max-width:472px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  #screen-auth-login .auth-wrap {
    width:420px!important;
    max-width:420px!important;
  }

  #screen-auth-register .auth-form,
  #screen-setup-profile .auth-form {
    padding-left:0!important;
    padding-right:0!important;
  }

  #screen-auth-register #regStep5 .auth-form,
  #screen-setup-profile #setupStep1 .auth-form {
    width:407px!important;
    max-width:407px!important;
  }

  #screen-perfil #perfilLanding .pfl-center {
    position:relative;
    width:420px!important;
    max-width:420px!important;
    padding-left:32px!important;
    padding-right:32px!important;
  }

  #screen-perfil #perfilLanding .pfl-login-link {
    position:absolute;
    left:0;
    right:0;
    bottom:32px;
    margin-top:0;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }

  .screen.active {
    animation: none !important;
  }
}