body{background:#e9efec;margin:0}:root{--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;--round:"Fredoka","Figtree",system-ui,sans-serif}.canvas{width:1280px}.canvas .wm{font:700 24px var(--round);letter-spacing:-.01em}.canvas .wm b{font-weight:700}.canvas .brand{align-items:center;gap:10px;display:flex}.l4{font-family:var(--body);color:#12304a;background:#e5f2fb;padding:0 0 40px}.l4 .nv{justify-content:space-between;align-items:center;padding:22px 48px;display:flex}.l4 .nv .wm{color:#12304a;font-size:24px}.l4 .nv .wm b{color:#0f6e7a}.l4 .nv nav{gap:26px;font-size:15px;font-weight:500;display:flex}.l4 .nv .ent{color:#fff;background:#12304a;border-radius:99px;padding:9px 18px;font-weight:600}.l4 .hero4{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:26px 48px 34px;display:grid}.l4 .hero4 h4{font:700 54px/1.02 var(--round);letter-spacing:-.01em;margin:0 0 14px}.l4 .hero4 p{color:#3e5a72;max-width:44ch;font-size:18px}.l4 .proto{background:#fff;border-radius:18px;max-width:460px;margin-top:18px;padding:6px;display:flex;box-shadow:0 10px 24px -16px #12304a80}.l4 .proto span{color:#7d93a6;flex:1;padding:12px 14px;font-size:15px}.l4 .proto b{background:#f6b928;border-radius:13px;padding:12px 18px;font-size:15px}.l4 .blob{height:300px;position:relative}.l4 .blob .c{border-radius:50%;place-items:center;display:grid;position:absolute}.l4 .acts{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 48px;display:grid}.l4 .act{background:#fff;border:2px solid #0000;border-radius:24px;align-items:flex-start;gap:16px;padding:22px;display:flex}.l4 .act.hl{background:#fff8e4;border-color:#f6b928}.l4 .act .e{border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.l4 .act b{font:600 19px/1.2 var(--round);margin-bottom:4px;display:block}.l4 .act small{color:#557089;font-size:14px;line-height:1.4;display:block}.l4 .row4{grid-template-columns:1.6fr 1fr;gap:16px;padding:18px 48px 0;display:grid}.l4 .adopt{color:#fff;background:#12304a;border-radius:26px;padding:22px 24px}.l4 .adopt h5{font:600 22px var(--round);margin:0 0 14px}.l4 .pets{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.l4 .pc{background:#1d4466;border-radius:18px;overflow:hidden}.l4 .pc .ph{place-items:center;height:92px;font-size:46px;display:grid}.l4 .pc div{color:#b9d0e3;padding:10px 12px;font-size:12.5px}.l4 .pc b{color:#fff;font-size:15px;display:block}.l4 .queue{background:#fff;border-radius:26px;padding:22px 24px}.l4 .queue h5{font:600 20px var(--round);margin:0 0 6px}.l4 .queue .pos{font:700 64px/1 var(--round);color:#0f6e7a}.l4 .steps{gap:6px;margin-top:14px;display:flex}.l4 .steps i{background:#dce9f3;border-radius:8px;flex:1;height:8px}.l4 .steps i.on{background:#0f6e7a}.l4 .queue small{color:#557089;margin-top:8px;font-size:13px;display:block}body{background:#e5f2fb}.canvas{width:auto;max-width:1280px;margin:0 auto}.l4{box-sizing:border-box;min-height:100vh}.l4 a{color:inherit;text-decoration:none}.l4 .nv nav a.on{color:#0f6e7a;font-weight:700}.l4 .nv .menu-tg{display:none}.l4 form.proto input{color:#12304a;min-width:0;font:15px var(--body);background:0 0;border:0;outline:0;flex:1;padding:12px 14px}.l4 form.proto input::placeholder{color:#7d93a6;opacity:1}.l4 form.proto button{font:700 15px var(--body);color:#12304a;cursor:pointer;background:#f6b928;border:0;border-radius:13px;padding:12px 18px}.l4 a.act{color:#12304a}.l4 .pc{display:block}.l4 .pc .ph{overflow:hidden}.l4 .pc .ph img{object-fit:cover;width:100%;height:100%}.l4 .pgh{padding:26px 48px 22px}.l4 .pgh h4{font:700 54px/1.02 var(--round);letter-spacing:-.01em;margin:0 0 14px}.l4 .pgh p{color:#3e5a72;max-width:60ch;margin:0;font-size:18px}.l4 .col{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;padding:0 48px;display:grid}.l4 .col.um{grid-template-columns:1fr}.l4 form.queue h5{margin:0 0 14px}.l4 .queue p{color:#557089;margin:0 0 14px;font-size:14px;line-height:1.4}.l4 .gf{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.l4 .gf .t{grid-column:1/-1}.l4 .gf label{color:#557089;margin-bottom:6px;font-size:14px;display:block}.l4 .cp{box-sizing:border-box;width:100%;font:15px var(--body);color:#12304a;background:#fff;border:2px solid #dce9f3;border-radius:13px;outline:0;padding:12px 14px;display:block}.l4 .cp:focus{border-color:#0f6e7a}.l4 textarea.cp{resize:vertical;min-height:110px}.l4 .gf .e{color:#b23a2a;margin-top:6px;font-size:13px;font-weight:600}.l4 .hp{position:absolute;left:-9999px}.l4 .bt{font:700 15px var(--body);color:#12304a;cursor:pointer;background:#f6b928;border:0;border-radius:13px;padding:12px 18px;display:inline-block}.l4 .bt.d{color:#fff;background:#12304a;border-radius:99px;padding:9px 18px;font-weight:600}.l4 .ac{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.l4 .tg{border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600;display:inline-block}.l4 .msg{color:#11706a;background:#d8f2ee;border-radius:18px;margin:0 48px 16px;padding:12px 18px;font-size:15px;font-weight:600}.l4 .msg.er{color:#b23a2a;background:#fde3df}.l4 .adopt.pg{margin:0 48px}.l4 .adopt.pg .pets{grid-template-columns:repeat(4,1fr)}.l4 .adopt .vz{color:#b9d0e3;font-size:14px}.l4 .ls{flex-direction:column;gap:16px;display:flex}.l4 .ls .act small b{font:inherit;color:#12304a;margin:0;font-weight:700;display:inline}.l4 .ft{object-fit:cover;border-radius:18px;width:100%;height:220px;margin-bottom:14px;display:block}.l4 .qr{background:#e5f2fb;border-radius:18px;place-items:center;margin-bottom:14px;padding:22px;display:grid}.l4 .qr canvas,.l4 .qr img{display:block;width:180px!important;height:180px!important}.l4 .col>*,.l4 .ls>*{min-width:0}.l4 .dl{grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 14px;display:grid}.l4 .dl dt{color:#557089;font-size:13px}.l4 .dl dd{margin:0;font-size:15px;font-weight:600}.l4 .mut{background:#fff8e4;border:2px solid #f6b928;border-radius:24px;align-items:center;gap:16px;margin:0 48px 16px;padding:22px;display:flex}.l4 .mut .e{background:#f6b928;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.l4 .mut .tx{flex:1;min-width:0}.l4 .mut b{font:600 19px/1.2 var(--round);margin-bottom:4px;display:block}.l4 .mut small{color:#557089;font-size:14px;line-height:1.4;display:block}.l4 .mut small strong{color:#12304a}.l4 .mut .ac{flex:none;gap:10px;margin-top:0}.l4{flex-direction:column;display:flex}.l4 .rd a{color:#0f6e7a;font-weight:600}.l4 .rd{text-align:center;color:#557089;margin-top:auto;padding:34px 48px 0;font-size:14px}@media (width<=1100px){.l4 .acts{grid-template-columns:repeat(2,1fr)}.l4 .row4,.l4 .col{grid-template-columns:1fr}.l4 .adopt.pg .pets{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.l4 .nv{flex-wrap:wrap;gap:16px;padding:22px 16px}.l4 .nv .menu-tg{font:600 15px var(--body);color:#12304a;cursor:pointer;background:#fff;border:0;border-radius:99px;margin-left:auto;padding:9px 18px;display:block}.l4 .nv nav,.l4 .nv .ent{display:none}.l4 .nv.aberto nav{flex-direction:column;order:3;gap:16px;width:100%;display:flex}.l4 .nv.aberto .ent{order:4;display:block}.l4 .hero4{grid-template-columns:1fr;padding:26px 16px 34px}.l4 .blob{display:none}.l4 .acts,.l4 .row4,.l4 .col,.l4 .pgh,.l4 .rd{padding-left:16px;padding-right:16px}.l4 .acts{grid-template-columns:1fr}.l4 .pets,.l4 .adopt.pg .pets{grid-template-columns:repeat(2,1fr)}.l4 .adopt.pg,.l4 .msg,.l4 .mut{margin-left:16px;margin-right:16px}.l4 .mut{flex-direction:column;align-items:flex-start}.l4 .gf,.l4 .dl{grid-template-columns:1fr}}
