/* Hallmark · P4 H5 E4 S5 R5 V4 · identidade iPlarConect */
html,body{overflow-x:clip}.skip-link:focus{top:8px}.skip-link:not(:focus){top:-100px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap;transform:translateY(-200%)}
body[data-modo="kitnet"]{background:var(--color-paper);color:var(--color-ink)}
body[data-modo="kitnet"] .capa{background:var(--color-surface);padding:28px 24px 40px;text-align:center}
body[data-modo="kitnet"] .capa:before,body[data-modo="kitnet"] .capa:after{display:none}
body[data-modo="kitnet"] .capa .logo{margin:0 auto 18px}
body[data-modo="kitnet"] .capa h1{font-size:32px;overflow-wrap:anywhere}
body[data-modo="kitnet"] .capa p{max-width:440px;margin:8px auto}
body[data-modo="kitnet"] .conteudo{width:100%;max-width:560px;margin:0 auto;padding:24px 16px;display:grid;gap:20px}
.wifi-cartao{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:22px;padding:22px;box-shadow:0 12px 36px #153d330b;min-width:0}
.perfis-wifi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--color-surface);padding:4px;border-radius:12px;margin-bottom:24px}
.perfil-wifi{font:600 14px var(--font-body);white-space:nowrap;border:0;border-radius:8px;min-height:48px;min-width:0;padding:8px 3px;color:var(--color-paper);background:transparent;cursor:pointer}
.perfil-wifi[aria-pressed="true"]{background:var(--color-accent);color:var(--color-ink)}
.perfil-wifi:hover{box-shadow:inset 0 0 0 2px var(--color-accent)}.perfil-wifi:active{transform:translateY(1px)}
.wifi-cartao .tela{padding:0;border:0;background:transparent;box-shadow:none;margin:0;display:grid;gap:16px}.wifi-cartao .tela[hidden]{display:none}
.wifi-cartao h2{font-size:26px}.wifi-cartao p{font-size:16px;line-height:1.5}.wifi-cartao .acao{background:var(--color-surface);color:var(--color-paper);font-size:16px;white-space:normal;min-height:52px}
.campainha-compacta{display:flex;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--color-rule);border-radius:14px;color:var(--color-ink);text-decoration:none;background:var(--color-paper)}
.campainha-compacta .ip-icon{width:28px;height:28px;flex-shrink:0}.campainha-compacta strong,.campainha-compacta span span{display:block}.campainha-compacta>span:last-child{margin-left:auto}.campainha-compacta:hover{border-color:var(--color-ink)}
@media(min-width:900px){body[data-modo="kitnet"] .app{display:block;max-width:none}.capa{min-height:0}body[data-modo="kitnet"] .conteudo{margin-top:0}}
@media(max-width:350px){.wifi-cartao{padding:16px}.perfil-wifi{font-size:12px}}