/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Eventi Hero */
#eventi-hero {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 600px;
    max-width: var(--max-width-001);
    background: url(../images/eventi/eventi-hero.jpg) no-repeat right center;
    background-size: cover;
}
#eventi-hero__box {margin-top: 80px; padding-left: 100px;}
#eventi-hero__box h1 {color: var(--color-ffffff); font-size: 4rem;}
#eventi-hero__box p {width: 480px; padding: 15px 0px; font-weight: var(--font-weight-regular); font-size: var(--font-size-20); color: var(--color-ffffff); line-height: var(--line-height-35);}
/* End Eventi Hero */

/* Start Eventi-Info */
#eventi-info {display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0% 5%; text-align: var(--text-align-center);}
#eventi-info h2 {margin-bottom: 0px; padding: 0% 10%;}
#eventi-info p {
  width: 100%;
  margin: 0px 0px 10px 0px;
  text-align: var(--text-align-center);
  font-size: var(--font-size-17);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-25);
  color: var(--color-141522);
}
#eventi-info .banner3 {width: 100%; max-width: var(--max-width-008); margin: 75px 0px 20px 0px;}
/* End Eventi-Info */

/* Start Eventi */
#eventi {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; max-width: var(--max-width-001); padding: 80px 15vw 100px 15vw;}
#eventi h2 {margin-bottom: 20px; font-size: var(--font-size-35); line-height: var(--line-height-35); font-weight: var(--font-weight-semi-bold); color: var(--color-030510);}
#eventi p {margin-bottom: 10px;}
#eventi__box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; max-width: var(--max-width-003);}
#eventi__box img {width: 280px; height: auto; margin-right: 70px;}
.eventi__button {margin-top: 25px;}
/* End Eventi */

/* Start Eventi Banner */
.banner1 .button {background-color: var(--color-8f8a8a); border: 2px solid var(--color-8f8a8a); border-radius: var(--border-radius-no);}
.banner1 .button:hover {background-color: var(--color-ed9a5e); border: 2px solid var(--color-ed9a5e); color: var(--color-ffffff);}
.banner1 .button-white {background-color: var(--color-ffffff); border: 2px solid var(--color-8f8a8a); color: var(--color-8f8a8a);}
.banner1 .button-white:hover {background-color: var(--color-ed9a5e); border: 2px solid var(--color-ed9a5e); color: var(--color-ffffff);}
/* End Eventi Banner */

/* Start Evento - Hero */
#evento-hero {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  max-width: var(--max-width-001);
  height: 350px; /* come avevi prima */
  overflow: hidden;
}

/* L'immagine si comporta come background-size: cover */
#evento-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center; /* replica il tuo top center */
}

/* Leggibilità del titolo su qualunque foto */
#evento-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.25) 0%,
    rgba(0,0,0,0.25) 40%,
    rgba(0,0,0,0.45) 100%
  );
  pointer-events: none;
}

#evento-hero h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 2rem;
  text-align: var(--text-align-center, center);
  font-size: var(--font-size-50, clamp(28px, 6vw, 56px));
  line-height: var(--line-height-50, 1.1);
  font-style: var(--font-style-normal, normal);
  color: var(--color-ffffff, #fff);
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
}
/* End Evento - Hero */

/* Start Evento - Info */
#evento-info {display: flex; flex-direction: column; align-items: center; padding: 0px 5%;}
#evento-info h3 {padding: 10px 0px 5px 0px;}
#evento-info h4 {margin-bottom: 20px; font-style: var(--font-style-italic);}
#evento-info p {
  width: 100%;
  margin: 0px 0px 20px 0px;
  text-align: var(--text-align-left);
  font-size: var(--font-size-17);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-25);
  color: var(--color-141522);
}
#evento-info span {font-weight: var(--font-weight-semi-bold);}
#evento-info .banner3 {width: 100%; max-width: var(--max-width-009);}
#evento-info .button {background-color: var(--color-8f8a8a); border: 2px solid var(--color-8f8a8a); border-radius: var(--border-radius-no);}
#evento-info .button:hover {background-color: var(--color-ed9a5e); border: 2px solid var(--color-ed9a5e); color: var(--color-ffffff);}
#evento-info .button-white {background-color: var(--color-ffffff); border: 2px solid var(--color-8f8a8a); color: var(--color-8f8a8a);}
#evento-info .button-white:hover {background-color: var(--color-ed9a5e); border: 2px solid var(--color-ed9a5e); color: var(--color-ffffff);}
/* End Evento - Info */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1500px){
  /* Eventi */
  #eventi {padding: 80px 10vw 100px 10vw;}
}

@media screen and (max-width: 1150px){
  /* Eventi */
  #eventi {padding: 80px 5vw 100px 5vw;}
  #eventi img {margin-right: 50px;}
}

@media screen and (max-width: 950px){
  /* Eventi Hero */
  #evento-hero h1 {font-size: var(--font-size-45);}

  /* Eventi */
  #eventi {padding: 80px 3vw 100px 3vw;}
}

@media screen and (max-width: 880px){
  /* Eventi */
  #eventi {padding: 50px 10vw 100px 10vw;}
  #eventi__box {flex-direction: column;}
  #eventi__box img {width: 330px; margin-right: 0px; margin-bottom: 35px;}
  #eventi__text {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: var(--text-align-center);}
}

@media screen and (max-width: 850px){
  /* Eventi Hero */
  #eventi-hero {
    background: url(../images/eventi/eventi-hero-mobile.jpg) no-repeat right center;
    background-size: cover;
  }
}
@media screen and (max-width: 750px){
  /* Eventi Hero */
  #eventi-hero__box h1 {font-size: var(--font-size-50);}
}

@media screen and (max-width: 700px){
  /* Eventi-Info */
  #eventi-info p {font-size: var(--font-size-18);}

  /* Evento-Info */
  #evento-info p {font-size: var(--font-size-18);}
}

@media screen and (max-width: 600px){
  /* Eventi Hero */
  #eventi-hero__box {padding-left: 30px;}
  #eventi-hero__box h1 {font-size: var(--font-size-40);}
  #eventi-hero__box p {width: 80%; line-height: var(--line-height-30);}
}

@media screen and (max-width: 530px){
  /* Eventi Hero */
  #evento-hero h1 {font-size: var(--font-size-40);}
}

@media screen and (max-width: 500px){
  /* Eventi Hero */
  #eventi-hero__box h1 {font-size: var(--font-size-38);}
}

@media screen and (max-width: 470px){
  /* Eventi */
  #eventi {padding: 50px 5vw 100px 5vw;}
  #eventi__box img {width: 80%;}
}

@media screen and (max-width: 450px){
  /* Eventi Hero */
  #eventi-hero__box {padding-left: 5%;}

  #evento-info h3 {font-size: var(--font-size-30);}
}

@media screen and (max-width: 400px){
  /* Eventi Hero */
  #evento-hero h1 {font-size: var(--font-size-35);}

  /* Eventi-Info */
  #eventi-info {padding: 0% 3%;}
  #eventi-info h2 {padding: 0% 5%;}

  /* Eventi */
  #eventi {padding: 50px 3vw 100px 3vw;}
  #eventi__box img {width: 90%;}
}

@media screen and (max-width: 350px){
  /* Eventi */
  #eventi__box img {width: 95%;}
  #eventi h2 {font-size: var(--font-size-33); line-height: var(--line-height-35);}
}
/* End Weight */
/* End Mobile */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/