.copa5__info-grid {
  align-items: start;
}

.copa5__info-card {
  padding: 0;
  overflow: hidden;
}

.copa5__info-card-head {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px 22px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, #fff), #fff);
  border-bottom: 1px solid var(--border);
}

.copa5__info-card-head > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--accent);
  font-size: 21px;
}

.copa5__info-card-head small,
.copa5__info-title small,
.copa5__venue small,
.copa5__contact small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
}

.copa5__info-card-head h3,
.copa5__info-title h3,
.copa5__venue h3 {
  margin: 3px 0 0;
}

.copa5__doc {
  padding: 22px;
  border-bottom: 1px solid var(--border);
}

.copa5__info-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.copa5__info-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent) 16%, #fff);
}

.copa5__doc-intro {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f5f7f9;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.copa5__doc-text {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.copa5__rules {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}

.copa5__rules li {
  position: relative;
  padding: 11px 12px 11px 46px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  line-height: 1.45;
  font-size: 14px;
}

.copa5__rules li::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  left: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--dark);
  color: #fff;
  font-size: 11px;
  font-weight: 950;
}

.copa5__doc-button {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding: 11px 13px;
  border-radius: 11px;
  background: var(--dark);
  color: #fff !important;
  font-size: 13px;
}

.copa5__venue {
  display: flex;
  gap: 12px;
  padding: 20px 22px;
}

.copa5__venue p {
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.5;
}

.copa5__contact-list {
  display: grid;
  gap: 10px;
  padding: 18px 22px 22px;
}

.copa5__contact {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
  transition: .2s;
}

.copa5__contact:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(43, 51, 59, .08);
}

.copa5__contact strong {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.copa5__contact b {
  color: var(--muted);
}

@media (max-width: 600px) {
  .copa5__info-card-head,
  .copa5__doc,
  .copa5__venue,
  .copa5__contact-list {
    padding-left: 16px;
    padding-right: 16px;
  }

  .copa5__rules li {
    font-size: 13px;
  }
}

.copa5__announcement-link {
  width: 100%;
  border: 1px solid var(--border);
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}

.copa5__announcement-link:hover,
.copa5__announcement-link:focus-visible {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 16px 34px rgba(43, 51, 59, .13);
  outline: none;
}

.copa5__announcement-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
  color: var(--text);
  font-size: 13px;
}

.copa5__announcement-action span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--accent);
  color: var(--accent-text);
  transition: transform .2s;
}

.copa5__announcement-link:hover .copa5__announcement-action span,
.copa5__announcement-link:focus-visible .copa5__announcement-action span {
  transform: translateX(3px);
}

.copa5__section-head p {
  margin: 8px 0 0;
  color: var(--muted);
}

.copa5__official-alert {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 15px;
  align-items: start;
  margin-bottom: 18px;
  padding: 18px 20px;
  border: 1px solid color-mix(in srgb, var(--brand) 65%, #d7dde2);
  border-left: 6px solid var(--brand);
  border-radius: 17px;
  background: linear-gradient(120deg, color-mix(in srgb, var(--brand) 16%, #fff), #fff);
  box-shadow: 0 8px 22px rgba(43, 51, 59, .06);
}

.copa5__alert-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand);
  color: var(--dark);
  font-size: 22px;
  font-weight: 950;
}

.copa5__official-alert small {
  color: #765f00;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
}

.copa5__official-alert h3 {
  margin: 5px 0;
  font-size: 20px;
}

.copa5__official-alert p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.copa5__quick-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 22px;
}

.copa5__quick-actions button {
  min-height: 108px;
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  color: var(--text);
  text-align: left;
  box-shadow: 0 6px 16px rgba(43, 51, 59, .05);
  transition: .2s;
}

.copa5__quick-actions button:hover,
.copa5__quick-actions button:focus-visible {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(43, 51, 59, .10);
  outline: none;
}

.copa5__quick-actions button > span {
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: color-mix(in srgb, var(--accent) 17%, #fff);
  font-size: 20px;
}

.copa5__quick-actions strong {
  align-self: end;
  font-size: 14px;
}

.copa5__quick-actions small {
  align-self: start;
  color: var(--muted);
  font-size: 11px;
}

.copa5__info-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, .75fr);
  gap: 20px;
  align-items: start;
}

.copa5__info-main,
.copa5__info-side {
  display: grid;
  gap: 20px;
}

.copa5__checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 20px;
}

.copa5__checklist > div {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
}

.copa5__checklist span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 22%, #fff);
  color: var(--text);
  font-size: 11px;
  font-weight: 950;
}

.copa5__checklist p {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.4;
}

.copa5__map-link {
  display: inline-flex;
  margin-top: 9px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.copa5__contact.is-primary {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
  background: color-mix(in srgb, var(--accent) 9%, #fff);
}

.copa5__faq-card {
  margin-top: 20px;
  overflow: hidden;
}

.copa5__faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 20px;
}

.copa5__faq details {
  align-self: start;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}

.copa5__faq summary {
  min-height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

.copa5__faq summary::-webkit-details-marker {
  display: none;
}

.copa5__faq summary span {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 18%, #fff);
  transition: .2s;
}

.copa5__faq details[open] summary span {
  transform: rotate(45deg);
}

.copa5__faq details p {
  margin: 0;
  padding: 0 15px 15px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .copa5__quick-actions {
    grid-template-columns: repeat(2, 1fr);
  }

  .copa5__info-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .copa5__official-alert {
    grid-template-columns: 38px 1fr;
    padding: 15px;
  }

  .copa5__alert-icon {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }

  .copa5__quick-actions {
    gap: 8px;
  }

  .copa5__quick-actions button {
    min-height: 94px;
    grid-template-columns: 34px 1fr;
    padding: 11px;
  }

  .copa5__quick-actions button > span {
    width: 34px;
    height: 34px;
    font-size: 17px;
  }

  .copa5__checklist,
  .copa5__faq {
    grid-template-columns: 1fr;
    padding: 15px;
  }
}
.copa5__match-row.is-clickable{cursor:pointer;transition:.2s ease}.copa5__match-row.is-clickable:hover{background:color-mix(in srgb,var(--accent) 10%,#fff);transform:translateY(-1px)}
.copa5__match-modal{display:none;position:fixed;inset:0;z-index:999999}.copa5__match-modal.is-open{display:grid;place-items:center;padding:18px}.copa5__modal-backdrop{position:absolute;inset:0;background:rgba(15,23,31,.72);backdrop-filter:blur(5px)}.copa5__modal-card{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.35);color:var(--text)}.copa5__modal-close{position:absolute;right:16px;top:12px;border:0;background:#eef1f3;border-radius:50%;width:38px;height:38px;font-size:27px;cursor:pointer}.copa5__modal-card>small{font-weight:800;color:var(--accent)}.copa5__modal-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:20px 0}.copa5__modal-score>strong{font-size:38px;white-space:nowrap}.copa5__modal-score>strong span{color:#a1a9af}.copa5__modal-meta{text-align:center;color:#6c7680;border-bottom:1px solid #e6eaed;padding-bottom:18px;margin-bottom:22px}.copa5__modal-card h3{margin:20px 0 10px}.copa5__event-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.copa5__event-grid article{background:#f6f8f9;border:1px solid #e7ebee;border-radius:14px;padding:14px}.copa5__event-grid h4{margin:0 0 10px}.copa5__event-grid ul{list-style:none;margin:0;padding:0}.copa5__event-grid li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #e3e7ea}.copa5__event-grid li:first-child{border-top:0}.copa5__cards-total{display:flex;gap:18px;font-size:18px;font-weight:800}.copa5__no-events,.copa5__modal-note{color:#7b858e}.copa5__modal-note{text-align:center;background:#fff7d6;border-radius:12px;padding:12px}.copa5-modal-open{overflow:hidden}@media(max-width:620px){.copa5__modal-card{padding:22px 16px}.copa5__modal-score{gap:8px}.copa5__modal-score>strong{font-size:28px}.copa5__event-grid{grid-template-columns:1fr}}
.copa5__scorer-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.copa5__scorer-podium article{text-align:center;position:relative;padding:24px 16px}.copa5__rank{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--dark);color:#fff;font-weight:900}.copa5__scorer-podium article:first-child{border:2px solid var(--brand);background:linear-gradient(145deg,#fffdf2,#fff)}.copa5__scorer-podium article:first-child .copa5__rank{background:var(--brand);color:var(--dark)}.copa5__scorer-ball{font-size:34px;margin-bottom:8px}.copa5__scorer-podium h3{margin:5px 0}.copa5__scorer-podium p{margin:0 0 12px;color:#68727a}.copa5__scorer-podium strong{display:block;font-size:36px;color:var(--accent)}.copa5__scorer-podium small{font-weight:800;color:#68727a}.copa5__scorers-table table{width:100%}.copa5__scorers-table th:last-child,.copa5__scorers-table td:last-child{text-align:center}@media(max-width:700px){.copa5__scorer-podium{grid-template-columns:1fr}.copa5__scorer-podium article{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;text-align:left}.copa5__scorer-podium .copa5__scorer-ball{grid-row:1/4;margin:0}.copa5__scorer-podium h3,.copa5__scorer-podium p{grid-column:2;margin:0}.copa5__scorer-podium strong,.copa5__scorer-podium small{grid-column:3}.copa5__scorer-podium small{font-size:10px}}
@media(max-width:1180px){.copa5__toolbar-inner{align-items:stretch!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:10px 0}.copa5__competitions,.copa5__nav{width:100%;max-width:100%}.copa5__nav{justify-content:space-between}.copa5__nav button{padding:10px 11px}}
@media(max-width:720px){.copa5__nav{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.copa5__nav button{flex:0 0 auto;scroll-snap-align:start}.copa5__competitions{overflow-x:auto}}
@media(max-width:600px){.copa5__toolbar{position:sticky;top:0}.copa5__toolbar-inner{gap:6px!important}.copa5__competitions button,.copa5__nav button{min-height:42px;padding:9px 12px}.copa5__nav{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.copa5__nav:after{content:"";flex:0 0 8px}.copa5__hero-inner{padding:20px 0}.copa5__brand{gap:12px}.copa5__brand h1{font-size:clamp(25px,8vw,31px)}.copa5__brand p{font-size:13px}.copa5__kicker{font-size:9px}.copa5__match-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:7px}.copa5__date{grid-column:1/-1;text-align:center}.copa5__mini{display:grid!important;width:32px;height:32px;flex:0 0 32px}.copa5__side{gap:5px}.copa5__side span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copa5__row-score{font-size:18px}.copa5__modal-score .copa5__crest{width:56px;height:56px;border-radius:16px}.copa5__modal-score .copa5__team strong{font-size:13px}.copa5__modal-score>strong{font-size:24px}.copa5__scorers-table{overflow-x:auto}.copa5__scorers-table table{min-width:480px}.copa5__section-head h2{font-size:30px}.copa5__main{padding-top:22px}}