.contact-options { display: grid; gap: 12px; margin-top: 25px; max-width: 430px; }
.contact-option { width: 100%; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--green); border-radius: 6px; color: var(--green); background: #e6eadb; text-align: left; }
.contact-option-whatsapp { background: transparent; }
.contact-option:hover { background: #dce5ca; }
.contact-option > svg { width: 25px; height: 25px; flex: 0 0 25px; }
.contact-option-copy { display: grid; gap: 5px; flex: 1; min-width: 0; }
.contact-option-copy strong { font: 700 20px/1.3 var(--serif); letter-spacing: -.5px; }
.contact-option-copy small { font-size: 11px; line-height: 1.5; }
.contact-option > span:last-child { font-size: 22px; }
.contact-badge { width: max-content; font-size: 8px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; border: 1px solid var(--line); padding: 4px 6px; border-radius: 3px; }
.contact-dialog { width: min(530px, calc(100% - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; padding: 36px; border: 1px solid var(--green); border-radius: 9px; color: var(--green); background: var(--cream); }
.close-contact { position: absolute; top: 10px; right: 10px; }
.contact-dialog > .eyebrow { margin: 5px 35px 18px 0; }
.contact-dialog h2 { font-size: 36px; letter-spacing: -1.3px; margin-bottom: 18px; }
.contact-dialog p { font-size: 13px; line-height: 1.7; }
.contact-form { display: grid; gap: 17px; margin-top: 22px; }
.contact-form label { display: grid; gap: 8px; font-size: 12px; font-weight: 700; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; min-width: 0; border: 1px solid #183e2e60; border-radius: 4px; padding: 11px 12px; background: transparent; color: var(--green); font: 16px/1.5 var(--sans); }
.contact-form textarea { min-height: 135px; resize: vertical; }
.contact-form textarea:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.contact-form button { width: 100%; justify-content: center; }
.contact-form button:disabled { opacity: .55; }
#contact-whatsapp-panel p { margin-bottom: 20px; }
#contact-whatsapp-panel .button:disabled { opacity: .55; width: 100%; justify-content: center; }
.contact-status { margin-top: 16px; }
@media(max-width:580px) {
  .contact-dialog { padding: 33px 22px 25px; }
  .contact-dialog h2 { font-size: 29px; }
  .contact-option { padding: 16px; gap: 12px; }
  .contact-option-copy strong { font-size: 19px; }
}