/* =========================
		   CONTATO YESCOM
		========================= */
		html, body{
		overflow-x:hidden;
		}
	
		.ys-contact-hero {
		  position: relative;
		  padding: 110px 0 90px;
		  background: linear-gradient(135deg, #002b5c 0%, #004b8d 55%, #009fe3 100%);
		  color: #fff;
		  overflow: hidden;
		}

		.ys-contact-hero:before {
		  content: "";
		  position: absolute;
		  width: 420px;
		  height: 420px;
		  right: -120px;
		  top: -140px;
		  border-radius: 50%;
		  background: rgba(255,255,255,.12);
		}

		.ys-contact-hero:after {
		  content: "";
		  position: absolute;
		  width: 260px;
		  height: 260px;
		  left: -80px;
		  bottom: -120px;
		  border-radius: 50%;
		  background: rgba(255,255,255,.08);
		}

		.ys-contact-hero .container {
		  position: relative;
		  z-index: 2;
		}

		.ys-kicker {
		  display: inline-block;
		  padding: 8px 18px;
		  margin-bottom: 18px;
		  border-radius: 50px;
		  background: rgba(255,255,255,.16);
		  font-size: 13px;
		  font-weight: 700;
		  letter-spacing: 1px;
		  text-transform: uppercase;
		}

		.ys-contact-hero h1 {
		  margin: 0 0 18px;
		  font-size: 48px;
		  font-weight: 800;
		  line-height: 1.1;
		}

		.ys-contact-hero p {
		  max-width: 760px;
		  margin: 0 auto;
		  font-size: 18px;
		  line-height: 1.7;
		  color: rgba(255,255,255,.92);
		}

		.ys-contact-section {
		  padding: 70px 0;
		  background: #f4f7fb;
		}

		.ys-contact-cards {
		  margin-bottom: 35px;
		}

		.ys-contact-card {
		  min-height: 275px;
		  margin-bottom: 30px;
		  padding: 34px 28px;
		  background: #fff;
		  border-radius: 22px;
		  text-align: center;
		  box-shadow: 0 15px 35px rgba(0,43,92,.10);
		  border: 1px solid rgba(0,43,92,.06);
		  transition: all .25s ease;
		}

		.ys-contact-card:hover {
		  transform: translateY(-6px);
		  box-shadow: 0 22px 45px rgba(0,43,92,.16);
		}

		.ys-contact-icon {
		  width: 66px;
		  height: 66px;
		  line-height: 66px;
		  margin: 0 auto 20px;
		  border-radius: 20px;
		  background: linear-gradient(135deg, #002b5c, #009fe3);
		  color: #fff;
		  font-size: 30px;
		  font-weight: 700;
		}

		.ys-contact-card h3 {
		  margin: 0 0 14px;
		  color: #002b5c;
		  font-size: 23px;
		  font-weight: 800;
		}

		.ys-contact-card p {
		  margin-bottom: 18px;
		  color: #5d6d7e;
		  font-size: 15px;
		  line-height: 1.65;
		}

		.ys-contact-link {
		  display: inline-block;
		  color: #004b8d;
		  font-weight: 800;
		  word-break: break-word;
		}

		.ys-contact-link:hover,
		.ys-contact-link:focus {
		  color: #009fe3;
		  text-decoration: none;
		}

		.ys-contact-muted {
		  color: #7b8794;
		}
		
		/* Ajuste de respiro lateral dos cards */
		.ys-contact-section .container {
		  padding-left: 24px;
		  padding-right: 24px;
		}

		.ys-contact-cards {
		  margin-left: -10px;
		  margin-right: -10px;
		}

		.ys-contact-cards > [class*="col-"] {
		  padding-left: 10px;
		  padding-right: 10px;
		}		

		.ys-alert-box {
		  position: relative;
		  padding: 45px 45px 38px;
		  background: #fff;
		  border-radius: 26px;
		  box-shadow: 0 18px 45px rgba(0,43,92,.12);
		  border-left: 7px solid #009fe3;
		}

		.ys-alert-badge {
		  display: inline-block;
		  margin-bottom: 16px;
		  padding: 7px 16px;
		  border-radius: 50px;
		  background: #e9f7ff;
		  color: #004b8d;
		  font-size: 12px;
		  font-weight: 800;
		  letter-spacing: .8px;
		  text-transform: uppercase;
		}

		.ys-alert-box h2 {
		  margin: 0 0 16px;
		  color: #002b5c;
		  font-size: 30px;
		  font-weight: 800;
		}

		.ys-alert-box p {
		  color: #5d6d7e;
		  font-size: 16px;
		  line-height: 1.75;
		}

		.ys-info-list {
		  margin-top: 25px;
		}

		.ys-info-item {
		  min-height: 105px;
		  margin-bottom: 18px;
		  padding: 20px;
		  border-radius: 18px;
		  background: #f4f7fb;
		  border: 1px solid rgba(0,43,92,.06);
		}

		.ys-info-item strong {
		  display: block;
		  margin-bottom: 8px;
		  color: #002b5c;
		  font-size: 16px;
		}

		.ys-info-item span {
		  display: block;
		  color: #627386;
		  font-size: 14px;
		  line-height: 1.55;
		}

		.ys-main-action {
		  margin-top: 20px;
		}

		.ys-btn-primary {
		  display: inline-block;
		  padding: 15px 30px;
		  border-radius: 50px;
		  background: linear-gradient(135deg, #002b5c, #009fe3);
		  color: #fff !important;
		  font-size: 15px;
		  font-weight: 800;
		  text-transform: uppercase;
		  letter-spacing: .5px;
		  box-shadow: 0 12px 28px rgba(0,75,141,.25);
		  transition: all .25s ease;
		}

		.ys-btn-primary:hover,
		.ys-btn-primary:focus {
		  color: #fff !important;
		  text-decoration: none;
		  transform: translateY(-3px);
		  box-shadow: 0 18px 35px rgba(0,75,141,.32);
		}
		
		/* =========================
		   CORREÇÃO FINAL - RESPIRO CONTATO
		========================= */

		.ys-contact-section {
		  padding-left: 20px !important;
		  padding-right: 20px !important;
		  box-sizing: border-box;
		}

		.ys-contact-section .container {
		  width: 100% !important;
		  max-width: 1170px !important;
		  padding-left: 15px !important;
		  padding-right: 15px !important;
		  margin-left: auto !important;
		  margin-right: auto !important;
		  box-sizing: border-box;
		}

		.ys-contact-cards {
		  margin-left: -12px !important;
		  margin-right: -12px !important;
		}

		.ys-contact-cards > div {
		  padding-left: 12px !important;
		  padding-right: 12px !important;
		}

		.ys-contact-card,
		.ys-alert-box {
		  box-sizing: border-box;
		}

		/* MOBILE */
		@media (max-width: 767px) {
		  .ys-contact-hero {
			padding: 85px 0 65px;
		  }

		  .ys-contact-hero h1 {
			font-size: 34px;
		  }

		  .ys-contact-hero p {
			font-size: 16px;
		  }

		  .ys-contact-section {
			padding: 45px 0;
		  }

		  .ys-contact-card {
			min-height: auto;
			padding: 28px 22px;
		  }

		  .ys-alert-box {
			padding: 32px 24px;
			border-radius: 22px;
		  }

		  .ys-alert-box h2 {
			font-size: 24px;
		  }

		  .ys-btn-primary {
			width: 100%;
			padding: 15px 18px;
			font-size: 13px;
		  }
		}
		
		/* MOBILE */
		@media (max-width: 767px) {
		  .ys-contact-section {
			padding-left: 18px !important;
			padding-right: 18px !important;
		  }

		  .ys-contact-section .container {
			padding-left: 0 !important;
			padding-right: 0 !important;
		  }

		  .ys-contact-cards {
			margin-left: 0 !important;
			margin-right: 0 !important;
		  }

		  .ys-contact-cards > div {
			padding-left: 0 !important;
			padding-right: 0 !important;
		  }

		  .ys-contact-card {
			width: 100%;
			margin-left: auto !important;
			margin-right: auto !important;
		  }

		  .ys-alert-box {
			margin-left: 0 !important;
			margin-right: 0 !important;
		  }
		}

		/* Mobile: mais respiro nas laterais */
		@media (max-width: 767px) {
		  .ys-contact-section .container {
			padding-left: 22px;
			padding-right: 22px;
		  }

		  .ys-contact-cards {
			margin-left: 0;
			margin-right: 0;
		  }

		  .ys-contact-cards > [class*="col-"] {
			padding-left: 0;
			padding-right: 0;
		  }

		  .ys-contact-card {
			margin-left: 0;
			margin-right: 0;
		  }
		}

		@media (min-width: 992px) {
		  .ys-contact-cards > [class*="col-"] {
			padding-left: 14px;
			padding-right: 14px;
		  }

		  .ys-contact-cards {
			margin-left: -14px;
			margin-right: -14px;
		  }
		}