/* V82.33 - Home Central visual fixes only.
   Fixes the broken arrow in "Bem-vindo ao mundo de Icarus" and prevents showcase images from being cut badly.
   Does not touch global header/menu, ranking logic or database. */

/* The decorative chevron/arrow was appearing oversized and misplaced.
   Keep the section clean by hiding only this broken decorative arrow. */
body.home-v82-2 .home-v82-28-world:before,
body.home-v82-2 .home-v82-28-chevron{
  display:none!important;
  content:none!important;
}

/* Rebalance the "Bem-vindo" block so the thumbnails do not look sliced. */
body.home-v82-2 .home-v82-28-world{
  grid-template-columns:minmax(260px, 320px) minmax(0, 1fr) minmax(260px, 300px)!important;
  align-items:center!important;
  gap:28px!important;
  padding-top:42px!important;
}

/* Make the left text breathe and stay aligned with the image group. */
body.home-v82-2 .home-v82-28-world-text{
  padding-top:0!important;
  align-self:center!important;
}

/* The small stacked cards were too narrow and clipped the important part of images/text.
   Use background-like fitting with safer proportions. */
body.home-v82-2 .home-v82-28-showcase{
  display:grid!important;
  grid-template-columns:190px minmax(0, 1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  min-height:330px!important;
}

body.home-v82-2 .home-v82-28-showcase-stack{
  display:grid!important;
  grid-template-rows:repeat(3, 1fr)!important;
  gap:12px!important;
  min-width:0!important;
  overflow:hidden!important;
}

body.home-v82-2 .home-v82-28-showcase-stack img{
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  max-height:102px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:4px!important;
  display:block!important;
}

/* Main image: show the full central artwork better instead of aggressive cropping. */
body.home-v82-2 .home-v82-28-showcase-main{
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:4px!important;
  display:block!important;
}

/* Keep the event timer box aligned with the showcase. */
body.home-v82-2 .home-v82-28-events{
  align-self:stretch!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* Prevent the right floating home nav from colliding visually with the central content. */
body.home-v82-2 .home-v82-28-latest .content-area{
  padding-right:clamp(24px, 7vw, 118px)!important;
}

/* Better tablet behavior: show welcome + images + timers as clean rows. */
@media(max-width:1180px){
  body.home-v82-2 .home-v82-28-world{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  body.home-v82-2 .home-v82-28-latest .content-area{
    padding-right:24px!important;
  }
  body.home-v82-2 .home-v82-28-showcase{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
  body.home-v82-2 .home-v82-28-events{
    min-height:auto!important;
    justify-content:flex-start!important;
  }
}

/* Mobile: keep the three small cards visible and not cut in a tall column. */
@media(max-width:620px){
  body.home-v82-2 .home-v82-28-showcase{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.home-v82-2 .home-v82-28-showcase-stack{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
  }
  body.home-v82-2 .home-v82-28-showcase-stack img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2.4/1!important;
  }
  body.home-v82-2 .home-v82-28-showcase-main{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1.75/1!important;
  }
}