/* apparecchio-fisso - Valdent */
body.tp-style-50 #grazie h2.heading {
  text-align: center !important;
}
body.tp-style-50 #grazie .astroid-text,
body.tp-style-50 #grazie div:not([class]),
body.tp-style-50 #grazie p {
  text-align: center !important;
}

/* Formato acquisito da apparecchio-fisso.gr8.com: solo sezioni dell'ID 50. */
body.tp-style-50 #hero {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  border-bottom: 1px solid rgba(51, 51, 51, .28);
  background: #edf7fd;
}

body.tp-style-50 #hero::before {
  position: absolute;
  z-index: 0;
  inset: -8px;
  background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.34) 42%, rgba(255,255,255,.92) 67%, rgba(255,255,255,.98)), url('/images/touch_point/apparecchio_fisso/donna%20sorridente%20con%20gli%20apparecchi%20dentali_files/bretelle-in-ceramica-e-metallo-su-denti_5219-6981.jpg') center / cover no-repeat;
  filter: blur(2px);
  content: '';
}

body.tp-style-50 #hero .astroid-row {
  position: relative;
  z-index: 1;
  min-height: 270px;
}

body.tp-style-50 #hero .astroid-column:first-child { display: none; }

body.tp-style-50 #hero .astroid-column:last-child {
  display: flex;
  min-height: 270px;
  flex: 0 0 100%;
  max-width: 100%;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 62px 4.8% 30px 37.8%;
  text-align: right;
}

body.tp-style-50 #hero #logo {
  display: block !important;
  order: 1;
  width: 138px !important;
  height: auto !important;
  margin: 0 0 10px auto !important;
}

body.tp-style-50 #hero #logo img {
  display: block;
  width: 138px !important;
  height: auto !important;
}

body.tp-style-50 #hero .astroid-divider {
  display: block !important;
  order: 2;
  width: 80%;
  height: 5px;
  margin: 0 0 12px auto;
  background: #01b8ed;
}

body.tp-style-50 #hero .astroid-divider .divider-content { background: #01b8ed; }
body.tp-style-50 #hero .astroid-heading { order: 3; }

body.tp-style-50 #hero h1,
body.tp-style-50 #hero h2 {
  max-width: 650px;
  margin: 0 !important;
  color: #d1428d !important;
  font-size: clamp(42px, 4.6vw, 68px) !important;
  font-weight: 800;
  line-height: 1.06;
  text-align: right !important;
  text-shadow: none;
}

/* Blocco bianco subito sotto il frontespizio, come nella schermata approvata. */
body.tp-style-50 #grazie {
  margin: 0;
  padding: 44px 20px 18px;
  background: #fff;
  box-shadow: 0 5px 7px rgba(0, 0, 0, .28);
}

body.tp-style-50 #grazie h2.heading {
  max-width: 760px;
  margin: 0 auto 12px;
  color: #129ddd !important;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.02;
  text-align: center !important;
}

body.tp-style-50 #grazie .astroid-text,
body.tp-style-50 #grazie div:not([class]),
body.tp-style-50 #grazie p {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
  color: #3c5875;
  font-size: clamp(19px, 2.1vw, 27px);
  line-height: 1.12;
  text-align: center !important;
}

body.tp-style-50 #supporto {
  margin: 0;
  padding: 20px 20px 0;
  background: #fff;
}

body.tp-style-50 #supporto .heading {
  margin: 0;
  color: #d1418d !important;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  text-align: center !important;
}

/* Testo accanto a Giorgia: colonna contenuta, senza dilatazione su desktop. */
body.tp-style-50 #supporto .astroid-row {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
}

body.tp-style-50 #supporto .astroid-text,
body.tp-style-50 #supporto .astroid-content-text {
  max-width: 510px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  line-height: 1.35;
}

body.tp-style-50 #tutto {
  min-height: 66px;
  padding: 12px 20px;
  border: 0;
  background: linear-gradient(180deg, #019ddb, #d1418d);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .23);
}

body.tp-style-50 #tutto .heading {
  margin: 0;
  color: #fff !important;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  text-align: center !important;
}

body.tp-style-50 #cosa {
  padding: 58px 20px;
  background: #fff;
}

body.tp-style-50 #cosa .img-text {
  display: flex !important;
  max-width: 980px;
  margin: 0 auto;
  gap: 36px;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
}

body.tp-style-50 #cosa .img-text .astroid-image {
  width: 220px !important;
  flex: 0 0 220px !important;
  text-align: center;
}

body.tp-style-50 #cosa .img-text .astroid-image img {
  width: 190px !important;
  height: 190px !important;
  border: 4px solid #d1418d;
  border-radius: 50%;
  object-fit: cover;
}

body.tp-style-50 #cosa .img-text .astroid-text {
  width: auto !important;
  flex: 0 1 650px !important;
  padding: 0 !important;
}

body.tp-style-50 #cosa .img-text h3 {
  margin-bottom: 6px;
  color: #01a5df;
  font-size: clamp(30px, 2.8vw, 38px);
  font-weight: 800;
  text-align: left !important;
}

body.tp-style-50 #cosa .img-text p {
  font-size: 18px;
  line-height: 1.35;
  text-align: justify !important;
}

body.tp-style-50 #trattamento {
  padding: 0 20px 55px;
  border-top: 5px solid #d6d6d6;
  background: #fff url('/images/touch_point/apparecchio_fisso/64f597bf-65f8-4011-9507-aa044ec17885.png') center top / 864px repeat;
}

body.tp-style-50 #trattamento .textcard {
  max-width: 975px;
  margin: 0 auto 38px;
  padding-top: 0;
}

body.tp-style-50 #trattamento .textcard .astroid-image {
  display: flex;
  justify-content: center;
  margin-top: -46px;
}

body.tp-style-50 #trattamento .textcard .astroid-image img {
  width: 100px !important;
  height: 100px !important;
  margin: 0 !important;
  padding: 10px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
  object-fit: contain;
}

body.tp-style-50 #trattamento .textcard .astroid-text {
  margin: 10px auto 0;
  padding: 16px 42px;
  border-radius: 10px;
  background: #6dbddc;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .32);
  color: #fff;
  font-size: clamp(20px, 2vw, 29px);
  font-weight: 700;
  text-align: justify;
  text-shadow: 0 2px 2px rgba(0, 0, 0, .45);
}

body.tp-style-50 #trattamento .textcard .astroid-text,
body.tp-style-50 #trattamento .textcard .astroid-text p,
body.tp-style-50 #trattamento .textcard .astroid-text strong { color: #fff !important; }

/* Le quattro fasi restano sul fondo a texture: nessun riquadro bianco. */
body.tp-style-50 #trattamento .card {
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.tp-style-50 #trattamento .card .card-body {
  padding: 0 !important;
  text-align: center;
}

body.tp-style-50 #trattamento .card .astroid-image,
body.tp-style-50 #trattamento .card .card-img-top {
  display: block;
  margin: 0 auto 8px;
  text-align: center;
}

body.tp-style-50 #trattamento .card .astroid-image img,
body.tp-style-50 #trattamento .card .card-img-top img,
body.tp-style-50 #trattamento .card-img-inside {
  display: block;
  width: 160px !important;
  height: 160px !important;
  margin: 0 auto 8px !important;
  border: 4px solid #d1418d;
  border-radius: 50%;
  box-shadow: none;
  object-fit: cover;
}

body.tp-style-50 #trattamento .card h3,
body.tp-style-50 #trattamento .card .heading {
  margin: 0 0 6px;
  color: #129ddd !important;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center !important;
}

body.tp-style-50 #trattamento .card p,
body.tp-style-50 #trattamento .card .astroid-text {
  max-width: 300px;
  margin: 0 auto 20px;
  color: #3c5875;
  font-size: 18px;
  line-height: 1.2;
  text-align: center !important;
}

/* Contatti: disposizione e pulsanti come nella schermata di riferimento. */
body.tp-style-50 #social {
  padding: 22px 20px 40px;
  border-top: 2px double rgba(51, 51, 51, .28);
  border-bottom: 2px double rgba(51, 51, 51, .28);
  background: #fff;
  text-align: center;
}

body.tp-style-50 #social .heading {
  max-width: 900px;
  margin: 0 auto;
  color: #176d47 !important;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 500;
  line-height: 1.08;
  text-align: center !important;
}

body.tp-style-50 #social .astroid-button-valdent { margin: 46px 0 0; }

body.tp-style-50 #social .astroid-button-valdent .as-gutter-sm {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px min(19vw, 250px);
}

body.tp-style-50 #social .astroid-button-valdent a {
  display: inline-flex;
  min-width: 265px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  border: 0;
  border-radius: 8px;
  background: #09b9ef;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .42);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none !important;
}

body.tp-style-50 #social .astroid-button-valdent a:last-child { background: #28d05a; }

/* Mappa a sinistra e recapiti al centro della colonna destra. */
body.tp-style-50 #footer {
  padding: 62px 20px 16px;
  border-top: 2px solid #aaa;
  background: linear-gradient(180deg, #f8fdff 0%, #c8ecff 32%, #65b9ea 100%);
  color: #3c5875;
}

body.tp-style-50 #footer .astroid-row:first-child { align-items: flex-start; }

body.tp-style-50 #footer #map .heading {
  margin: 0 0 14px;
  color: #129ddd !important;
  font-size: 20px;
  font-weight: 700;
  text-align: center !important;
}

body.tp-style-50 #footer #map .d-flex { justify-content: center; }

body.tp-style-50 #footer iframe {
  display: block;
  width: 100% !important;
  max-width: 625px;
  height: 350px;
  margin: 0 auto;
  border: 0 !important;
}

body.tp-style-50 #footer .astroid-column:nth-child(2),
body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-image,
body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-text,
body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-heading,
body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-image img {
  width: 155px !important;
  height: auto !important;
  margin: 0 auto 8px !important;
}

body.tp-style-50 #footer .astroid-content-heading,
body.tp-style-50 #footer .heading {
  margin: 8px 0;
  color: #129ddd !important;
  font-size: 19px;
  font-weight: 700;
  text-align: center !important;
}

body.tp-style-50 #footer .astroid-content-text,
body.tp-style-50 #footer .astroid-content-text p,
body.tp-style-50 #footer .astroid-content-text ul,
body.tp-style-50 #footer .astroid-content-text li {
  margin: 0;
  padding: 0;
  color: #3c5875;
  font-size: 16px;
  line-height: 1.42;
  list-style: none;
  text-align: center !important;
}

body.tp-style-50 #footer .astroid-column:nth-child(2) .astroid-content-text {
  max-width: 390px;
}

body.tp-style-50 #footer .astroid-icons .row { justify-content: center; }
body.tp-style-50 #footer .astroid-footer {
  margin-top: 20px;
  color: #3c5875;
  text-align: center;
}

@media (max-width: 991.98px) {
  body.tp-style-50 #hero,
  body.tp-style-50 #hero .astroid-row,
  body.tp-style-50 #hero .astroid-column:last-child { min-height: 270px; }
  body.tp-style-50 #hero .astroid-column:last-child { padding: 56px 6% 28px 37%; }
}

@media (max-width: 575.98px) {
  body.tp-style-50 #hero,
  body.tp-style-50 #hero .astroid-row,
  body.tp-style-50 #hero .astroid-column:last-child { min-height: 270px; }
  body.tp-style-50 #hero .astroid-column:last-child { padding: 58px 5% 22px 36%; }
  body.tp-style-50 #hero #logo,
  body.tp-style-50 #hero #logo img { width: 104px !important; }
  body.tp-style-50 #supporto .astroid-row { display: block; }
  body.tp-style-50 #supporto .astroid-text,
  body.tp-style-50 #supporto .astroid-content-text { max-width: 100%; font-size: 17px; }
  body.tp-style-50 #cosa .img-text { display: block !important; }
  body.tp-style-50 #cosa .img-text .astroid-image { margin: 0 auto 18px; }
  body.tp-style-50 #cosa .img-text h3 { text-align: center !important; }
  body.tp-style-50 #trattamento .textcard .astroid-text { padding: 16px 20px; font-size: 19px; }
  body.tp-style-50 #trattamento .card .astroid-image img,
  body.tp-style-50 #trattamento .card .card-img-top img,
  body.tp-style-50 #trattamento .card-img-inside { width: 145px !important; height: 145px !important; }
  body.tp-style-50 #social .astroid-button-valdent a { width: 100%; min-width: 0; }
  body.tp-style-50 #footer { padding: 40px 16px 16px; }
  body.tp-style-50 #footer iframe { height: 280px; }
}