/* =========================================================
   CAP CUP HOMEPAGE REDESIGN V1
   ========================================================= */

:root{
  --home-bg:#030405;
  --home-panel:#080b0d;
  --home-panel-2:#0b0e10;
  --home-gold:#d89b00;
  --home-gold-light:#e0a500;
  --home-gold-dark:#8d5b00;
  --home-text:#f4f4f4;
  --home-muted:#bfc0c2;
  --home-border:rgba(255,255,255,.10);
  --home-radius:9px;
}

html{
  scroll-behavior:smooth;
  background:var(--home-bg);
}

body.capHomePage{
  margin:0;
  min-height:100vh;
  color:var(--home-text);
  background:
    radial-gradient(
      circle at 30% 0,
      rgba(216,155,0,.055),
      transparent 32%
    ),
    var(--home-bg) !important;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.capHomePage *{
  box-sizing:border-box;
}

.capHomePage a{
  color:inherit;
  text-decoration:none;
}

/* HEADER */

.capHomeHeader{
  position:sticky;
  top:0;
  z-index:1000;
  height:68px;
  background:rgba(3,4,5,.96);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.capHomeHeaderInner{
  width:min(1540px,calc(100% - 36px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:220px 1fr 160px;
  align-items:center;
  gap:18px;
}

.capHomeBrand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
}

.capHomeBrand img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:7px;
}

.capHomeBrandText{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.capHomeBrandText strong{
  font-size:17px;
  letter-spacing:.08em;
}

.capHomeBrandText small{
  margin-top:5px;
  color:var(--home-gold);
  font-size:8px;
  font-weight:800;
  letter-spacing:.24em;
}

.capHomeNav{
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(15px,1.7vw,31px);
}

.capHomeNav a{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  color:#d0d1d2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.055em;
  white-space:nowrap;
}

.capHomeNav a:hover,
.capHomeNav a.active{
  color:var(--home-gold-light);
}

.capHomeNav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:var(--home-gold);
}

.capHomeHeaderActions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.capHomeContact{
  height:34px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(224,165,0,.75);
  border-radius:5px;
  color:var(--home-gold-light);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.capHomeContact svg{
  width:15px;
  fill:currentColor;
}

.capHomeMenuButton{
  display:none;
}

/* MAIN */

.capHomeMain{
  width:min(1540px,calc(100% - 36px));
  margin:16px auto 0;
}

.capHomeDesktopGrid{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(390px,1fr);
  gap:14px;
  align-items:start;
}

.capHomePrimary,
.capHomeSecondary{
  min-width:0;
}

.capHomeSecondary{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* HERO */

.capHero{
  position:relative;
  min-height:480px;
  overflow:hidden;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:#050706;
  isolation:isolate;
}

.capHeroBackdrop{
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url("/sfondocap_c.jpg");
  background-size:cover;
  background-position:center;
  transform:scale(1.015);
}

.capHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.93) 0%,
      rgba(0,0,0,.76) 39%,
      rgba(0,0,0,.34) 68%,
      rgba(0,0,0,.53) 100%
    ),
    linear-gradient(
      0deg,
      rgba(0,0,0,.58),
      transparent 55%
    );
}

.capHero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(
      circle at 76% 45%,
      rgba(224,165,0,.14),
      transparent 26%
    );
}

.capHeroContent{
  position:relative;
  z-index:2;
  width:58%;
  padding:75px 0 65px 58px;
}

.capHeroEyebrow,
.capSectionKicker{
  color:var(--home-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.20em;
}

.capHero h1{
  margin:9px 0 0;
  color:var(--home-gold-light);
  font-size:clamp(64px,6.1vw,106px);
  line-height:.90;
  letter-spacing:-.055em;
  font-weight:950;
  text-shadow:0 6px 30px rgba(0,0,0,.48);
}

.capHero h2{
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(19px,1.7vw,30px);
  line-height:1;
  letter-spacing:.025em;
}

.capHero p{
  max-width:500px;
  margin:22px 0 27px;
  color:#d4d4d4;
  font-size:15px;
  line-height:1.62;
}

.capGoldButton,
.capOutlineButton{
  min-height:39px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.capGoldButton{
  color:#080808 !important;
  background:
    linear-gradient(
      135deg,
      var(--home-gold-light),
      #b77700
    );
  border:1px solid #e0a500;
}

.capGoldButton:hover,
.capOutlineButton:hover{
  transform:translateY(-1px);
}

.capOutlineButton{
  color:var(--home-gold-light) !important;
  border:1px solid rgba(224,165,0,.65);
  background:rgba(0,0,0,.16);
}

.capOutlineButton:hover{
  background:rgba(216,155,0,.09);
}

.capHeroEmblem{
  position:absolute;
  z-index:1;
  right:7%;
  top:50%;
  width:31%;
  max-width:310px;
  aspect-ratio:1;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.capHeroEmblemGlow{
  position:absolute;
  width:95%;
  height:95%;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(224,165,0,.22),
      rgba(224,165,0,.04) 45%,
      transparent 70%
    );
  filter:blur(8px);
}

.capHeroEmblem img{
  position:relative;
  width:82%;
  height:82%;
  object-fit:contain;
  filter:
    drop-shadow(0 15px 28px rgba(0,0,0,.65))
    drop-shadow(0 0 17px rgba(216,155,0,.15));
}

.capHeroDots{
  position:absolute;
  z-index:3;
  bottom:17px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}

.capHeroDots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.30);
}

.capHeroDots span.active{
  width:17px;
  border-radius:4px;
  background:var(--home-gold);
}

/* HISTORY */

.capHistory{
  margin-top:14px;
  min-height:285px;
  display:grid;
  grid-template-columns:31% 1fr;
  overflow:hidden;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:
    linear-gradient(
      120deg,
      #080b0d,
      #0a0d0f
    );
}

.capHistoryVisual{
  min-height:285px;
  border-right:1px solid var(--home-border);
  background:
    radial-gradient(
      circle at center,
      rgba(216,155,0,.12),
      transparent 60%
    ),
    #050706;
}

.capHistoryPlaceholder{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0,0,0,.48)
    ),
    url("/sfondocap_c.jpg");
  background-size:cover;
  background-position:center;
}

.capHistoryPlaceholder img{
  width:44%;
  max-width:130px;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px #000);
}

.capHistoryContent{
  padding:36px 38px;
}

.capHistoryContent h2,
.capSectionHeading h2,
.capTrophiesHead h2{
  margin:7px 0 0;
  color:#fff;
  font-size:22px;
  letter-spacing:.01em;
}

.capHistoryContent h3{
  margin:9px 0 16px;
  color:var(--home-gold-light);
  font-size:13px;
}

.capHistoryContent p{
  max-width:720px;
  margin:0 0 20px;
  color:var(--home-muted);
  font-size:13px;
  line-height:1.65;
}

/* QUICK ACTIONS */

.capQuickSection{
  margin-top:14px;
}

.capQuickGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.capQuickCard{
  min-height:202px;
  padding:21px 17px 16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:
    linear-gradient(
      145deg,
      #0b0e10,
      #07090a
    );
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.capQuickCard:hover{
  transform:translateY(-2px);
  border-color:rgba(216,155,0,.50);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.capQuickIcon{
  width:31px;
  height:31px;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--home-gold);
}

.capQuickIcon svg{
  width:27px;
  height:27px;
  fill:currentColor;
}

.capQuickCard strong{
  color:#fff;
  font-size:12px;
  letter-spacing:.025em;
}

.capQuickCard p{
  flex:1;
  margin:9px 0 14px;
  color:#9fa2a4;
  font-size:11px;
  line-height:1.48;
}

.capQuickCta{
  min-height:30px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--home-gold-light);
  border:1px solid rgba(216,155,0,.50);
  border-radius:4px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.capMobileQuick,
.capMobileHallSlot{
  display:none;
}

/* SCORES */

.capScoresPanel{
  margin-top:14px;
  padding:26px;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:var(--home-panel);
}

.capSectionHeading{
  margin-bottom:18px;
}

.capSectionHeading.centered{
  text-align:center;
}

.capPublicControls{
  padding:16px;
  margin-bottom:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#050708;
}

.capHomePage .publicFilters{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(220px,2fr);
  gap:12px;
  align-items:end;
}

.capHomePage .publicFilters label{
  display:block;
  margin-bottom:6px;
  color:#a9aaac;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.capHomePage .publicFilters select{
  width:100%;
}

.capHomePage .publicViews{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}

.capHomePage .publicViews button{
  width:100%;
}

.capHomePage .seasonTeam{
  margin-top:12px;
}

.capHomePage .seasonRank{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:15px 0;
  border-bottom:1px solid rgba(127,127,127,.2);
}

.capHomePage .seasonRank:last-child{
  border-bottom:0;
}

.capHomePage .seasonPosition{
  min-width:36px;
  font-size:22px;
  font-weight:900;
}

.capHomePage .seasonName{
  flex:1;
  font-weight:800;
}

.capHomePage .seasonPoints{
  text-align:right;
  font-size:22px;
  font-weight:900;
}

.capHomePage .seasonBreakdown{
  margin-top:4px;
  font-size:12px;
  opacity:.7;
}

/* SPONSORS */

.capSponsors{
  margin-top:14px;
  padding:29px 26px 24px;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:#07090a;
}

.capSponsorGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
}

.capSponsorItem,
.capSponsorPending{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.07);
  border-radius:6px;
  background:#0b0e10;
}

.capSponsorItem img{
  max-width:74%;
  max-height:38px;
  object-fit:contain;
}

.capSponsorPending{
  color:#55595c;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.capSponsorThanks{
  margin-top:21px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:#74777a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}

.capSponsorThanks span{
  width:50px;
  height:1px;
  background:#3a3c3e;
}

/* TROPHIES */

.capTrophies{
  padding:24px 20px 20px;
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
  background:
    linear-gradient(
      160deg,
      #0b0e10,
      #060809
    );
}

.capTrophiesHead{
  text-align:center;
  margin-bottom:21px;
}

.capTrophyGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}

.capTrophyItem{
  min-width:0;
  text-align:center;
}

.capTrophyIcon{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--home-gold-light);
}

.capTrophyIcon svg{
  width:56px;
  height:56px;
  fill:currentColor;
  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.5))
    drop-shadow(0 0 6px rgba(216,155,0,.15));
}

.capTrophyIcon.small svg{
  width:43px;
  height:43px;
}

.capTrophyItem strong{
  display:block;
  color:var(--home-gold-light);
  font-size:9px;
  line-height:1.2;
}

.capTrophyItem span{
  display:block;
  margin-top:4px;
  color:#8f9294;
  font-size:6px;
  font-weight:800;
  line-height:1.25;
}

.capTrophyNote{
  margin:18px 0 0;
  text-align:center;
  color:#595c5e;
  font-size:8px;
}

/* FOOTER */

.capHomeFooter{
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
  background:#020303;
}

.capHomeFooterInner{
  width:min(1540px,calc(100% - 36px));
  min-height:112px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.4fr 1fr;
  align-items:center;
  gap:30px;
}

.capHomeFooterBrand{
  display:flex;
  align-items:center;
  gap:11px;
}

.capHomeFooterBrand img{
  width:43px;
  height:43px;
  object-fit:contain;
}

.capHomeFooterBrand div{
  display:flex;
  flex-direction:column;
}

.capHomeFooterBrand strong{
  font-size:13px;
  letter-spacing:.07em;
}

.capHomeFooterBrand span{
  margin-top:4px;
  color:var(--home-gold);
  font-size:7px;
  font-weight:900;
  letter-spacing:.18em;
}

.capHomeFooterCenter{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:#777a7c;
  font-size:9px;
}

.capHomeFooterPelia{
  display:flex;
  align-items:center;
  gap:7px;
}

.capHomeFooterPelia img{
  max-width:84px;
  max-height:22px;
  object-fit:contain;
}

.capHomeFooterClaim{
  text-align:right;
  color:var(--home-gold);
  font-size:11px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:.10em;
}

/* TABLET */

@media(max-width:1180px){

  .capHomeHeaderInner{
    grid-template-columns:180px 1fr 130px;
  }

  .capHomeNav{
    gap:13px;
  }

  .capHomeNav a{
    font-size:9px;
  }

  .capHomeDesktopGrid{
    grid-template-columns:minmax(0,1.48fr) minmax(330px,1fr);
  }

  .capHero{
    min-height:430px;
  }

  .capHeroContent{
    padding-left:40px;
  }

  .capQuickGrid{
    grid-template-columns:repeat(2,1fr);
  }

  .capQuickCard{
    min-height:170px;
  }

  .capTrophyGrid{
    grid-template-columns:repeat(3,1fr);
    row-gap:14px;
  }
}

/* MOBILE */

@media(max-width:900px){

  .capHomeHeader{
    height:61px;
  }

  .capHomeHeaderInner{
    width:calc(100% - 24px);
    grid-template-columns:1fr auto;
    gap:10px;
  }

  .capHomeBrand img{
    width:38px;
    height:38px;
  }

  .capHomeBrandText strong{
    font-size:14px;
  }

  .capHomeBrandText small{
    font-size:6px;
  }

  .capHomeContact{
    display:none;
  }

  .capHomeMenuButton{
    width:38px;
    height:38px;
    padding:8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(216,155,0,.55);
    border-radius:6px;
    background:#080a0b;
  }

  .capHomeMenuButton span{
    width:18px;
    height:1px;
    background:var(--home-gold-light);
  }

  .capHomeNav{
    position:fixed;
    z-index:999;
    top:61px;
    left:0;
    right:0;
    height:auto;
    padding:10px 16px 18px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:rgba(3,4,5,.985);
    border-bottom:1px solid rgba(216,155,0,.25);
    box-shadow:0 18px 40px rgba(0,0,0,.45);
  }

  .capHomeNav.open{
    display:flex;
  }

  .capHomeNav a{
    height:45px;
    justify-content:flex-start;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:11px;
  }

  .capHomeNav a.active::after{
    display:none;
  }

  .capHomeMain{
    width:calc(100% - 20px);
    margin-top:10px;
  }

  .capHomeDesktopGrid{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .capHomePrimary{
    display:flex;
    flex-direction:column;
    width:100%;
  }

  .capHomeSecondary{
    display:contents;
  }

  .capHero{
    order:1;
    min-height:455px;
  }

  .capHeroBackdrop{
    background-position:54% center;
  }

  .capHero::before{
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.37),
        rgba(0,0,0,.70) 52%,
        rgba(0,0,0,.96) 100%
      );
  }

  .capHeroContent{
    width:100%;
    padding:185px 25px 45px;
  }

  .capHeroEyebrow{
    font-size:8px;
  }

  .capHero h1{
    font-size:61px;
  }

  .capHero h2{
    margin-top:9px;
    font-size:17px;
  }

  .capHero p{
    margin:15px 0 20px;
    max-width:330px;
    font-size:12px;
    line-height:1.5;
  }

  .capHeroEmblem{
    top:20px;
    right:17px;
    width:155px;
    transform:none;
    opacity:.88;
  }

  .capHeroDots{
    bottom:14px;
  }

  .capMobileQuick{
    order:2;
    display:block;
    margin-top:10px;
  }

  .capMobileHallSlot{
    order:3;
    display:block;
  }

  .capHistory{
    order:4;
  }

  .capScoresPanel{
    order:6;
  }

  .capSponsors{
    order:7;
  }

  .capDesktopQuick{
    display:none;
  }

  /*
   * Il vero Hall of Fame viene spostato via JS
   * nello slot mobile. Non duplichiamo dati/API.
   */

  .capHistory{
    margin-top:10px;
    grid-template-columns:1fr;
  }

  .capHistoryVisual{
    min-height:165px;
    border-right:0;
    border-bottom:1px solid var(--home-border);
  }

  .capHistoryPlaceholder img{
    width:88px;
  }

  .capHistoryContent{
    padding:24px 21px;
  }

  .capHistoryContent h2{
    font-size:19px;
  }

  .capHistoryContent p{
    font-size:12px;
  }

  .capQuickGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .capQuickCard{
    min-height:158px;
    padding:15px 13px 12px;
  }

  .capQuickIcon{
    width:25px;
    height:25px;
    margin-bottom:10px;
  }

  .capQuickIcon svg{
    width:23px;
    height:23px;
  }

  .capQuickCard strong{
    font-size:10px;
  }

  .capQuickCard p{
    margin:7px 0 10px;
    font-size:9px;
  }

  .capQuickCta{
    min-height:27px;
    font-size:7px;
  }

  .capScoresPanel{
    margin-top:10px;
    padding:20px 15px;
  }

  .capHomePage .publicFilters{
    grid-template-columns:1fr;
  }

  .capSponsorGrid{
    grid-template-columns:repeat(2,1fr);
  }

  .capSponsors{
    margin-top:10px;
    padding:23px 15px;
  }

  .capSponsorThanks{
    font-size:6px;
    letter-spacing:.10em;
  }

  .capTrophies{
    margin-top:10px;
    overflow:hidden;
  }

  .capTrophyGrid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:8px;
    padding-bottom:8px;
    scrollbar-width:none;
  }

  .capTrophyGrid::-webkit-scrollbar{
    display:none;
  }

  .capTrophyItem{
    flex:0 0 31%;
    min-width:100px;
    padding:9px 4px;
    scroll-snap-align:start;
    border:1px solid rgba(255,255,255,.06);
    border-radius:6px;
    background:#080a0b;
  }

  .capHomeFooter{
    margin-top:10px;
  }

  .capHomeFooterInner{
    width:calc(100% - 28px);
    padding:24px 0;
    display:flex;
    flex-direction:column;
    gap:20px;
  }

  .capHomeFooterCenter{
    text-align:center;
    order:3;
  }

  .capHomeFooterClaim{
    text-align:center;
    font-size:9px;
  }
}

@media(max-width:420px){

  .capHero{
    min-height:435px;
  }

  .capHeroContent{
    padding-left:20px;
    padding-right:20px;
  }

  .capHero h1{
    font-size:55px;
  }

  .capQuickCard{
    min-height:153px;
  }
}


/* =========================================================
   CAP CUP HOMEPAGE FULL WIDTH RESULTS V2
   ========================================================= */

.capHomeFullWidth{
  width:100%;
}

/*
 * Punteggi e sponsor sono ora esterni alla griglia 62/38.
 * Devono quindi occupare tutta la larghezza della homepage.
 */

.capHomeFullWidth .capScoresPanel{
  width:100%;
  margin-top:14px;
}

.capHomeFullWidth .capSponsors{
  width:100%;
}


/* =========================================================
   SCOREBOARD HOMEPAGE THEME V2
   Neutralizziamo il verde del vecchio styles.css.
   ========================================================= */

.capHomePage #board,
.capHomePage #seasonBoard{
  color:#f4f4f4;
}

.capHomePage #board > .card,
.capHomePage #seasonBoard > .card,
.capHomePage #board .card,
.capHomePage #seasonBoard .card{
  color:#f4f4f4 !important;

  background:
    linear-gradient(
      145deg,
      #0b0e10,
      #07090a
    ) !important;

  border:
    1px solid
    rgba(255,255,255,.10) !important;

  box-shadow:none !important;
}

/*
 * Score principale della tappa.
 */

.capHomePage #board .score,
.capHomePage #board .scoreBox,
.capHomePage #board .scoreboard,
.capHomePage #board .eventScore,
.capHomePage #board .eventHeader,
.capHomePage #board .summary,
.capHomePage #board .summaryCard,
.capHomePage #board .matchCard,
.capHomePage #board .eventCard,
.capHomePage #board .panel{
  color:#f4f4f4 !important;

  background:
    linear-gradient(
      145deg,
      #0b0e10,
      #080a0b
    ) !important;

  border-color:
    rgba(255,255,255,.10) !important;
}


/*
 * Override più generale limitato ESCLUSIVAMENTE
 * alla homepage e ai due contenitori risultati.
 *
 * Serve perché app.js genera alcune card usando
 * classi definite nel vecchio styles.css.
 */

.capHomePage #board div[class*="card"],
.capHomePage #seasonBoard div[class*="card"]{
  border-color:
    rgba(255,255,255,.10) !important;
}


/*
 * Testi secondari.
 */

.capHomePage #board .muted,
.capHomePage #seasonBoard .muted{
  color:#999da0 !important;
}


/*
 * Titoli / score importanti.
 */

.capHomePage #board h1,
.capHomePage #board h2,
.capHomePage #board h3,
.capHomePage #board strong,
.capHomePage #seasonBoard h1,
.capHomePage #seasonBoard h2,
.capHomePage #seasonBoard h3,
.capHomePage #seasonBoard strong{
  color:#f5f5f5;
}


/*
 * Linee e separatori.
 */

.capHomePage #board hr,
.capHomePage #seasonBoard hr{
  border-color:
    rgba(255,255,255,.10) !important;
}


/* =========================================================
   CONTROLLI PUNTEGGI
   ========================================================= */

.capHomePage .capPublicControls{
  background:#07090a;
  border-color:rgba(255,255,255,.10);
}

.capHomePage .capPublicControls select{
  color:#f4f4f4 !important;
  background-color:#0b0e10 !important;
  border-color:rgba(216,155,0,.30) !important;
}

.capHomePage #publicEventView,
.capHomePage #publicSeasonView{
  min-height:42px;
  font-weight:900;
}

.capHomePage #publicEventView{
  color:#090a0a !important;
  background:
    linear-gradient(
      135deg,
      #e0a500,
      #b97b00
    ) !important;
  border-color:#e0a500 !important;
}

.capHomePage #publicSeasonView{
  color:#e0a500 !important;
  background:#0b0e10 !important;
  border-color:rgba(216,155,0,.45) !important;
}


/* =========================================================
   SCOREBOARD - neutralizzazione colore legacy
   ========================================================= */

/*
 * Alcune sezioni legacy non hanno classi specifiche
 * sufficienti. Applichiamo il tema al primo livello
 * del board senza alterare layout e logica.
 */

.capHomePage #board > div{
  border-color:
    rgba(255,255,255,.10) !important;
}

.capHomePage #board > div:not(.hidden){
  box-shadow:none !important;
}


/* =========================================================
   SPONSOR FULL WIDTH
   ========================================================= */

.capHomeFullWidth .capSponsors{
  padding:34px 34px 29px;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(216,155,0,.055),
      transparent 38%
    ),
    #07090a;
}

.capHomeFullWidth .capSponsorGrid{
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
}

.capHomeFullWidth .capSponsorItem,
.capHomeFullWidth .capSponsorPending{
  height:88px;
}


/* =========================================================
   DESKTOP RESULTS LAYOUT
   ========================================================= */

@media(min-width:901px){

  .capHomeFullWidth .capScoresPanel{
    padding:32px 34px 35px;
  }

  .capHomeFullWidth .capPublicControls{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(340px,.8fr);
    gap:16px;
    align-items:end;
  }

  .capHomeFullWidth .publicViews{
    margin-top:0;
  }

  /*
   * Il tabellone può sfruttare tutta la larghezza.
   */

  .capHomeFullWidth #board,
  .capHomeFullWidth #seasonBoard{
    width:100%;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:900px){

  .capHomeFullWidth{
    width:100%;
  }

  .capHomeFullWidth .capScoresPanel,
  .capHomeFullWidth .capSponsors{
    margin-top:10px;
  }

  .capHomeFullWidth .capScoresPanel{
    padding:20px 15px;
  }

  .capHomeFullWidth .capSponsors{
    padding:23px 15px;
  }

  .capHomeFullWidth .capSponsorItem,
  .capHomeFullWidth .capSponsorPending{
    height:72px;
  }
}


/* =========================================================
   CAP CUP MOBILE RESPONSIVE V3
   ========================================================= */

@media(max-width:768px){

  html,
  body.capHomePage{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  body.capHomePage{
    min-width:0;
  }

  .capHomeHeaderInner,
  .capHomeMain,
  .capHomeFooterInner{
    width:100%;
    max-width:100%;
  }

  .capHomeHeaderInner{
    padding-left:14px;
    padding-right:14px;
  }

  .capHomeMain{
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
  }

  .capHomeDesktopGrid,
  .capHomePrimary,
  .capHomeSecondary,
  .capHomeFullWidth,
  .capMobileHallSlot{
    width:100%;
    max-width:100%;
    min-width:0;
  }


  /* ==========================================
     HERO MOBILE
     ========================================== */

  .capHero{
    width:100%;
    min-width:0;
    min-height:500px;
    border-radius:8px;
  }

  .capHeroBackdrop{
    background-position:58% center;
  }

  .capHeroContent{
    width:100%;
    max-width:none;
    padding:
      210px
      20px
      48px;
  }

  .capHero h1{
    max-width:100%;
    margin-top:7px;
    font-size:clamp(54px,18vw,78px);
    line-height:.86;
    overflow-wrap:normal;
  }

  .capHero h2{
    max-width:310px;
    font-size:18px;
    line-height:1.03;
  }

  .capHero p{
    max-width:340px;
    font-size:12px;
  }

  .capHeroEmblem{
    width:150px;
    max-width:42vw;
    height:auto;
    right:15px;
    top:28px;
  }


  /* ==========================================
     QUICK ACTIONS
     ========================================== */

  .capQuickGrid{
    width:100%;
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .capQuickCard{
    width:100%;
    min-width:0;
  }


  /* ==========================================
     HALL OF FAME
     ========================================== */

  .capMobileHallSlot{
    width:100%;
  }

  .capMobileHallSlot .capHall{
    width:100%;
    max-width:100%;
  }

  .capHallCard{
    width:100%;
    min-width:0;
    grid-template-columns:
      60px
      minmax(0,1fr)
      34px;
  }

  .capHallWinner{
    min-width:0;
  }

  .capHallName,
  .capHallPoints{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }


  /* ==========================================
     HISTORY
     ========================================== */

  .capHistory{
    width:100%;
    min-width:0;
  }

  .capHistoryContent{
    min-width:0;
  }

  .capHistoryContent h2,
  .capHistoryContent h3,
  .capHistoryContent p{
    max-width:100%;
    overflow-wrap:break-word;
  }


  /* ==========================================
     TROPHIES
     IMPORTANTE:
     carousel interno, non overflow pagina.
     ========================================== */

  .capTrophies{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:
      24px
      14px
      18px;
    overflow:hidden;
  }

  .capTrophiesHead{
    width:100%;
    padding:0 4px;
  }

  .capTrophiesHead h2{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    font-size:20px;
    line-height:1.12;
    overflow-wrap:break-word;
  }

  .capTrophyGrid{
    width:100%;
    max-width:100%;
    margin:0;
    padding:
      2px
      0
      10px;

    display:flex;
    gap:8px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;

    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .capTrophyGrid::-webkit-scrollbar{
    display:none;
  }

  .capTrophyItem{
    flex:
      0
      0
      calc(50% - 4px);

    width:
      calc(50% - 4px);

    min-width:
      calc(50% - 4px);

    max-width:
      calc(50% - 4px);

    min-height:150px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    scroll-snap-align:start;
  }

  .capTrophyIcon{
    height:75px;
  }

  .capTrophyIcon svg{
    width:54px;
    height:54px;
  }

  .capTrophyIcon.small svg{
    width:47px;
    height:47px;
  }

  .capTrophyItem strong{
    font-size:11px;
  }

  .capTrophyItem span{
    font-size:7px;
  }

  .capTrophyNote{
    width:100%;
    max-width:100%;
    padding:0 6px;
    font-size:8px;
    line-height:1.4;
  }


  /* ==========================================
     PUNTEGGI MOBILE
     ========================================== */

  .capHomeFullWidth .capScoresPanel{
    width:100%;
    max-width:100%;
    min-width:0;

    padding:
      22px
      14px;

    overflow:hidden;
  }

  .capScoresPanel .capSectionHeading{
    width:100%;
  }

  .capScoresPanel .capSectionHeading h2{
    font-size:25px;
  }

  .capPublicControls{
    width:100%;
    max-width:100%;
    min-width:0;

    padding:14px 11px;
  }

  .capHomePage .publicFilters{
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    gap:10px;
  }

  .capHomePage .publicFilters > div{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .capHomePage .publicFilters select{
    width:100%;
    max-width:100%;
    min-width:0;
    height:43px;
    font-size:12px;
  }

  .capHomePage .publicViews{
    width:100%;
    max-width:100%;
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:6px;
  }

  .capHomePage .publicViews button{
    width:100%;
    min-width:0;
    min-height:39px;
    padding:7px 5px;
    font-size:10px;
  }

  .capHomePage #board,
  .capHomePage #seasonBoard{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }

  .capHomePage #board > *,
  .capHomePage #seasonBoard > *{
    max-width:100% !important;
    min-width:0 !important;
  }

  .capHomePage #board .card,
  .capHomePage #seasonBoard .card{
    width:100%;
    max-width:100%;
    min-width:0;
    padding-left:13px;
    padding-right:13px;
  }

  .capHomePage #board h1,
  .capHomePage #board h2,
  .capHomePage #board h3,
  .capHomePage #seasonBoard h1,
  .capHomePage #seasonBoard h2,
  .capHomePage #seasonBoard h3{
    max-width:100%;
    overflow-wrap:break-word;
  }

  .capHomePage .seasonRank{
    min-width:0;
    gap:8px;
  }

  .capHomePage .seasonName{
    min-width:0;
    overflow-wrap:break-word;
  }


  /* ==========================================
     SPONSOR MOBILE
     ========================================== */

  .capHomeFullWidth .capSponsors{
    width:100%;
    max-width:100%;
    min-width:0;

    padding:
      24px
      14px
      21px;
  }

  .capSponsorGrid{
    width:100%;
    max-width:100%;
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .capSponsorItem,
  .capSponsorPending{
    width:100%;
    min-width:0;
  }

  .capSponsorItem img{
    max-width:80%;
  }


  /* ==========================================
     FOOTER MOBILE
     ========================================== */

  .capHomeFooterInner{
    padding:
      25px
      18px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:430px){

  .capHomeMain{
    padding-left:8px;
    padding-right:8px;
  }

  .capHero{
    min-height:470px;
  }

  .capHeroContent{
    padding:
      195px
      17px
      44px;
  }

  .capHero h1{
    font-size:55px;
  }

  .capHero h2{
    font-size:16px;
  }

  .capHeroEmblem{
    width:130px;
  }

  .capQuickGrid{
    grid-template-columns:1fr 1fr;
  }

  .capQuickCard{
    padding:
      14px
      11px
      11px;
  }

  .capHallCard{
    grid-template-columns:
      53px
      minmax(0,1fr)
      31px;
    gap:7px;
  }

  .capHallSeason{
    font-size:9px;
  }

  .capHallName{
    font-size:12px;
  }

  .capTrophyItem{
    flex-basis:
      calc(50% - 4px);

    width:
      calc(50% - 4px);

    min-width:
      calc(50% - 4px);
  }

  .capHomePage .publicViews{
    grid-template-columns:1fr;
  }

  .capSponsorGrid{
    grid-template-columns:1fr 1fr;
  }

}


/* ==========================================================
   CAP CUP OFFICIAL TROPHIES V2
   ========================================================== */

.capTrophyGrid{
  grid-template-columns:
    repeat(4,minmax(0,1fr)) !important;
}

.capOfficialTrophy{
  min-width:0;
}

.capOfficialTrophyImage{
  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  height:250px;

  margin-bottom:14px;
}

.capOfficialTrophyImage img{
  display:block;

  width:100%;
  height:100%;

  max-width:190px;

  object-fit:contain;
}

.capOfficialTrophy strong{
  display:block;

  text-align:center;

  line-height:1.25;
}


/* Hall of Fame - logo squadra vincitrice */

.capHallTeamLogo{
  display:flex;
  align-items:center;
  justify-content:center;

  width:74px;
  height:74px;
  min-width:74px;

  padding:8px;

  border-radius:18px;

  border:
    1px solid rgba(216,155,0,.28);

  background:
    rgba(255,255,255,.045);

  overflow:hidden;
}

.capHallTeamLogo img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


@media(max-width:900px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
  }

  .capOfficialTrophyImage{
    height:210px;
  }

  .capOfficialTrophyImage img{
    max-width:160px;
  }
}


@media(max-width:520px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:12px !important;
  }

  .capOfficialTrophyImage{
    height:165px;
    margin-bottom:8px;
  }

  .capOfficialTrophyImage img{
    max-width:125px;
  }

  .capOfficialTrophy strong{
    font-size:13px;
  }

  .capHallTeamLogo{
    width:58px;
    height:58px;
    min-width:58px;

    padding:6px;

    border-radius:14px;
  }
}



/* ==========================================================
   CAP CUP TROPHY + HALL LAYOUT FIX V1
   ========================================================== */


/* ----------------------------------------------------------
   TROFEI
   stessa area visiva e stessa baseline
   ---------------------------------------------------------- */

.capTrophyGrid{
  display:grid !important;
  grid-template-columns:
    repeat(4,minmax(0,1fr)) !important;

  align-items:end !important;
  gap:22px !important;
}

.capOfficialTrophy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;

  min-width:0;
  height:100%;
}

.capOfficialTrophyImage{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;

  width:100% !important;
  height:330px !important;

  margin:0 0 18px !important;

  overflow:visible !important;
}

.capOfficialTrophyImage img{
  display:block !important;

  width:auto !important;
  height:300px !important;

  max-width:100% !important;
  max-height:300px !important;

  object-fit:contain !important;
  object-position:center bottom !important;

  transform-origin:center bottom;
}


/*
 * Il file CAP CUP ha più spazio trasparente
 * interno rispetto agli altri PNG.
 * Compensiamo la sola resa visiva.
 */

.capOfficialTrophy:nth-child(1)
.capOfficialTrophyImage img{
  transform:scale(1.23);
}


/*
 * Gli altri tre restano sulla stessa altezza
 * nominale.
 */

.capOfficialTrophy:nth-child(2)
.capOfficialTrophyImage img,
.capOfficialTrophy:nth-child(3)
.capOfficialTrophyImage img,
.capOfficialTrophy:nth-child(4)
.capOfficialTrophyImage img{
  transform:scale(1);
}


.capOfficialTrophy strong{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;

  min-height:48px !important;

  margin:0 !important;

  text-align:center !important;
  line-height:1.2 !important;
}


/* ----------------------------------------------------------
   ALBO D'ORO
   logo sempre DENTRO la card
   ---------------------------------------------------------- */

.capHallCard{
  position:relative !important;

  box-sizing:border-box !important;

  /*
   * spazio riservato al logo;
   * impedisce al testo di entrarci sotto.
   */
  padding-right:118px !important;

  overflow:hidden !important;
}


.capHallTeamLogo{
  position:absolute !important;

  top:50% !important;
  right:18px !important;

  transform:
    translateY(-50%) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box !important;

  width:78px !important;
  height:78px !important;
  min-width:78px !important;

  margin:0 !important;
  padding:8px !important;

  border-radius:18px !important;

  overflow:hidden !important;

  z-index:2;
}


.capHallTeamLogo img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  max-width:100% !important;
  max-height:100% !important;

  object-fit:contain !important;
  object-position:center center !important;

  margin:0 !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:900px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:24px 16px !important;
  }

  .capOfficialTrophyImage{
    height:280px !important;
  }

  .capOfficialTrophyImage img{
    height:250px !important;
    max-height:250px !important;
  }

  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img{
    transform:scale(1.20);
  }


  .capHallCard{
    padding-right:104px !important;
  }

  .capHallTeamLogo{
    right:14px !important;

    width:72px !important;
    height:72px !important;
    min-width:72px !important;
  }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:520px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:20px 10px !important;
  }

  .capOfficialTrophyImage{
    height:210px !important;

    margin-bottom:10px !important;
  }

  .capOfficialTrophyImage img{
    height:190px !important;
    max-height:190px !important;
  }

  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img{
    transform:scale(1.18);
  }

  .capOfficialTrophy strong{
    min-height:38px !important;

    font-size:13px !important;
  }


  .capHallCard{
    padding-right:84px !important;
  }

  .capHallTeamLogo{
    right:10px !important;

    width:58px !important;
    height:58px !important;
    min-width:58px !important;

    padding:5px !important;

    border-radius:13px !important;
  }
}


/* CAP CUP TROPHY + HALL LAYOUT FIX V1 */



/* ==========================================================
   CAP CUP MOBILE TROPHIES SIZE FIX V2
   ========================================================== */

@media(max-width:520px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:16px !important;

    align-items:stretch !important;
  }


  .capOfficialTrophy{
    box-sizing:border-box !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:center !important;

    min-height:310px !important;

    padding:
      18px 8px 16px !important;
  }


  .capOfficialTrophyImage{
    box-sizing:border-box !important;

    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;
    height:225px !important;

    margin:
      0 0 12px !important;

    overflow:visible !important;
  }


  .capOfficialTrophyImage img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:150px !important;
    max-height:215px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  /*
   * CAP CUP:
   * il PNG contiene proporzioni/spazi differenti,
   * quindi necessita di una compensazione visiva.
   */

  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img{
    max-width:165px !important;
    max-height:225px !important;

    transform:scale(1.10) !important;
    transform-origin:center bottom !important;
  }


  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{
    max-width:155px !important;
    max-height:220px !important;
  }


  .capOfficialTrophy strong{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;

    min-height:42px !important;

    margin:0 !important;

    font-size:15px !important;
    line-height:1.12 !important;

    text-align:center !important;
  }

}


/* CAP CUP MOBILE TROPHIES SIZE FIX V2 */



/* ==========================================================
   CAP CUP TROPHY WEBP NORMALIZED V4
   ========================================================== */


/*
 * I WebP sono tutti 520 × 620 e contengono il trofeo
 * allineato alla base della stessa canvas trasparente.
 *
 * Non sono più necessarie compensazioni nth-child/scale.
 */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media(min-width:901px){

  .capTrophies{
    padding-top:28px !important;
  }


  .capTrophiesHead{
    margin-bottom:8px !important;
  }


  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;

    align-items:start !important;

    gap:10px !important;

    margin-top:0 !important;
  }


  .capOfficialTrophy{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    min-width:0 !important;
    min-height:0 !important;

    padding:
      0 4px 10px !important;
  }


  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    height:220px !important;

    margin:
      0 0 6px !important;

    overflow:hidden !important;
  }


  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  .capOfficialTrophy strong{
    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;

    min-height:32px !important;

    margin:0 !important;

    font-size:12px !important;
    line-height:1.15 !important;

    text-align:center !important;
  }

}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media(max-width:900px){

  .capTrophies{
    padding-top:34px !important;
  }


  .capTrophiesHead{
    margin-bottom:20px !important;
  }


  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    align-items:stretch !important;

    gap:14px !important;

    margin-top:0 !important;
  }


  .capOfficialTrophy{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    min-width:0 !important;

    min-height:0 !important;

    padding:
      12px 8px 14px !important;
  }


  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    height:235px !important;

    margin:
      0 0 8px !important;

    overflow:hidden !important;
  }


  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  .capOfficialTrophy strong{
    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;

    min-height:38px !important;

    margin:0 !important;

    font-size:14px !important;
    line-height:1.12 !important;

    text-align:center !important;
  }

}


/* ==========================================================
   MOBILE 430px circa
   ========================================================== */

@media(max-width:520px){

  .capTrophyGrid{
    gap:
      12px 10px !important;
  }


  .capOfficialTrophy{
    padding:
      10px 5px 12px !important;
  }


  .capOfficialTrophyImage{
    height:215px !important;
  }


  .capOfficialTrophy strong{
    min-height:36px !important;

    font-size:14px !important;
  }

}


/* CAP CUP TROPHY WEBP NORMALIZED V4 */



/* ==========================================================
   CAP CUP TROPHY LAYOUT V5
   WebP già normalizzati.
   Solo correzioni visive desktop/mobile.
   ========================================================== */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media(min-width:901px){

  .capTrophies{
    padding-top:20px !important;
  }


  .capTrophiesHead{
    margin-bottom:0 !important;
  }


  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;

    align-items:start !important;

    gap:8px !important;

    margin-top:-8px !important;
  }


  .capOfficialTrophy{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    padding:
      0 2px 8px !important;

    min-height:0 !important;
  }


  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    height:260px !important;

    margin:
      0 0 2px !important;

    overflow:visible !important;
  }


  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:auto !important;
    height:250px !important;

    max-width:100% !important;
    max-height:250px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  .capOfficialTrophy strong{
    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;

    min-height:30px !important;

    margin:0 !important;

    font-size:12px !important;
    line-height:1.12 !important;

    text-align:center !important;
  }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(min-width:521px) and (max-width:900px){

  .capTrophyGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:16px !important;
  }


  .capOfficialTrophy{
    min-height:0 !important;

    padding:
      10px 6px 12px !important;
  }


  .capOfficialTrophyImage{
    height:280px !important;

    margin-bottom:6px !important;
  }


  .capOfficialTrophyImage img{
    width:auto !important;
    height:270px !important;

    max-width:100% !important;
    max-height:270px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:520px){

  .capTrophies{
    padding-top:26px !important;

    padding-left:16px !important;
    padding-right:16px !important;
  }


  .capTrophiesHead{
    margin-bottom:14px !important;
  }


  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      12px 10px !important;

    margin-top:0 !important;

    align-items:stretch !important;
  }


  .capOfficialTrophy{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    box-sizing:border-box !important;

    min-height:0 !important;

    padding:
      10px 4px 12px !important;
  }


  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    height:265px !important;

    margin:
      0 0 4px !important;

    overflow:visible !important;
  }


  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:auto !important;
    height:255px !important;

    max-width:100% !important;
    max-height:255px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  .capOfficialTrophy strong{
    display:flex !important;

    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;

    min-height:34px !important;

    margin:0 !important;

    font-size:14px !important;
    line-height:1.08 !important;

    text-align:center !important;
  }

}


/* ==========================================================
   MOBILE MOLTO STRETTO
   ========================================================== */

@media(max-width:380px){

  .capOfficialTrophyImage{
    height:235px !important;
  }


  .capOfficialTrophyImage img{
    height:225px !important;

    max-height:225px !important;
  }


  .capOfficialTrophy strong{
    font-size:13px !important;
  }

}


/* CAP CUP TROPHY LAYOUT V5 */



/* ==========================================================
   CAP CUP TROPHY TIGHT WEBP + LAYOUT V6
   WebP senza canvas trasparente.
   ========================================================== */


/* ----------------------------------------------------------
   DESKTOP
   ---------------------------------------------------------- */

@media(min-width:901px){

  .capTrophies{
    padding-top:18px !important;
  }

  .capTrophiesHead{
    margin-bottom:4px !important;
  }

  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;

    align-items:start !important;

    gap:8px !important;

    margin-top:0 !important;

    /*
     * Il contenuto parte subito sotto il titolo.
     */
    padding-top:4px !important;
  }

  .capTrophyItem.capOfficialTrophy{
    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    padding:
      0 2px 8px !important;
  }

  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;
    height:190px !important;

    margin:
      0 0 8px !important;

    overflow:visible !important;
  }

  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:190px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }

  .capOfficialTrophy strong{
    display:block !important;

    width:100% !important;

    min-height:30px !important;

    margin:0 !important;

    text-align:center !important;

    font-size:12px !important;
    line-height:1.12 !important;
  }

}


/* ----------------------------------------------------------
   MOBILE / TABLET
   ---------------------------------------------------------- */

@media(max-width:900px){

  .capTrophies{
    padding-top:28px !important;
  }

  .capTrophiesHead{
    margin-bottom:16px !important;
  }

  .capTrophyGrid{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      14px 12px !important;

    align-items:start !important;

    margin-top:0 !important;
  }

  .capTrophyItem.capOfficialTrophy{
    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-start !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    padding:
      12px 8px 14px !important;
  }

  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    height:250px !important;

    margin:
      0 0 8px !important;

    overflow:visible !important;
  }

  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:250px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }

  .capOfficialTrophy strong{
    display:block !important;

    width:100% !important;

    min-height:38px !important;

    margin:0 !important;

    font-size:14px !important;
    line-height:1.1 !important;

    text-align:center !important;
  }

}


/* ----------------------------------------------------------
   IPHONE / MOBILE 430
   ---------------------------------------------------------- */

@media(max-width:520px){

  .capTrophies{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .capTrophyGrid{
    gap:
      12px 10px !important;
  }

  .capTrophyItem.capOfficialTrophy{
    padding:
      10px 5px 12px !important;
  }

  .capOfficialTrophyImage{
    height:230px !important;
  }

  .capOfficialTrophyImage img{
    max-height:230px !important;
  }

}


/* CAP CUP TROPHY TIGHT WEBP + LAYOUT V6 */



/* ==========================================================
   CAP CUP MOBILE TROPHY CENTERING V7
   ========================================================== */

@media(max-width:900px){

  .capTrophyGrid{
    justify-items:center !important;
  }

  .capTrophyItem.capOfficialTrophy{
    width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    align-items:center !important;

    text-align:center !important;
  }

  .capOfficialTrophyImage{
    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }

  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(1)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(2)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(3)
  .capOfficialTrophyImage img,
  .capOfficialTrophy:nth-child(4)
  .capOfficialTrophyImage img{

    display:block !important;

    margin-left:auto !important;
    margin-right:auto !important;

    align-self:flex-end !important;

    object-position:center bottom !important;
  }

  .capOfficialTrophy strong{
    width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }

}


/* iPhone / mobile stretto */

@media(max-width:520px){

  .capTrophyGrid{
    justify-items:stretch !important;
  }

  .capTrophyItem.capOfficialTrophy{
    justify-self:stretch !important;

    align-items:center !important;
  }

  .capOfficialTrophyImage{
    position:relative !important;

    left:50% !important;

    width:100% !important;

    transform:
      translateX(-50%) !important;
  }

  .capOfficialTrophyImage img{
    position:relative !important;

    left:0 !important;

    margin:
      0 auto !important;

    transform:none !important;
  }

}


/* CAP CUP MOBILE TROPHY CENTERING V7 */



/* =========================================================
   CAP CUP HOMEPAGE NEWS V4D
   Sotto risultati / prima sponsor
   ========================================================= */

.capHomeNews{
  width:min(1540px,calc(100% - 36px));
  margin:48px auto 58px;
}

.capHomeNews[hidden]{
  display:none !important;
}

.capHomeNewsCard{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,42%) minmax(0,58%);
  min-height:340px;
  background:
    radial-gradient(
      circle at 8% 15%,
      rgba(216,155,0,.12),
      transparent 33%
    ),
    linear-gradient(
      135deg,
      #0b0e10,
      #050708
    );
  border:1px solid var(--home-border);
  border-radius:var(--home-radius);
}

.capHomeNewsCard:not(:has(.capHomeNewsMedia:not([hidden]))){
  grid-template-columns:1fr;
}

.capHomeNewsMedia{
  min-height:340px;
  overflow:hidden;
  background:#111;
}

.capHomeNewsMedia[hidden]{
  display:none !important;
}

.capHomeNewsMedia img{
  display:block;
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
}

.capHomeNewsContent{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px,4vw,58px);
}

.capHomeNewsMeta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px 16px;
  margin-bottom:20px;
  color:var(--home-muted);
  font-size:12px;
  font-weight:700;
}

.capHomeNewsBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  color:var(--home-gold-light);
  border:1px solid rgba(216,155,0,.45);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.capHomeNewsContent h3{
  max-width:1000px;
  margin:0;
  color:var(--home-text);
  font-size:clamp(28px,3.3vw,48px);
  line-height:1.04;
  letter-spacing:-.035em;
}

.capHomeNewsContent p{
  max-width:960px;
  margin:20px 0 0;
  color:var(--home-muted);
  font-size:16px;
  line-height:1.7;
}

.capHomeNewsActions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 24px;
  margin-top:30px;
}

.capHomeNewsPrimary,
.capHomeNewsArchive{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
}

.capHomeNewsPrimary{
  padding:0 17px;
  color:#080808 !important;
  background:var(--home-gold);
  border-radius:6px;
}

.capHomeNewsPrimary:hover{
  background:var(--home-gold-light);
}

.capHomeNewsArchive{
  color:var(--home-gold-light) !important;
}

@media(max-width:820px){

  .capHomeNews{
    width:calc(100% - 28px);
    margin:34px auto 42px;
  }

  .capHomeNewsCard{
    display:block;
    min-height:0;
  }

  .capHomeNewsMedia{
    min-height:210px;
    height:45vw;
    max-height:310px;
  }

  .capHomeNewsMedia img{
    min-height:0;
    height:100%;
  }

  .capHomeNewsContent{
    padding:25px 22px 27px;
  }

  .capHomeNewsContent h3{
    font-size:clamp(27px,8vw,38px);
  }

  .capHomeNewsContent p{
    margin-top:16px;
    font-size:15px;
  }

  .capHomeNewsActions{
    margin-top:24px;
  }
}

@media(max-width:480px){

  .capHomeNewsMeta{
    gap:8px 12px;
  }

  .capHomeNewsPrimary{
    width:100%;
    justify-content:center;
  }

  .capHomeNewsArchive{
    width:100%;
    justify-content:center;
  }
}