:root{--brand-green:#083c29;--brand-green-dark:#052c20;--brand-gold:#e4b64f}
body{background:var(--brand-green)}
.top{background:var(--brand-green)}
.modal-bg{background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green) 62%,#17623d)}
.modal{width:min(500px,100%);border-radius:24px;padding:0 32px 32px;box-shadow:0 28px 70px #00170e66;overflow:hidden}
.modal:before{content:"";display:block;width:calc(100% + 64px);height:122px;margin:0 -32px 28px;background:var(--brand-green-dark) url('/commercial/assets/benesst-logo-oficial.png') center/250px auto no-repeat;border-bottom:3px solid var(--brand-gold)}
.modal header h2{font-size:28px;margin:0 0 12px}.modal header .close{margin-top:8px}
.modal p{line-height:1.55}.modal .field{margin:16px 0}.modal .field input,.modal .field select,.modal .field textarea{min-height:50px}
.modal .action{width:100%;min-height:50px;background:var(--brand-gold);color:var(--brand-green);border-radius:13px;font-weight:900}
@media(max-width:560px){.modal{padding:0 22px 24px}.modal:before{width:calc(100% + 44px);margin:0 -22px 24px;background-size:220px auto}.modal header h2{font-size:24px}}