.hp-commercial-contact{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;border:1px solid #ccdae6;border-radius:10px;padding:25px;margin:24px 0;background:#f7fafc;color:#173753}.hp-commercial-contact h3{font-size:21px;line-height:1.35;margin:0 0 13px}.hp-commercial-contact p{font-size:14px;line-height:1.65}.hp-commercial-contact .hp-contact-qr{display:block;background:#fff;border-radius:5px}.hp-commercial-contact img{display:block;width:180px;height:180px;max-width:100%}.hp-commercial-contact .button,.hp-commercial-contact .btn{background:#1c6b4b;color:#fff;border-color:#1c6b4b;font-size:13px;padding:12px 16px;display:inline-block;text-decoration:none;border-radius:5px}.hp-contact-number{font-weight:750;color:#185a44!important;margin-bottom:0}.advertise-layout>div>.hp-commercial-contact{grid-template-columns:1fr;text-align:left}.advertise-layout>div>.hp-commercial-contact .hp-contact-qr{justify-self:start}.portal-access{max-width:1160px;margin:auto;padding:32px 24px 60px}.portal-access-header{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #d5e1ea;padding-bottom:23px;margin-bottom:35px}.portal-access-brand{color:#123754;text-decoration:none;font-size:15px;font-weight:800}.portal-access-language{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:13px}.portal-access-language select{max-width:150px;padding:10px}.portal-access h1{font-size:clamp(32px,4vw,48px)}.portal-access h2{line-height:1.35}.portal-access .portal-signin-box{max-width:760px;border:1px solid #d3dfe9;background:white;padding:32px;border-radius:10px;margin-top:30px}.portal-access .portal-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.portal-access .portal-features article{background:#fff;border:1px solid #d7e2eb;border-radius:10px;padding:24px}.portal-access .portal-features h2{font-size:20px}.portal-access .portal-features p{font-size:14px}.portal-role{display:inline-block;background:#e7f2ee;color:#145a43;padding:8px 12px;border-radius:5px;font-size:12px}.portal-tools{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.portal-company-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:25px 0}.portal-access .portal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin:30px 0}.portal-metrics article{padding:22px;background:white;border:1px solid #d3e0eb;border-radius:9px}.portal-metrics strong{font-size:29px;display:block;margin-bottom:9px}.portal-metrics span{font-size:13px}.portal-access .aviso{margin-top:25px}.portal-access .btn{font-size:14px}.business-access-gate{padding:45px 24px;max-width:900px;margin:auto}.business-access-gate h1{font-size:clamp(30px,4vw,45px)}@media(max-width:650px){.hp-commercial-contact{grid-template-columns:1fr;padding:22px}.portal-access-header{align-items:flex-start}.portal-access-language{flex-direction:column;align-items:flex-start;gap:7px}.portal-access .portal-features{grid-template-columns:1fr}.portal-access .portal-signin-box{padding:24px}.portal-access .portal-metrics{grid-template-columns:1fr 1fr}.portal-access{padding-inline:18px}.portal-access .hp-commercial-contact img{width:180px;height:180px}}

.city-period{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin:28px 0}.city-period label{min-width:160px}.city-period .btn{margin:0}.city-service-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.city-dashboard>.portal-voice{margin:32px 0}.city-dashboard .portal-tabs{margin:24px 0}
.portal-scope-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.portal-scope-forms form{background:white;padding:24px;border:1px solid #dce4ed;border-radius:10px}.portal-tabs a[aria-current]{background:#102a4b;color:white}.portal-access h1{overflow-wrap:anywhere}@media(max-width:700px){.portal-scope-forms{grid-template-columns:1fr}}
.portal-password-form{display:grid;gap:18px;max-width:460px;margin:24px 0}.portal-remember{display:flex;flex-direction:row;align-items:center;gap:10px}.portal-remember input{width:auto}.portal-invite{padding:22px;background:white;border:1px solid #d8e2ec;border-radius:10px;margin:32px 0}.portal-invite summary{font-weight:700;cursor:pointer}.portal-invite form{max-width:620px;padding-top:20px}.portal-signout{margin:0}.portal-password-form [hidden]{display:none}

.hp-commercial-contact[data-commercial-contact="advertise"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px}
.hp-commercial-contact[data-commercial-contact="advertise"]>div:first-child{grid-column:1/-1}
.hp-commercial-contact[data-commercial-contact="advertise"] .hp-contact-qr{grid-column:1;grid-row:2}
.hp-contact-call{grid-column:2;grid-row:2;border-left:1px solid #d5e2ec;padding-left:20px}
.hp-contact-call h4{font-size:18px;margin:0 0 12px}
.hp-contact-call .hp-contact-number a{color:#173753;text-decoration:none;white-space:nowrap}
.hp-commercial-contact .hp-contact-call .button{background:#173e70;border-color:#173e70}
@media(max-width:480px){.hp-commercial-contact[data-commercial-contact="advertise"]{grid-template-columns:1fr}.hp-commercial-contact[data-commercial-contact="advertise"] .hp-contact-qr{grid-column:1;grid-row:auto}.hp-contact-call{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #d5e2ec;padding:20px 0 0}}

.hp-commercial-contact.hp-contact-options{display:block}.hp-contact-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.hp-contact-options .hp-contact-call{grid-column:auto;grid-row:auto}.hp-contact-options .hp-contact-call h4{margin-top:0}.hp-contact-options .hp-contact-qr{margin-top:18px;width:180px}.hp-contact-options header p{margin-bottom:20px}@media(max-width:480px){.hp-contact-methods{grid-template-columns:1fr}}
