.pertel-portal{--pertel-ink:#172d30;--pertel-copper:#9f633d;background:#f7f6f2;color:var(--pertel-ink);min-height:100vh}.pertel-header{background:#172d30;border-bottom:3px solid #9f633d;color:#f6f3e7}.pertel-header-inner{max-width:1024px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pertel-brand{display:block;min-width:0;text-decoration:none}.pertel-brand img{display:block;width:330px;max-width:100%;height:auto}.pertel-brand span{display:block;margin:2px 0 0 28px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e4dccc}.pertel-help{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #687a77;border-radius:12px;color:#f6f3e7;font-size:14px;font-weight:600;transition:background .15s}.pertel-help:hover{background:#294448}.pertel-eyebrow{display:inline-flex;border:1px solid #dfc8b7;background:#f2e8df;color:#794728;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.pertel-intro h1{color:#172d30}.pertel-intro>p:first-child{color:#865130}.pertel-intro{border-left:3px solid #9f633d;padding-left:22px}.pertel-portal section[aria-label="Acesso ao atendimento"]{border-color:#deddd5;box-shadow:0 12px 40px #172d300a;border-radius:20px;border-top:3px solid #9f633d}.pertel-portal .bg-emerald-800,.pertel-portal button.bg-emerald-700,.pertel-portal button.bg-emerald-600{background-color:#172d30}.pertel-portal button.bg-emerald-800:hover,.pertel-portal button.bg-emerald-700:hover,.pertel-portal button.bg-emerald-600:hover{background-color:#294448}.pertel-portal .text-emerald-800,.pertel-portal .text-emerald-700{color:#21474a}.pertel-portal .bg-emerald-50{background-color:#eef3f0}.pertel-portal .border-emerald-200{border-color:#c7d6cf}.pertel-portal input:focus{--tw-ring-color:#9f633d;border-color:#9f633d}.pertel-portal button:focus-visible,.pertel-portal a:focus-visible,.pertel-portal summary:focus-visible{outline:3px solid #b57c55;outline-offset:4px}.pertel-portal footer{border-top:1px solid #dfded6}@media (max-width:600px){.pertel-header-inner{padding:12px 16px;gap:8px}.pertel-brand img{width:228px}.pertel-brand span{font-size:9px;letter-spacing:.08em;margin-left:18px}.pertel-help{font-size:11px;padding:8px;gap:5px;max-width:110px}.pertel-help svg{flex-shrink:0;width:16px}.pertel-intro{padding-left:16px}}