:is(.login-shell-petshop,.login-shell-msinfor){position:relative;--petshop-side-padding:clamp(24px,2.9vw,50px);--petshop-top-padding:clamp(24px,3.2vh,40px);--petshop-art-width:max(100vw,177.68svh);min-height:100svh;grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,50px);padding:var(--petshop-top-padding) var(--petshop-side-padding);background:#032b1a url(/brand/petshop-login-jardim-de-luz.png) 0 0/var(--petshop-art-width) auto no-repeat}:is(.login-shell-petshop,.login-shell-msinfor) .login-brand{min-height:100svh;align-self:stretch;width:calc(100% + var(--petshop-side-padding));margin:calc(0px - var(--petshop-top-padding)) 0 calc(0px - var(--petshop-top-padding)) calc(0px - var(--petshop-side-padding));padding:0;overflow:hidden;background:url(/brand/petshop-login-aprovado-20261105.png) 0 0/var(--petshop-art-width) auto no-repeat;place-items:start center}:is(.login-shell-petshop,.login-shell-msinfor) .login-brand-content{width:100%;max-width:820px;padding:0 0 0 18%}:is(.login-shell-petshop,.login-shell-msinfor) .login-petshop-welcome{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.login-shell-petshop,.login-shell-msinfor) .brand-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.login-shell-petshop,.login-shell-msinfor) .brand-accent,:is(.login-shell-petshop,.login-shell-msinfor) .brand-copy,:is(.login-shell-petshop,.login-shell-msinfor) .brand-project{display:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-panel{min-height:0;padding:0;background:transparent;align-content:start;gap:clamp(18px,4vh,42px)}:is(.login-shell-petshop,.login-shell-msinfor) .login-card{position:relative;width:100%;min-height:0;padding:clamp(18px,2vh,24px) clamp(24px,3.7vw,62px) clamp(30px,4vh,46px);color:#f8f8eb;border:2px solid #d9c88f;border-radius:clamp(28px,3vw,50px);background:linear-gradient(135deg,#24402b94,#001c0bc7 50%,#002008d9);box-shadow:inset 0 1px 1px #ead8a15c,0 22px 70px #00110c50;backdrop-filter:blur(6px)}:is(.login-shell-petshop,.login-shell-msinfor) .login-card:after,:is(.login-shell-petshop,.login-shell-msinfor) .login-card:before{content:"";position:absolute;width:130px;height:2px;background:linear-gradient(90deg,transparent,#fff6c4,transparent);box-shadow:0 0 15px 3px #ead88b66;pointer-events:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-card:before{top:-2px;right:15%}:is(.login-shell-petshop,.login-shell-msinfor) .login-card:after{bottom:-2px;left:20%}:is(.login-shell-petshop,.login-shell-msinfor) .login-card-head{margin-bottom:clamp(14px,2vh,22px)}:is(.login-shell-petshop,.login-shell-msinfor) .login-logo-button{order:0;border-radius:50%}:is(.login-shell-petshop,.login-shell-msinfor) .login-logo{display:block;width:clamp(126px,22vh,232px);height:auto;aspect-ratio:1;border:2px solid #f1e8fa;box-shadow:0 0 0 2px #352159,0 10px 28px #00130c66}:is(.login-shell-petshop,.login-shell-msinfor) .login-version{order:1;margin:8px 0 10px;color:#ebd6a6;font-size:12px;text-shadow:0 2px 6px #00160d}:is(.login-shell-petshop,.login-shell-msinfor) .login-card-head h2{order:2;color:#ffe3ad;font-size:clamp(25px,2.6vw,44px);line-height:1.15;white-space:nowrap}:is(.login-shell-petshop,.login-shell-msinfor) .login-card-head p{display:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-security-icon{order:3;width:100%;height:28px;margin:12px 0 0;display:flex;gap:20px;color:#edcb88;background:transparent}:is(.login-shell-petshop,.login-shell-msinfor) .login-security-icon:after,:is(.login-shell-petshop,.login-shell-msinfor) .login-security-icon:before{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#cfad64)}:is(.login-shell-petshop,.login-shell-msinfor) .login-security-icon:after{transform:rotate(180deg)}:is(.login-shell-petshop,.login-shell-msinfor) .login-field{gap:6px;margin-bottom:clamp(12px,1.7vh,20px)}:is(.login-shell-petshop,.login-shell-msinfor) .login-field label{color:#f0f2e9;font-size:clamp(16px,1.5vw,23px);font-weight:500}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell{min-height:clamp(44px,5.6vh,60px);grid-template-columns:minmax(0,1fr) auto;color:#e4c989;background:#021e1666;border:1px solid #e6d18a;border-radius:15px;box-shadow:inset 0 1px 4px #00000026}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell>svg{display:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell:focus-within{border-color:#ffe3a4;box-shadow:0 0 0 3px #d3b67133}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell input{color:#fff8e9;font-size:18px;font-weight:500}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell input::placeholder{color:#adc0ad;font-weight:400}:is(.login-shell-petshop,.login-shell-msinfor) .login-input-shell input:-webkit-autofill{-webkit-text-fill-color:#fff8e9;box-shadow:inset 0 0 0 1000px #092e20;caret-color:#fff8e9}:is(.login-shell-petshop,.login-shell-msinfor) .login-eye{height:clamp(42px,5.4vh,58px);border:0;border-radius:0 14px 14px 0;color:#edce8c}:is(.login-shell-petshop,.login-shell-msinfor) .login-options{gap:12px;margin:2px 0 clamp(20px,3vh,32px)}:is(.login-shell-petshop,.login-shell-msinfor) .login-remember-option{color:#f3f1e6;font-size:clamp(13px,1.2vw,20px);font-weight:400}:is(.login-shell-petshop,.login-shell-msinfor) .login-remember-option input{width:22px;height:22px;accent-color:#008f55}:is(.login-shell-petshop,.login-shell-msinfor) .login-recovery-link{color:#efd18e;font-size:clamp(13px,1.2vw,20px);text-decoration:underline;text-underline-offset:3px}:is(.login-shell-petshop,.login-shell-msinfor) .login-recovery-link:hover{color:#fff3cf}:is(.login-shell-petshop,.login-shell-msinfor) .login-submit{min-height:clamp(54px,8vh,78px);border:1px solid #c0d86b;border-radius:23px;color:#fffbed;font-size:clamp(20px,2vw,34px);background:linear-gradient(170deg,#06b56a,#00653b 50%,#003b24);box-shadow:inset 0 1px 3px #d7fbbc66,0 8px 24px #00180e80}:is(.login-shell-petshop,.login-shell-msinfor) .login-submit>svg{display:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-submit:hover:not(:disabled){background:linear-gradient(170deg,#0ebd78,#007646 50%,#00472b);box-shadow:0 0 22px #a4d37026}:is(.login-shell-petshop,.login-shell-msinfor) .login-safe-note{display:none}:is(.login-shell-petshop,.login-shell-msinfor) .login-eye:focus-visible,:is(.login-shell-petshop,.login-shell-msinfor) .login-logo-button:focus-visible,:is(.login-shell-petshop,.login-shell-msinfor) .login-recovery-link:focus-visible,:is(.login-shell-petshop,.login-shell-msinfor) .login-remember-option input:focus-visible,:is(.login-shell-petshop,.login-shell-msinfor) .login-submit:focus-visible{outline:3px solid #edce8c;outline-offset:5px}@media (max-width:1100px){:is(.login-shell-petshop,.login-shell-msinfor){grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 18px 110px;background:#032b1a}:is(.login-shell-petshop,.login-shell-msinfor) .login-brand{min-height:0;width:min(680px,100%);justify-self:center;margin:0;padding:0;aspect-ratio:972/941;background-size:172% auto}:is(.login-shell-petshop,.login-shell-msinfor) .login-brand-content{padding:0}:is(.login-shell-petshop,.login-shell-msinfor) .login-panel{min-height:0;padding:0;gap:22px}:is(.login-shell-petshop,.login-shell-msinfor) .login-card{width:min(500px,100%);padding:24px 22px 30px;background:linear-gradient(135deg,#0e3024eb,#00170ef2)}:is(.login-shell-petshop,.login-shell-msinfor) .login-logo{width:144px}:is(.login-shell-petshop,.login-shell-msinfor) .login-card-head h2{font-size:clamp(22px,6vw,32px);white-space:normal}:is(.login-shell-petshop,.login-shell-msinfor) .login-options{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-transparency:reduce){:is(.login-shell-petshop,.login-shell-msinfor) .login-card{background:#08291d;backdrop-filter:none}}.login-shell-msinfor{background:#061b32 url(/brand/msinfor-login-background.png) 0 0/var(--petshop-art-width) auto no-repeat}.login-shell-msinfor .login-brand{background:url(/brand/msinfor-login-background.png) 0 0/var(--petshop-art-width) auto no-repeat}.login-shell-msinfor .login-brand-grid,.login-shell-msinfor .login-brand:before,.login-shell-msinfor .login-circuit,.login-shell-msinfor .login-city{display:none}@media (max-width:1100px){.login-shell-msinfor{background:#061b32}.login-shell-msinfor .login-brand{background-image:url(/brand/msinfor-login-background.png)}}.login-shell-msinfor .login-panel{min-height:calc(100svh - 2 * var(--petshop-top-padding));align-content:center;justify-items:center}.login-shell-msinfor .login-card{width:min(650px,100%);border:2px solid #42c6ff;background:linear-gradient(145deg,#12365bed,#04172bf4 54%,#051321f7);box-shadow:inset 0 1px 1px #dff7ff3b,0 26px 80px #00101fcc,0 0 42px #1686ff4a;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.login-shell-msinfor .login-card:after,.login-shell-msinfor .login-card:before{background:linear-gradient(90deg,transparent,#c5f2ff,transparent);box-shadow:0 0 18px 3px #329bff85}.login-shell-msinfor .login-version{color:#c3eaff}.login-shell-msinfor .login-card-head h2{color:#f1fbff}.login-shell-msinfor .login-security-icon{color:#75dcff}.login-shell-msinfor .login-security-icon:after,.login-shell-msinfor .login-security-icon:before{background:linear-gradient(90deg,transparent,#3dbfff)}.login-shell-msinfor .login-field label{color:#effaff}.login-shell-msinfor .login-input-shell{border-color:#55bdeb;color:#95e3ff;background:#041b30b8;box-shadow:inset 0 1px 5px #0008,0 0 12px #148cda18}.login-shell-msinfor .login-input-shell:focus-within{border-color:#8be6ff;box-shadow:0 0 0 3px #35bfff3b,0 0 18px #168fff4a}.login-shell-msinfor .login-input-shell input{color:#f5fcff}.login-shell-msinfor .login-input-shell input::placeholder{color:#aac7d8}.login-shell-msinfor .login-eye{color:#8cddff}.login-shell-msinfor .login-remember-option{color:#e8f6ff}.login-shell-msinfor .login-remember-option input{accent-color:#168dff}.login-shell-msinfor .login-recovery-link{color:#83dcff}.login-shell-msinfor .login-recovery-link:hover{color:#d3f5ff}.login-shell-msinfor .login-submit{border-color:#83dcff;background:linear-gradient(165deg,#35bbfa,#1378e8 52%,#0753b9);box-shadow:inset 0 1px 3px #f2fcff85,0 10px 30px #047de78a}.login-shell-msinfor .login-submit:hover:not(:disabled){background:linear-gradient(165deg,#63d0ff,#218cf4 52%,#0862ce);box-shadow:0 0 30px #249dff75,inset 0 1px 3px #fff9}.login-shell-msinfor .login-eye:focus-visible,.login-shell-msinfor .login-logo-button:focus-visible,.login-shell-msinfor .login-recovery-link:focus-visible,.login-shell-msinfor .login-remember-option input:focus-visible,.login-shell-msinfor .login-submit:focus-visible{outline-color:#9de9ff}@media (max-width:1100px){.login-shell-msinfor .login-panel{min-height:0;align-content:start;justify-items:center}.login-shell-msinfor .login-card{width:min(500px,100%)}}.login-shell .login-whatsapp{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));z-index:2;display:inline-flex;align-items:center;gap:12px;max-width:calc(100% - 48px);min-height:60px;padding:6px 18px 6px 12px;border:2px solid #e5cf86;border-radius:999px;color:#ffe4a7;background:#012b17d9;box-shadow:0 4px 18px #00150c66,inset 0 1px 1px #f8e8a344;font-size:clamp(18px,1.6vw,26px);font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}.login-shell .login-whatsapp svg{width:44px;height:44px;flex:none}.login-shell .login-whatsapp:hover{background:#074529ed;border-color:#fff0b6}.login-shell .login-whatsapp:focus-visible{outline:3px solid #ffe4a7;outline-offset:5px}.login-shell:is(.login-shell-escola,.login-shell-supermarket,.login-shell-real_estate,.login-shell-msinfor){position:relative}@media (min-width:1041px){.login-shell:is(.login-shell-escola,.login-shell-supermarket,.login-shell-real_estate,.login-shell-msinfor) .login-contact-anchor{position:fixed}.login-shell.login-shell-escola .login-school-footer{padding-left:320px}}@media (max-width:1040px){.login-shell:is(.login-shell-escola,.login-shell-supermarket,.login-shell-real_estate,.login-shell-msinfor){padding-bottom:112px}}.login-shell .login-contact-anchor{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;width:max-content;max-width:calc(100% - 48px)}.login-shell .login-contact-anchor .login-whatsapp{position:static;max-width:100%}.login-shell .login-contact-popup{position:absolute;bottom:calc(100% + 22px);left:0;width:min(510px,calc(100vw - 48px));max-height:calc(100dvh - 130px);display:flex;flex-direction:column;border:1px solid #dce7f1;border-radius:23px;background:#fff;color:#18314a;box-shadow:0 20px 55px #001a3b40;font-family:Inter,Segoe UI,sans-serif;text-align:left;isolation:isolate}.login-shell .login-contact-popup:after{content:"";position:absolute;bottom:-8px;left:31px;width:16px;height:16px;transform:rotate(45deg);background:#fff;border-right:1px solid #dce7f1;border-bottom:1px solid #dce7f1;z-index:-1}.login-shell .login-contact-header{position:relative;display:flex;align-items:center;gap:12px;flex-shrink:0;padding:24px 40px 24px 10px;border-radius:22px 22px 0 0;background:linear-gradient(125deg,#064680,#0867c7 70%,#1787d7);color:#fff}.login-shell .login-contact-logo{width:116px;height:116px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 10px #00264d40)}.login-shell .login-contact-brand{text-align:center;min-width:0;margin-left:auto;transform:translateX(-48px)}.login-shell .login-contact-brand h2{margin:0;color:#fff;font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.login-shell .login-contact-city{display:block;text-align:center;margin-top:9px;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:2.2px;color:#d7edff}.login-shell .login-contact-close{position:absolute;top:12px;right:12px;display:grid;place-items:center}.login-shell .login-contact-body{padding:24px 25px 26px;display:grid;gap:22px;overflow-y:auto;min-height:0;border-radius:0 0 22px 22px}.login-shell .login-contact-row{display:flex;gap:15px;align-items:center;min-width:0}.login-shell .login-contact-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#edf5ff;color:#0967bc;flex-shrink:0}.login-shell .login-contact-label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:1.4px;color:#547087;margin-bottom:6px}.login-shell .login-contact-value{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.25px}.login-shell .login-contact-rule{height:1px;background:#dce7f1}.login-shell .login-contact-email-block{min-width:0}.login-shell .login-contact-email{font-size:15px;overflow-wrap:anywhere}.login-shell .login-contact-email-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.login-shell .login-contact-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;border:0;border-radius:7px;background:transparent;color:#547087;flex-shrink:0;cursor:pointer}.login-shell .login-contact-copy:focus-visible,.login-shell .login-contact-copy:hover{background:#edf5ff;color:#0967bc}.login-shell .login-contact-copy-status{display:block;font-size:11px;color:#087c4c}.login-shell .login-contact-copy-status:empty{display:none}@media (max-width:520px){.login-shell .login-contact-header{padding:36px 12px 25px 8px;gap:9px}.login-shell .login-contact-brand{transform:translateX(-16px)}.login-shell .login-contact-brand h2{font-size:22px}.login-shell .login-contact-logo{width:102px;height:102px}}@media (max-width:420px){.login-shell .login-contact-header{padding:42px 8px 24px 4px;gap:6px}.login-shell .login-contact-brand h2{font-size:clamp(16px,4.8vw,20px);letter-spacing:-.5px}.login-shell .login-contact-logo{width:88px;height:88px}.login-shell .login-contact-body{padding:22px 19px}.login-shell .login-contact-email{font-size:13px}.login-shell .login-contact-row{gap:11px}}@media (pointer:coarse){.login-shell .login-contact-copy{width:44px;height:44px}}.login-shell .login-logo-button{perspective:900px}.login-shell .login-logo-spin{display:grid;place-items:center;transform-style:preserve-3d;animation:login-logo-3d-turn 7s linear infinite}.login-shell .login-logo-spin-face{grid-area:1/1;backface-visibility:hidden}.login-shell .login-logo-spin-back{transform:rotateY(180deg)}@keyframes login-logo-3d-turn{to{transform:rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.login-shell .login-logo-spin{animation:none}}