.contact-page {
  padding-top: 135px;
}

.contact-hero {
  max-width: 1500px;
  margin: auto;
  padding: 48px 7% 85px;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 70px;
  align-items: center;
}

.contact-hero-copy h1 {
  margin: 0 0 27px;
  color: #12325c;
  font-size: clamp(64px, 7.3vw, 104px);
  font-weight: 500;
  line-height: 0.99;
  letter-spacing: -0.055em;
}

.contact-hero-copy > p:not(.section-label) {
  max-width: 560px;
  color: #617084;
  font-size: 20px;
  line-height: 1.65;
}

.contact-link {
  display: inline-flex;
  gap: 35px;
  margin-top: 20px;
  padding: 10px 0 12px;
  border-bottom: 1px solid #b7c8d9;
  color: #12325c;
  font-size: 14px;
}

.contact-prompt {
  min-height: 475px;
  padding: 38px 36px 30px;
  border-radius: 20px;
  background: #12325c;
  color: #f5f6f7;
  display: flex;
  flex-direction: column;
}

.prompt-kicker {
  color: #f5c37e;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.contact-prompt h2 {
  margin: 28px 0 15px;
  font-size: clamp(31px, 3vw, 43px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.contact-prompt > p {
  margin: 0;
  color: #c6d7e9;
  font-size: 15px;
  line-height: 1.6;
}

.contact-prompt ol {
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}

.contact-prompt li {
  display: flex;
  gap: 14px;
  align-items: baseline;
  padding: 13px 0;
  border-top: 1px solid #ffffff2b;
  font-size: 14px;
}

.contact-prompt li span {
  color: #f5c37e;
  font-size: 11px;
}

.prompt-signature {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #ffffff2b;
  color: #c6d7e9;
  font-size: 11px;
}

.prompt-signature img {
  width: 28px;
  height: auto;
}

.contact-conversation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: start;
  padding: 85px 7% 95px;
  background: #e8edf3;
}

.conversation-intro h2 {
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.conversation-intro > p:last-child {
  max-width: 520px;
  margin-top: 26px;
  color: #617084;
  font-size: 17px;
  line-height: 1.7;
}

.conversation-points article {
  display: flex;
  gap: 20px;
  padding: 21px 0;
  border-top: 1px solid #bdcbdc;
}

.conversation-points article:last-child {
  border-bottom: 1px solid #bdcbdc;
}

.conversation-points article > span {
  padding-top: 5px;
  color: #8a5a05;
  font-size: 12px;
}

.conversation-points h3 {
  margin: 0 0 7px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.conversation-points p {
  margin: 0;
  color: #617084;
  font-size: 14px;
  line-height: 1.6;
}

.contact-channel {
  display: grid;
  grid-template-columns: 1fr 0.82fr;
  gap: 80px;
  align-items: center;
  max-width: 1500px;
  margin: auto;
  padding: 80px 7%;
}

.contact-channel h2 {
  color: #12325c;
  font-size: clamp(39px, 4.8vw, 68px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -0.045em;
}

.contact-channel > div:first-child > p:not(.section-label):not(.email-option) {
  max-width: 570px;
  margin-top: 22px;
  color: #617084;
  font-size: 16px;
  line-height: 1.7;
}

.whatsapp-cta {
  display: inline-flex;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  padding: 16px 22px;
  border-radius: 999px;
  background: #12325c;
  color: #fff;
  font-size: 14px;
  transition: transform 0.2s ease, background 0.2s ease;
}

.whatsapp-cta:hover {
  transform: translateY(-2px);
  background: #1c477d;
}

.whatsapp-cta span {
  color: #f5c37e;
}

.email-option {
  margin-top: 16px !important;
  font-size: 13px !important;
}

.email-option a,
.phone-label a {
  color: #12325c;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.channel-status {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 24px;
  border: 1px solid #e0e6ed;
  border-radius: 12px;
  background: #fff;
}

.channel-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: #edf2f7;
  color: #12325c;
}

.channel-status strong {
  color: #12325c;
  font-weight: 500;
}

.channel-status p {
  margin: 8px 0 0;
  color: #617084;
  font-size: 13px;
  line-height: 1.6;
}

.channel-status .phone-label {
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid #e0e6ed;
}

.contact-services {
  padding: 70px 6% 82px;
  border-radius: 28px 28px 0 0;
  background: #12325c;
  color: #fff;
  text-align: center;
}

.contact-services .section-label {
  color: #d4e0ed;
}

.contact-services h2 {
  margin: 0 auto 28px;
  font-size: clamp(38px, 5vw, 68px);
}

.contact-services .button {
  display: inline-flex;
}

@media (max-width: 900px) {
  .contact-hero {
    gap: 35px;
    padding-right: 6%;
    padding-left: 6%;
  }

  .contact-prompt {
    min-height: 455px;
    padding: 32px 27px;
  }

  .contact-conversation {
    gap: 45px;
    padding-right: 6%;
    padding-left: 6%;
  }

  .contact-channel {
    gap: 40px;
    padding-right: 6%;
    padding-left: 6%;
  }
}

@media (max-width: 600px) {
  .contact-page {
    padding-top: 95px;
  }

  .contact-hero {
    display: block;
    padding: 38px 6% 55px;
  }

  .contact-hero-copy h1 {
    margin-bottom: 22px;
    font-size: clamp(55px, 14vw, 76px);
  }

  .contact-hero-copy > p:not(.section-label) {
    font-size: 17px;
    line-height: 1.6;
  }

  .contact-link {
    margin-top: 12px;
    font-size: 13px;
  }

  .contact-prompt {
    min-height: 420px;
    margin-top: 38px;
    padding: 29px 25px 24px;
    border-radius: 14px;
  }

  .contact-prompt h2 {
    margin-top: 23px;
    font-size: 34px;
  }

  .contact-prompt > p {
    font-size: 14px;
  }

  .contact-prompt li {
    font-size: 13px;
  }

  .contact-conversation {
    display: block;
    padding: 60px 6% 65px;
  }

  .conversation-intro h2 {
    font-size: 39px;
  }

  .conversation-intro > p:last-child {
    margin: 22px 0 32px;
    font-size: 16px;
  }

  .conversation-points h3 {
    font-size: 17px;
  }

  .conversation-points p {
    font-size: 13px;
  }

  .contact-channel {
    display: block;
    padding: 60px 6%;
  }

  .contact-channel h2 {
    font-size: 43px;
  }

  .contact-channel > div:first-child > p:not(.section-label):not(.email-option) {
    font-size: 15px;
  }

  .whatsapp-cta {
    box-sizing: border-box;
    width: 100%;
  }

  .email-option {
    margin-top: 14px !important;
  }

  .channel-status {
    margin-top: 30px;
    padding: 20px;
  }

  .contact-services {
    padding: 58px 6% 65px;
    border-radius: 22px 22px 0 0;
  }

  .contact-services h2 {
    font-size: 39px;
  }

  .contact-services .button {
    gap: 16px;
    padding: 16px 19px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-link,
  .whatsapp-cta {
    transition: none;
  }
}

/* Contato com ação principal grande, código escaneável e rede oficial. */
.contact-hero-copy .contact-link{transition:gap .28s ease,color .28s ease}
.contact-hero-copy .contact-link:hover{gap:48px;color:#1e4f8f}
.contact-channel{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:65px}
.whatsapp-cta{min-height:64px;gap:35px;margin-top:30px;padding:19px 28px;font-size:18px;font-weight:500;box-shadow:0 12px 28px #0b1e3a20}
.whatsapp-cta span{font-size:22px;transition:transform .25s ease}
.whatsapp-cta:hover{transform:translateY(-4px) scale(1.01);background:#1a4276;box-shadow:0 18px 40px #0b1e3a2c}
.whatsapp-cta:hover span{transform:translate(3px,-3px)}
.contact-connectors{display:grid;gap:18px}
.whatsapp-qr-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:center;padding:20px;border-radius:18px;background:linear-gradient(140deg,#0b1e3a,#12325c 70%,#1a4276);color:#fff;box-shadow:0 18px 38px #0b1e3a20}
.whatsapp-qr-card::after{content:'';position:absolute;z-index:-1;right:-75px;top:-105px;width:230px;height:230px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 25px #ffffff08,0 0 0 52px #ffffff06}
.whatsapp-qr-card img{width:155px;height:155px;padding:9px;border-radius:12px;background:#fff;box-shadow:0 8px 25px #0003}
.qr-copy .section-label{margin-bottom:10px;color:#f0a020;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.qr-copy h3{position:relative;margin:0 0 9px;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.025em}
.qr-copy p:not(.section-label){margin:0;color:#d9e4f1;font-size:13px;line-height:1.55}
.contact-socials{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:17px}
.contact-socials a{display:inline-flex;align-items:center;gap:8px;color:#f5f6f7;font-size:13px;text-underline-offset:4px}
.contact-socials a:hover{color:#f0a020;text-decoration:underline}
.contact-socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.channel-status{border-color:#d9e4f1;box-shadow:0 12px 30px #0b1e3a0b}
.contact-page .contact-services{background:radial-gradient(ellipse at 82% 25%,#1a4276 0,transparent 35%),linear-gradient(135deg,#0b1e3a,#12325c 72%)}
.contact-services .button{font-size:16px;padding:18px 24px}
@media(max-width:900px){.contact-channel{grid-template-columns:1fr 1fr;gap:35px}.whatsapp-qr-card{grid-template-columns:125px 1fr;padding:16px;gap:16px}.whatsapp-qr-card img{width:125px;height:125px}.qr-copy h3{font-size:20px}}
@media(max-width:600px){.contact-channel{display:block}.whatsapp-cta{min-height:62px;gap:20px;padding:18px 22px;font-size:17px}.contact-connectors{margin-top:30px}.whatsapp-qr-card{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:15px;border-radius:15px}.whatsapp-qr-card img{width:112px;height:112px;padding:7px}.qr-copy h3{font-size:18px}.qr-copy p:not(.section-label){font-size:12px}.qr-copy .section-label{font-size:9px}.contact-socials{gap:10px;margin-top:13px}.contact-socials a{font-size:12px}.contact-socials svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.contact-hero-copy .contact-link,.whatsapp-cta,.whatsapp-cta span{transition:none}}

.contact-prompt{background:radial-gradient(ellipse at var(--spot-x,88%) var(--spot-y,13%),#1e4f8f 0,transparent 40%),linear-gradient(135deg,#0b1e3a,#12325c 70%)}

/* Contatos ficam juntos; cada QR tem um card próprio e uma ação clara. */
.contact-details-column{min-width:0}
.contact-details{margin-top:35px;padding-top:23px;border-top:1px solid #bdcbdc}
.contact-details h3{margin:0 0 17px;color:#12325c;font-size:18px;font-weight:500}
.contact-details dl,.footer-contact-list{display:grid;gap:13px;margin:0}
.contact-details dl>div,.footer-contact-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;align-items:start}
.contact-details dt,.footer-contact-list dt{color:#617084;font-size:13px}
.contact-details dd,.footer-contact-list dd{margin:0;color:#12325c;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.contact-details a{color:#12325c;text-decoration:underline;text-underline-offset:3px}
.contact-connectors{display:grid;align-content:center;gap:17px}
.social-qr-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);gap:19px;align-items:center;min-width:0;padding:19px;border-radius:18px;box-shadow:0 16px 35px #0b1e3a18}
.whatsapp-qr-card{background:linear-gradient(140deg,#0b1e3a,#12325c 70%,#1a4276);color:#f5f6f7}
.instagram-qr-card{border:1px solid #e5bd73;border-left:5px solid #be7a0e;background:linear-gradient(140deg,#fff5df,#ffe7b6);color:#0e1a2b}
.social-qr-card::after{content:'';position:absolute;z-index:-1;right:-90px;bottom:-140px;width:240px;height:240px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 28px #ffffff0c,0 0 0 58px #ffffff09}
.instagram-qr-card::after{border-color:#8a5a052c;box-shadow:0 0 0 28px #be7a0e0c,0 0 0 58px #be7a0e09}
.social-qr-card>img{display:block;width:132px;height:132px;object-fit:contain;padding:8px;border:0;border-radius:11px;background:#fff;box-shadow:0 7px 20px #0002}
.social-qr-card .qr-copy{min-width:0}
.social-qr-card .qr-copy .section-label{margin-bottom:8px;color:#f0a020;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.instagram-qr-card .qr-copy .section-label{color:#8a5a05}
.social-qr-card .qr-copy h3{margin:0 0 8px;font-size:21px;font-weight:500;line-height:1.17;letter-spacing:-.025em}
.social-qr-card .qr-copy p:not(.section-label){margin:0;color:#d9e4f1;font-size:13px;line-height:1.55}
.instagram-qr-card .qr-copy p:not(.section-label){color:#3d4652}
.instagram-qr-card .qr-copy>a{display:inline-block;margin-top:11px;color:#6a4300;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.footer-contact-list{gap:9px;margin-top:16px}
.footer-contact-list>div{grid-template-columns:75px minmax(0,1fr);gap:10px}
.footer-contact-list dt{color:#93a7c1;font-size:11px}
.footer-contact-list dd{color:#d9e4f1;font-size:12px}
.footer-contact-list a{margin:0!important;color:inherit!important;font-size:inherit!important;overflow-wrap:anywhere}
.footer-whatsapp{margin-top:12px!important;color:#f0a020;font-size:14px!important}
@media(max-width:900px){.contact-channel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.social-qr-card{grid-template-columns:102px minmax(0,1fr);gap:14px;padding:15px}.social-qr-card>img{width:102px;height:102px}.social-qr-card .qr-copy h3{font-size:18px}.social-qr-card .qr-copy p:not(.section-label){font-size:12px}}
@media(max-width:600px){.contact-channel{display:block}.contact-details-column{margin-bottom:32px}.contact-details dl>div{grid-template-columns:82px minmax(0,1fr);gap:10px}.contact-connectors{margin-top:0}.social-qr-card{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:15px;border-radius:15px}.social-qr-card>img{width:112px;height:112px;padding:7px}.social-qr-card .qr-copy h3{font-size:18px}.social-qr-card .qr-copy p:not(.section-label){font-size:12px}.social-qr-card .qr-copy .section-label{font-size:9px}.footer-contact-list>div{grid-template-columns:70px minmax(0,1fr)}}
