@charset "UTF-8";
/* CSS Document */





@media (min-width: 1200px) {
  .container {
    max-width: 1320px !important;
  }
}


@media (min-width: 1400px) {
  .container {
    max-width: 1320px !important;
  }
}






/* === INZIO Effetto zoom elegante immobili in home page === */
.zoom-elegant {
    position: relative;
    overflow: hidden;
}

.zoom-elegant img {
    transition: transform 0.5s ease, filter 0.5s ease;
}

.zoom-elegant::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
    pointer-events: none;
}

.zoom-elegant:hover img {
    transform: scale(1.08);
    filter: brightness(0.95);
}

.zoom-elegant:hover::after {
    background: rgba(0, 0, 0, 0.15);
}

/* === FINE Effetto zoom elegante immobili in home page === */




/* ===== INIZIO Griglia immobili in home page: mantiene layout Bootstrap + altezza uguale ===== */

/* reset UL per non interferire con la row */
.property-grid-eq{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-right: 0;
}

/* rende ogni colonna “stirabile” */
.property-grid-eq > li{
  display: flex;
}

/* la card riempie l’altezza della colonna */
.property-grid-eq > li > .property{
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* fa crescere la sezione contenuto per uniformare altezze */
.property-grid-eq .property-section{
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* spinge il blocco testo in basso (opzionale ma aiuta l’allineamento) */
.property-grid-eq .property-section > div{
  margin-top: auto;
}


/* ===== FINE Griglia immobili in home page: mantiene layout Bootstrap + altezza uguale ===== */





/* ===== INIZIO Box scuro solo sotto le scritte in slider ===== */

.text-highlight-box {
    display: inline-block; /* così il box prende solo lo spazio del contenuto */
    background: rgba(0, 0, 0, 0.55);
    padding: 5px 15px;
    border-radius: 4px;
}

/* migliora leggibilità */
.text-highlight-box h2,
.text-highlight-box h5,
.text-highlight-box p {
    margin-bottom: 0px;
}

/* ===== FINE Box scuro solo sotto le scritte in slider ===== */






/* ===== INIZIO Breadcrumb dettaglio immobile ===== */

.pulsante-vendita-breadcrumb-dettaglio-immobile {
	background-color: #003c82;
}

/* ===== FINE Breadcrumb dettaglio immobile ===== */





/* ===== INIZIO Sidebar dettaglio immobile ===== */

/* Sidebar container */
.property-sidebar{
  position: sticky;
  top: 24px;
}

.contact-cards{
  display: grid;
  gap: 50px; /* spazio tra i pulsanti */
}

/* Card base */
.contact-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 14px;
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(135deg, #003c82, #0678ea);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  border: 1px solid rgba(255,255,255,.16);
  position: relative;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

/* Effetto luce leggero */
.contact-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 30% 30%,
              rgba(255,255,255,.15),
              rgba(255,255,255,0) 60%);
  transform: translateX(-30%);
  transition: transform .35s ease;
  pointer-events:none;
}

.contact-card__icon{
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.2);
  flex: 0 0 46px;
}

.contact-card__icon i{
  font-size: 20px;
}

.contact-card__content{
  display: grid;
  gap: 2px;
}

.contact-card__title{
  font-weight: 700;
  letter-spacing: .3px;
  color: #ffffff;
}

.contact-card__text{
  font-size: 14px;
  line-height: 1.2;
  color: #ffffff;
}

.contact-card__chev{
  margin-left: auto;
  opacity: .9;
  color: #ffffff;
  transition: transform .2s ease;
}

/* Hover migliorato */
.contact-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(0,0,0,.22);
}

.contact-card:hover::before{
  transform: translateX(15%);
}

.contact-card:hover .contact-card__chev{
  transform: translateX(6px);
}

/* Varianti colore */

/* Telefono */
.contact-card--phone{
  background: linear-gradient(135deg, #003c82, #0678ea);
}

/* Email */
.contact-card--email{
  background: linear-gradient(135deg, #0678ea, #003c82);
}

/* WhatsApp verde ufficiale */
.contact-card--wa{
  background: linear-gradient(135deg, #25D366, #128C7E);
}

/* Responsive */
@media (max-width: 480px){

  .contact-cards{
    gap: 35px;
  }

  .contact-card{
    padding: 14px;
  }

  .contact-card__text{
    font-size: 13px;
  }

}

/* ===== FINE Sidebar dettaglio immobile ===== */












/* ===== INIZIO Dettaglio immobile ===== */

.testo-specifiche-tecniche {
	font-size: 16px;
}

.icone-specifiche-tecniche {
	font-size: 25px;
	color: #003c82;
	margin-right: 8px;
}

/* ===== INIZIO Dettaglio immobile ===== */








/* ------------------------------------------ */
/*	PUNTI ELENCO */
/* ------------------------------------------ */

ul.a {
  list-style-type: circle;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.b {
  list-style-type: square;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}
	
ul.c {
  list-style-type: disc;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}	

ul.d {
  list-style-type: decimal;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.e {
  list-style-type: lower-alpha;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}
	
ul.f {
  list-style-type: lower-roman;
  margin-left: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}	

li {
	padding-bottom: 8px;
}


/* ------------------------------------------ */
/*	----------------------------------------- */