/* ==================================================

   CASA DI AUGUSTO

   Usa lo stile generale del sito Aetos

================================================== */



@import url("../../style.css");





/* ==================================================

   EVENTUALI CORREZIONI SPECIFICHE DELLA PAGINA

================================================== */



/* La copertina parte sotto l'header fisso */



body.project-detail{

  padding-top:0;

}





/* Immagine principale del progetto */



.project-hero{

  background-position:center;

}





/* Testo della copertina */



.project-hero-content{

  max-width:1050px;

}





/* Pulsanti della copertina */



.project-hero-buttons{

  display:flex;

  align-items:center;

  justify-content:flex-start;

  flex-wrap:wrap;



  gap:18px;



  margin-top:35px;

}



.project-hero-buttons .btn{

  min-width:190px;

  text-align:center;

}





/* Sezioni interne */



.project-section{

  width:100%;

}





/* Sezione scura */



.project-dark{

  background:#061831;

  color:#ffffff;

}



.project-dark h2{

  color:#ffffff;

}



.project-dark p{

  color:#d8e3ef;

}





/* Colonne tecniche */



.project-columns{

  display:grid;

  grid-template-columns:repeat(2,1fr);



  gap:25px;



  margin-top:40px;

}



.project-columns > div{

  padding:28px;



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



  border:1px solid rgba(255,255,255,.16);

  border-radius:12px;

}



.project-columns h3{

  margin-bottom:12px;



  color:#8fd3ff;



  font-size:23px;

}





/* Galleria */



.gallery{

  display:grid;

  grid-template-columns:repeat(2,1fr);



  gap:25px;



  margin-top:35px;

}



.gallery figure{

  margin:0;



  overflow:hidden;



  background:#f4f7fb;



  border-radius:14px;



  box-shadow:0 12px 35px rgba(0,0,0,.09);

}



.gallery figure.large{

  grid-column:span 2;

}



.gallery img{

  display:block;



  width:100%;

  height:390px;



  object-fit:contain;



  background:#ffffff;



  cursor:pointer;



  transition:transform .35s ease;

}



.gallery figure.large img{

  height:520px;

}



.gallery img:hover{

  transform:scale(1.025);

}



.gallery figcaption{

  padding:18px;



  color:#364156;



  font-weight:700;

}





/* Pulsante ritorno */



.project-back{

  padding:45px 8%;



  border-top:1px solid #dce3eb;

}



.project-back a,

.project-back a:visited{

  color:#075f8f;



  text-decoration:none;



  font-weight:900;

}





/* ==================================================

   TABLET

================================================== */



@media(max-width:900px){



  .project-columns{

    grid-template-columns:1fr;

  }



  .project-hero-buttons{

    justify-content:flex-start;

  }



}





/* ==================================================

   TELEFONO

================================================== */



@media(max-width:600px){



  .project-hero-buttons{

    flex-direction:column;

    align-items:stretch;



    width:100%;

  }



  .project-hero-buttons .btn{

    width:100%;

    min-width:0;

  }



  .gallery{

    grid-template-columns:1fr;

  }



  .gallery figure.large{

    grid-column:auto;

  }



  .gallery img,

  .gallery figure.large img{

    height:auto;

    max-height:480px;

  }



}

/* ==================================================

   IMMAGINI TECNICHE CASA DI AUGUSTO

================================================== */



.gallery figure.technical-image img{

  width:100%;

  height:auto;

  max-height:850px;



  object-fit:contain;



  background:#ffffff;

  padding:15px;

}





/* FOTO STRUTTURA METALLICA */



.gallery figure.large:not(.technical-image) img{

  object-position:center;

}





/* MOBILE */



@media(max-width:900px){



  .gallery figure.technical-image img{

    height:auto;

    max-height:none;

    padding:8px;

  }



}