aracaju-contact{display:block}
.contact{max-width:1440px;margin:auto;padding:110px clamp(24px,4vw,64px) 0;background:#fff}
.contact__heading{text-align:center;max-width:1100px;margin:0 auto 48px}
.contact h2{margin:0;color:#080f31;font:750 clamp(42px,5.65vw,80px)/1.02 var(--font-display);letter-spacing:-.048em}
.contact h2>span{display:block}
.contact__intro{margin:28px 0 0;color:#536b84;font-size:clamp(20px,2.3vw,32px);line-height:1.35;letter-spacing:-.02em}
.contact__card{max-width:760px;margin:auto;padding:36px 48px 38px;border:1px solid #dce9f8;border-radius:23px;background:linear-gradient(145deg,#fbfdff,#f6faff);box-shadow:0 24px 55px #235e9a12;text-align:center;perspective:1400px}
.contact__eyebrow{margin:0 0 22px;color:#235e9a;font-size:14px;letter-spacing:.19em;line-height:1.5}
.contact__phone{display:flex;align-items:center;justify-content:center;gap:28px;min-height:90px;padding:16px 24px;border:1px solid #d3e4f9;border-radius:20px;text-decoration:none;background:#ffffffb8;box-shadow:0 9px 24px #235e9a0a;color:#080f31;font-size:clamp(28px,3vw,43px);font-weight:750;letter-spacing:-.035em;line-height:1.15;white-space:nowrap;transition:background .25s,box-shadow .25s}
.contact__phone-icon{display:flex;align-items:center;padding-right:28px;border-right:1px solid #cbdcf1;flex:0 0 auto;color:#155fac}
.contact__phone svg{width:34px;height:42px}
.contact__phone:hover{background:white;box-shadow:0 10px 30px #235e9a1a}
.contact__whatsapp{display:flex;align-items:center;justify-content:center;gap:22px;min-height:84px;margin-top:22px;padding:16px 25px;border-radius:999px;background:linear-gradient(160deg,#099867,#087b58);color:white;text-decoration:none;font-size:clamp(17px,2vw,26px);font-weight:600;letter-spacing:-.025em;line-height:1.2;box-shadow:0 14px 25px #087b5817;transition:transform .25s,box-shadow .25s,background .25s}
.contact__whatsapp svg:first-child{width:39px;height:39px;flex:0 0 39px;stroke-width:1.6}
.contact__whatsapp svg:last-child{width:29px;height:29px;flex:0 0 29px;transition:transform .3s}
.contact__whatsapp:hover{transform:translateY(-3px);background:#087b58;box-shadow:0 20px 28px #087b5823}
.contact__whatsapp:hover svg:last-child{transform:translateX(5px)}
.contact__whatsapp:active,.contact__phone:active{scale:.98}
.contact__footer{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:96px;padding:32px 0 22px;border-top:1px solid #b9cfe7;color:#235e9a;font-size:16px}
.contact__address{display:flex;align-items:center;gap:19px;min-width:0}
.contact__address>svg{width:28px;height:32px;flex:0 0 28px;color:#155fac}
.contact__address address{font-style:normal;line-height:1.45}
.contact__address strong{display:block;color:#102039;font-weight:600}
.contact__address address>span{display:block;color:#536b84;margin-top:2px}
.contact__links{display:flex;align-items:center;justify-content:center;gap:25px;padding:0 27px;border-inline:1px solid #b9cfe7}
.contact__links a,.contact__top{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;white-space:nowrap;text-underline-offset:6px}
.contact__links a:hover,.contact__top:hover{text-decoration:underline}
.contact__top{gap:8px;color:#536b84}
@media(max-width:1050px) and (min-width:701px){.contact__footer{flex-wrap:wrap;justify-content:center;gap:14px 24px}.contact__address{width:100%;justify-content:center}.contact__links{border-left:0;padding-left:0}}
@media(max-width:700px){
 .contact{padding:70px 22px 0}
 .contact__heading{max-width:340px;margin-bottom:34px}
 .contact h2{font-size:clamp(34px,9.7vw,43px);line-height:1.06;letter-spacing:-.045em}
 .contact h2>span:last-child{max-width:320px;margin:auto}
 .contact__intro{margin-top:23px;font-size:23px;line-height:1.35}
 .contact__card{padding:24px 20px;border-radius:15px}
 .contact__eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:15px}
 .contact__phone{min-height:65px;padding:14px 12px;gap:15px;border-radius:16px;font-size:clamp(20px,6.7vw,30px)}
 .contact__phone-icon{padding-right:15px}
 .contact__phone svg{width:23px;height:29px}
 .contact__whatsapp{min-height:62px;margin-top:19px;padding:13px 16px;gap:12px;font-size:14px;letter-spacing:-.02em}
 .contact__whatsapp svg:first-child{width:28px;height:28px;flex-basis:28px}
 .contact__whatsapp svg:last-child{width:22px;height:22px;flex-basis:22px}
 .contact__footer{display:block;margin-top:38px;padding:24px 0 0;font-size:16px}
 .contact__address{gap:17px;padding:5px 5px 20px}
 .contact__address>svg{width:26px;flex-basis:26px}
 .contact__address address{font-size:15px;letter-spacing:-.02em}
 .contact__links{display:block;margin-top:3px;padding:10px 12px 18px;border:0;border-top:1px solid #b9cfe7;border-bottom:1px solid #b9cfe7}
 .contact__links a{justify-content:flex-start;display:flex;min-height:44px;padding:6px 12px;border-bottom:1px solid #e0e9f2}
 .contact__links a:last-child{border-bottom:0}
 .contact__top{justify-content:flex-start;padding:13px 24px;margin:8px 0 0}
}
@media(max-width:360px){.contact{padding-inline:16px}.contact__heading{max-width:290px}.contact__intro{font-size:21px}.contact__card{padding-inline:15px}.contact__phone{gap:10px;padding-inline:9px}.contact__phone-icon{padding-right:10px}.contact__whatsapp{gap:9px;padding-inline:11px;font-size:12.5px}}
aracaju-contact[reduced] *{transition:none!important;scale:1!important}
aracaju-contact[reduced] .contact__whatsapp:hover,aracaju-contact[reduced] .contact__whatsapp:hover svg:last-child{transform:none}
@media(prefers-reduced-motion:reduce){.contact *{transition:none!important}.contact__whatsapp:hover{transform:none}.contact__whatsapp:hover svg:last-child{transform:none}}