.contact-page{color:#101828}.contact-hero{min-height:971px;padding:90px 0 76px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(16,24,40,.96),rgba(30,41,57,.88)),url('../images/hero-epoxy-provisorio.png') center/cover no-repeat}.contact-grid{display:grid;grid-template-columns:minmax(0,520px) 634px;gap:92px;align-items:center}.contact-copy h1{max-width:500px;margin:0 0 25px;color:#fff;font-size:48px;line-height:1.23;font-weight:800;letter-spacing:-.02em}.contact-copy>p{max-width:500px;margin:0 0 29px;color:rgba(255,255,255,.56);font-size:17px;line-height:1.72}.contact-copy>p+p{margin-top:30px}.contact-list{margin-top:51px;display:grid;gap:24px;font-style:normal}.contact-list>a,.contact-list>span{width:max-content;display:flex;align-items:center;gap:20px;color:#fff;text-decoration:none;font-size:16px;line-height:1.5}.contact-list i{width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(216,154,43,.42);border-radius:14px;display:grid;place-items:center;color:#d89a2b;font-size:18px}.contact-list span span{display:block}.contact-list strong{display:block;margin-bottom:4px;color:rgba(255,255,255,.55);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.14em}.contact-card{padding:48px;border-radius:17px;background:#fff;color:#101828;box-shadow:0 20px 45px rgba(4,9,18,.2)}.contact-card form{display:grid;gap:25px}.contact-card label{display:grid;gap:10px;color:#27354a;font-size:14px;font-weight:500}.contact-card input,.contact-card textarea{width:100%;border:1px solid #d3d9e2;border-radius:8px;background:#fff;padding:0 15px;color:#101828;font:400 15px Poppins,sans-serif;outline:none}.contact-card input{height:51px}.contact-card textarea{height:124px;padding-top:14px;resize:vertical}.contact-card input:focus,.contact-card textarea:focus{border-color:#2d266e;box-shadow:0 0 0 3px rgba(45,38,110,.12)}.contact-card .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-card .consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400}.contact-card .consent input{width:16px;height:16px;margin-top:1px}.contact-card .consent a{color:#2d266e}.contact-submit{width:100%;height:68px;border-radius:999px;background:linear-gradient(100deg,#cd2617,#a7170c);box-shadow:0 15px 25px rgba(153,24,15,.22);font-size:16px;font-weight:600}.contact-submit i{margin-left:8px}.contact-faq{min-height:869px;padding:80px 0 96px;background:#e4e4e4}.contact-faq-heading{text-align:center;margin-bottom:64px}.contact-faq-heading h2{margin:0 0 8px;color:#101828;font-size:48px;line-height:1.15;font-weight:800}.contact-faq-heading p{margin:0;color:#475467;font-size:18px}.contact-faq .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 46px;align-items:start}.contact-faq details{border:0;border-radius:15px;background:#f9fafb;padding:0 32px}.contact-faq summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;color:#101828;font-size:17px;font-weight:600;cursor:pointer}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;color:#9810fa;font-size:15px}.contact-faq details[open] summary::after{content:'\f077';color:#ff6467}.contact-faq details p{margin:-3px 0 0;padding:0 0 27px;color:#475467;font-size:15px;line-height:1.6}@media(max-width:1100px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(440px,1fr);gap:50px}.contact-card{padding:36px}.contact-list>a,.contact-list>span{width:auto}}@media(max-width:900px){.contact-hero{padding:72px 0}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-copy{max-width:620px}.contact-card{width:min(634px,100%)}.contact-faq .faq-grid{grid-template-columns:1fr}.contact-faq{min-height:0}}@media(max-width:640px){.contact-hero{padding:56px 0}.contact-copy h1{font-size:39px}.contact-copy>p{font-size:15px}.contact-card{padding:24px 20px}.contact-card .form-pair{grid-template-columns:1fr}.contact-card form{gap:18px}.contact-submit{height:58px}.contact-faq{padding:62px 0}.contact-faq-heading{margin-bottom:38px}.contact-faq-heading h2{font-size:34px}.contact-faq-heading p{font-size:15px}.contact-faq .faq-grid{gap:12px}.contact-faq details{padding:0 20px}.contact-faq summary{min-height:68px;font-size:15px}}
