*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69C5C4;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:700;line-height:1.12}img,svg{max-width:100%}svg{flex-shrink:0}input,textarea,select{max-width:100%}::selection{background:var(--lime);color:var(--ink)}.container{max-width:var(--max);width:calc(100% - 56px);margin:auto}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:11px}.title-xl{font:900 clamp(48px,7vw,94px)/.94 var(--display);letter-spacing:-.045em;text-transform:uppercase}.title-lg{font:900 clamp(32px,4.5vw,58px)/.96 var(--display);letter-spacing:-.03em;text-transform:uppercase}.title-md{font:900 clamp(25px,3vw,36px)/1 var(--display);letter-spacing:-.028em;text-transform:uppercase}.section{padding:65px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-title h2{margin:0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:25px}.btn{border:0;border-radius:999px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 19px;font-weight:850;font-size:13px;white-space:nowrap;min-height:43px;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--night);color:#FFFFFF}.btn-lime{background:var(--lime);color:var(--night)}.btn-outline{border:1px solid #FFFFFF8E;background:transparent;color:inherit}.btn-light{background:#FFFFFF;color:var(--ink)}.btn-danger{background:#69C5C4;color:#000000}.btn-sm{padding:7px 12px;min-height:33px;font-size:12px}.btn-icon{padding:0;width:37px;height:37px;min-height:37px;border:1px solid var(--line);border-radius:10px;background:#FFFFFF;color:var(--ink);display:inline-grid;place-items:center}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#FFFFFF;color:#000000E6;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;white-space:nowrap}.tag.active,.tag.approved,.tag.paid,.tag.official{background:#FFFFFF;color:#000000}.tag.open{background:#FFFFFF;color:#000000}.tag.pending,.tag.draft,.tag.scheduled{background:#FFFFFF;color:#000000}.tag.rejected,.tag.cancelled,.tag.suspended{background:#FFFFFF;color:#000000}.tag.completed{background:#FFFFFFD0;color:#000000DE}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty svg{margin:0 auto 10px}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}.avatar{display:inline-grid;place-items:center;background:#000000;color:var(--lime);border-radius:50%;width:36px;height:36px;font-weight:900;font-size:11px;flex-shrink:0}.avatar.lg{width:64px;height:64px;font-size:19px}.crest{display:inline-grid;place-items:center;width:42px;height:47px;clip-path:polygon(50% 0,95% 18%,90% 75%,50% 100%,10% 75%,5% 18%);background:var(--c,#69C5C4);color:#000000;font:900 12px var(--display);letter-spacing:-.05em;flex-shrink:0}.crest.lg{width:74px;height:82px;font-size:22px}.crest.sm{width:30px;height:33px;font-size:10px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{color:#000000BB;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;padding:13px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;font-size:13px;border-bottom:1px solid #FFFFFFDC}.data-table tbody tr:last-child td{border:0}.data-table tbody tr:hover{background:#FFFFFF}.data-table td strong{font-weight:800}.data-table a:hover{color:#69C5C4}.right{text-align:right}.center{text-align:center}.pill-tabs{display:flex;flex-wrap:wrap;gap:6px;background:#69C5C4;border-radius:999px;padding:5px;width:fit-content;max-width:100%}.pill-tabs button,.pill-tabs a{border:0;border-radius:999px;padding:9px 15px;background:transparent;font-size:12px;font-weight:850;color:#000000DC}.pill-tabs .is-active{background:var(--night);color:#FFFFFF}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.search-input{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);background:white;border-radius:11px;min-height:43px;max-width:100%}.search-input input{border:0;outline:0;min-width:150px;flex:1;background:transparent;font-size:13px}.select{border:1px solid var(--line);background:#FFFFFF;border-radius:11px;padding:11px 13px;color:var(--ink);min-height:43px;font-weight:650;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#000000E5}.field input,.field select,.field textarea{border:1px solid #FFFFFFAA;background:white;border-radius:11px;padding:11px 12px;width:100%;min-height:43px;color:#000000}.field textarea{min-height:90px;resize:vertical}.field small{font-size:11px;color:var(--muted)}.hint{background:#FFFFFF;border-left:3px solid #69C5C4;padding:11px 13px;border-radius:8px;font-size:12px;color:#000000}.warn{background:#FFFFFF;border-left:3px solid #69C5C4;padding:12px 14px;border-radius:8px;font-size:12px;color:#000000}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stat-num{font:900 37px/1 var(--display);letter-spacing:-.04em}.modal-backdrop{position:fixed;inset:0;background:#000000BF;z-index:200;display:grid;place-items:center;padding:24px;overflow-y:auto}.modal{width:min(100%,670px);max-height:calc(100vh - 40px);overflow-y:auto;background:#FFFFFF;border-radius:24px;box-shadow:0 30px 90px #00000044}.modal.wide{width:min(100%,920px)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 25px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:22px}.modal-body{padding:25px}.modal-foot{border-top:1px solid var(--line);border-bottom:0}.toast-stack{position:fixed;z-index:500;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px}.toast{background:var(--night);color:white;box-shadow:0 15px 40px #00000033;padding:13px 18px;border-radius:12px;font-weight:750;font-size:13px;max-width:360px}.toast.error{background:#000000}.demo-ribbon{background:#69C5C4;color:#000000;font-weight:800;padding:8px 14px;font-size:11px;text-align:center;letter-spacing:.02em}.mini-note{font-size:11px;color:var(--muted)}.link-arrow{display:inline-flex;align-items:center;gap:7px;font-weight:850;font-size:12px}.link-arrow:hover{color:#000000}.w-100{width:100%}.hidden{display:none!important}
@media(max-width:900px){.container{width:calc(100% - 32px)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:45px 0}}@media(max-width:650px){.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:minmax(0,1fr)}.section-title{align-items:flex-start;flex-direction:column}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px);border-radius:16px}.modal-head,.modal-body,.modal-foot{padding:17px}.title-xl{font-size:55px}.pill-tabs{border-radius:12px}.filter-bar>*{width:100%}.search-input{width:100%}.stat-num{font-size:32px}}

.tag.published{background:#FFFFFF;color:#000000}
[data-filterable][hidden]{display:none!important}

/* Accesibilidad, contraste y tablas */
.btn-outline{border-color:var(--gray-500);color:var(--ink)}
.btn-light,.btn-icon,.search-input,.select,.field input,.field select,.field textarea{border-color:var(--gray-400)}
.btn:focus-visible,.btn-icon:focus-visible,.table-wrap:focus-visible{outline:3px solid #69C5C4;outline-offset:3px}
.tag{border:1px solid var(--gray-300)}
.tag.active,.tag.approved,.tag.paid,.tag.official,.tag.open,.tag.completed,.tag.published{background:var(--soft);color:var(--ink);border-color:#69C5C4}
.tag.pending,.tag.draft,.tag.scheduled{background:var(--gray-100);color:var(--ink);border-color:var(--gray-400)}
.tag.rejected,.tag.cancelled,.tag.suspended{background:var(--ink);color:var(--white);border-color:var(--ink)}
.table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--gray-500) var(--gray-100)}
.data-table{min-width:640px;background:var(--white)}
.data-table th{background:var(--gray-100);color:var(--ink);border-bottom:2px solid var(--gray-400)}
.data-table td{border-bottom:1px solid var(--gray-300)}
.data-table tbody tr:nth-child(even){background:var(--gray-100)}
.data-table tbody tr:hover{background:var(--soft)}
.data-table tbody tr:last-child td{border-bottom:1px solid var(--gray-300)}
.field input,.field select,.field textarea,.search-input input,.select{color:var(--ink)}
.field input::placeholder,.field textarea::placeholder,.search-input input::placeholder{color:var(--gray-500);opacity:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:650px){.data-table{min-width:600px}.table-wrap{border:1px solid var(--gray-300);border-radius:10px}.modal-foot{flex-wrap:wrap}.modal-foot>*{flex:1}}
.search-input input:focus-visible{outline:3px solid #69C5C4;outline-offset:2px;border-radius:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#000000}
.site-header :focus-visible,.site-footer :focus-visible,.hero :focus-visible,.page-hero :focus-visible,.admin-sidebar :focus-visible,.admin-banner :focus-visible,.match-detail-score :focus-visible{outline-color:#FFFFFF}
.table-wrap:focus-visible,.btn-lime:focus-visible,.admin-nav a.active:focus-visible{outline-color:#000000}
/* Tipografía legible: conserva escala al hacer zoom y evita texto auxiliar diminuto */
body{line-height:1.6}
.eyebrow,.mini-note,.form-caption,.field small{font-size:12px}
.btn{font-size:14px}
.btn-sm{font-size:13px}
.tag{font-size:12px}
.data-table th{font-size:12px}
.data-table td{font-size:14px}
.search-input input,.select,.field input,.field select,.field textarea{font-size:16px}
.field label{font-size:14px}
/* Knockout is condensed; positive tracking counters its compressed letterforms. */
.title-xl,.title-lg,.title-md,.stat-num{letter-spacing:.04em;line-height:1.08}
.crest{letter-spacing:.02em}
.title-xl,.title-lg,.title-md{letter-spacing:.08em}
.stat-num{letter-spacing:.04em}

.team-table-cell{display:inline-flex;align-items:center;gap:9px;min-width:0;vertical-align:middle}
.team-initials{display:inline-block;min-width:2.2em;color:var(--ink);font-family:var(--condensed);font-weight:600;letter-spacing:.04em;text-align:center}
/* Las tarjetas y controles mantienen un radio común; los demás elementos conservan su forma propia. */
*,*::before,*::after{border-radius:0!important}
.panel,[class*="card"],.featured-match,.hero-match,.admin-calendar-slot,.admin-banner,.overview-number,.match-detail-score,.home-standing-group,.fixture-preview-stage,.fixture-logical-day,.empty,.admin-empty,.btn,.tourney-card-action,.link-arrow,button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]{border-radius:var(--radius)!important}
