.contact-page{--copper:#b86f4d;--copper-text:#8b543c;align-items:start}
.contact-page>div,.contact-page .form-panel{min-width:0}
.contact-page .eyebrow{color:var(--copper-text)}
.contact-page h1::after{content:"";display:block;width:88px;height:4px;margin-top:28px;background:var(--copper)}
.contact-channels{margin-top:26px;padding:0 24px;background:var(--fog);border-left:4px solid var(--copper);border-radius:0 8px 8px 0;font-style:normal}
.contact-channel{display:grid;gap:7px;padding:20px 0;text-decoration:none}
.contact-channels>a+*,.contact-channels>div+*{border-top:1px solid #cdd4cf}
.contact-label{color:var(--copper-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.contact-value{display:flex;justify-content:space-between;gap:16px;color:var(--green);font-size:16px;font-weight:600;overflow-wrap:anywhere}
.contact-value>span{color:var(--copper-text);flex-shrink:0}
.contact-phone .contact-channel{padding-bottom:9px}
.contact-whatsapp{display:inline-block;margin-bottom:20px;color:var(--copper-text);font-size:13px;font-weight:600;text-underline-offset:4px}
.contact-channel:hover .contact-value{text-decoration:underline;text-underline-offset:5px}
.contact-channels a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.contact-page .form-panel{border-top:4px solid var(--copper)}
@media(max-width:620px){.contact-channels{padding:0 18px}.contact-value{font-size:14px;gap:10px}}