/* stile.css */



/* Logo personalizzato */

.logo-img {

  max-height: 120px;

  height: auto;

  width: auto;

}



/* Navbar personalizzata */

.navbar {

  font-weight: 500;

}



/* Hero image / Slider */

header img {

  max-height: 400px;

  object-fit: cover;

}



/* Sezione descrizione */

section {

  font-size: 1.1rem;

  line-height: 1.7;

}



/* Lista personalizzata */

section ul {

  padding-left: 1.2rem;

  list-style: disc;

}



/* Footer */

footer h5 {

  font-weight: 600;

  margin-bottom: 1rem;

}



footer ul li {

  margin-bottom: 0.5rem;

}

.link-underline::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0%;

  height: 2px;

  background-color: #0d6efd;

  transition: width 0.3s ease;

}



.link-underline:hover::after {

  width: 100%;

}



.link-underline.active::after {

  width: 100%;

}





.map-container {

  height: 400px;

  width: 100%;

  border-radius: 8px;

  overflow: hidden;

  box-shadow: 0 0 10px rgba(0,0,0,0.15);

}

.desc-img {

  max-width: 100%;

  border-radius: 8px;

  box-shadow: 0 0 8px rgba(0,0,0,0.1);

}





.hero-contatti {

  position: relative;

  background: url('../immagini/Immagini/contattaci.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-contatti::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-contatti h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.contact-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.contact-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per dove_trovarci */

.hero-dove {

  position: relative;

  background: url('../immagini/Immagini/dove_siamo.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-dove::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-dove h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.dove-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.dove-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



.section-box-dove {

  background: white;

  padding: 2rem;

  border-radius: 10px;

  box-shadow: 0 4px 15px rgba(13, 110, 253, 0.1);

  font-size: 1.1rem;

  color: #212529;

  line-height: 1.6;

  margin-bottom: 2rem;

}



.card-img-top {

  height: 200px;

  object-fit: cover;

  object-position: center;

}



.card {

  border: none;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

}



.card-title {

  font-weight: 600;

}



.card-text {

  font-size: 0.95rem;

}



.services-title {

  position: relative;

  font-size: 2.5rem;

  font-weight: 700;

  color: #0d6efd; /* blu bootstrap */

  text-transform: uppercase;

  letter-spacing: 3px;

  margin-bottom: 1.5rem;

}



.services-title::after {

  content: "";

  position: absolute;

  width: 80px;

  height: 4px;

  background-color: #0d6efd;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  border-radius: 2px;

  transition: width 0.3s ease;

}



.services-title:hover::after {

  width: 120px;

}

/* hero per termoregolazione */

.hero-termoreg {

  position: relative;

  background: url('../immagini/Immagini/termoregolazione.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-termoreg::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-termoreg h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.termoreg-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.termoreg-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per solare termico */

.hero-solare-termico {

  position: relative;

  background: url('../immagini/Immagini/solare_termico.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-solare-termico::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-solare-termico h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.solare-termico-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.solare-termico-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per impianto termico */

.hero-impianto-termico {

  position: relative;

  background: url('../immagini/Immagini/pompa-di-calore.png') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-impianto-termico::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-impianto-termico h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.impianto-termico-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.impianto-termico-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per trattamento aria */

.hero-trattamento-aria {

  position: relative;

  background: url('../immagini/Immagini/unita-di-trattamento-aria.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-trattamento-aria::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-trattamento-aria h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.trattamento-aria-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.trattamento-aria-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per fotovoltaico */

.hero-fotovoltaico {

  position: relative;

  background: url('../immagini/Immagini/pannello_fot.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-fotovoltaico::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-fotovoltaico h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.fotovoltaico-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.fotovoltaico-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per contabilizzazione */

.hero-contabilizzazione {

  position: relative;

  background: url('../immagini/Immagini/contabilizzazione.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-contabilizzazione::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-contabilizzazione h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.contabilizzazione-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.contabilizzazione-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per sopralluoghi */

.hero-sopralluoghi {

  position: relative;

  background: url('../immagini/Immagini/sopralluogo.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-sopralluoghi::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-sopralluoghi h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.sopralluoghi-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.sopralluoghi-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per preventivi */

.hero-preventivi {

  position: relative;

  background: url('../immagini/Immagini/preventivo.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-preventivi::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-preventivi h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.preventivi-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.preventivi-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per tratament acqua */

.hero-acqua {

  position: relative;

  background: url('../immagini/Immagini/trattamento_acqua.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-acqua::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-acqua h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.acqua-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.acqua-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per telegestione  */

.hero-telegestione {

  position: relative;

  background: url('../immagini/Immagini/telegestione.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-telegestione::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-telegestione h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.telegestione-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.telegestione-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per climatizzazione  */

.hero-climatizzazione {

  position: relative;

  background: url('../immagini/Immagini/condizionatore.jpg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-climatizzazione::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-climatizzazione h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.climatizzazione-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.climatizzazione-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



/* hero per assistenza  */

.hero-assistenza {

  position: relative;

  background: url('../immagini/logo_prometeo.svg') center center / cover no-repeat;

  height: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-assistenza::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}



.hero-assistenza h1 {

  position: relative;

  color: white;

  z-index: 1;

  font-size: 3rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.assistenza-info li {

  margin-bottom: 1rem;

  font-size: 1.1rem;

}



.assistenza-info li i {

  color: #0d6efd;

  margin-right: 10px;

  width: 25px;

  text-align: center;

}



.dropdown-hover:hover .dropdown-menu {

  display: block;

  margin-top: 0; /* evita che salti */

}



.hover-card {

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  border-radius: 1rem;

}



.hover-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);

}



.nav-link-footer {

  color: #343a40;

  text-decoration: none;

  position: relative;

  transition: all 0.3s ease;

  font-weight: 500;

}



.nav-link-footer::after {

  content: '';

  position: absolute;

  width: 0;

  height: 2px;

  background-color: #0d6efd;

  left: 0;

  bottom: -2px;

  transition: width 0.3s ease;

}



.nav-link-footer:hover {

  color: #0d6efd;

}



.nav-link-footer:hover::after {

  width: 100%;

}