.login-view{grid-template-columns:minmax(520px,1.06fr) minmax(500px,.94fr);min-height:100dvh;background:var(--brand-sand-50)}
.login-art{position:relative;display:flex;min-height:100dvh;overflow:hidden;padding:48px clamp(28px,4vw,60px) 66px;background:#183500 url('/assets/branding/login-cultivo-humano.png') center 55%/cover no-repeat}
.login-art::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(20,48,0,.72) 0%,rgba(20,48,0,.26) 58%,rgba(20,48,0,.04) 100%),linear-gradient(0deg,rgba(14,27,3,.74) 0%,transparent 44%,rgba(18,46,0,.28) 100%)}
.login-art::after{display:none}
.login-brand-lockup-light{position:relative;z-index:2;align-self:flex-start;gap:24px;padding:0;background:transparent;box-shadow:none}
.login-brand-lockup-light .arcah-product-brand{gap:9px;color:var(--brand-carrot-500);font-size:16px}.login-brand-lockup-light .arcah-product-brand img{width:145px;background:transparent}.login-brand-lockup-light .brand-divider{height:72px;background:rgba(255,255,255,.7)}.login-brand-lockup-light .horta-social-logo{width:102px;height:96px;mix-blend-mode:normal}
.art-content{position:relative;z-index:2;align-self:flex-start;margin:auto 0 72px}.art-content h1{margin:0;color:#fff;font-family:var(--brand-font-display);font-size:clamp(37px,3.1vw,52px);font-weight:400;line-height:1.02;text-shadow:0 3px 20px rgba(0,0,0,.25)}.art-content h1 em{color:var(--brand-carrot-500);font-style:normal}
.login-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;overflow:hidden;padding:58px clamp(48px,6vw,104px);background:linear-gradient(145deg,#fffdf8 0%,var(--brand-sand-50) 100%)}
.login-panel::before{content:"";position:absolute;inset:0;width:auto;height:auto;background:url('/assets/branding/horta-pattern-login-v2.png') center/760px auto repeat;opacity:.28;transform:none;pointer-events:none}
.login-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(255,253,248,.82) 0%,rgba(255,253,248,.62) 38%,rgba(255,253,248,.22) 70%,transparent 90%);pointer-events:none}
.login-box{position:relative;z-index:1;width:min(540px,100%)}.login-mobile-sheet{display:contents}.login-brand-lockup-compact,.login-mobile-story{display:none}.login-field-icon,.login-eye-icon,.login-button-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-button-icon{width:20px;height:20px}.visitor{display:flex;align-items:center;justify-content:center;gap:9px}.visitor .login-button-icon{margin:0}
.welcome{margin-bottom:31px}.welcome-kicker{color:var(--brand-leaf-700);font-size:11px;font-weight:900;letter-spacing:.22em}.welcome h2{max-width:540px;margin:14px 0 11px;color:var(--brand-soil-950);font-family:var(--brand-font-display);font-size:clamp(42px,3.45vw,57px);font-weight:400;line-height:1.02}.welcome p{max-width:440px;color:var(--brand-soil-500);font-size:16px;line-height:1.55}
#loginForm>label{margin-top:20px;color:var(--brand-soil-950);font-size:13px}.input-shell{min-height:59px;border:1px solid #b7b398;border-radius:11px;background:rgba(255,255,255,.55);box-shadow:none}.input-shell>span{color:var(--brand-leaf-700)}.input-shell:focus-within{border-color:var(--brand-leaf-700);box-shadow:0 0 0 4px rgba(135,184,4,.12)}
.form-row{margin:20px 0 25px}.form-row a{color:var(--brand-leaf-950)}.check input{accent-color:var(--brand-leaf-700)}.login-submit{min-height:57px;border-radius:10px;background:linear-gradient(100deg,var(--brand-leaf-700),var(--brand-leaf-950));box-shadow:0 9px 22px rgba(73,137,0,.2)}
.login-or{display:flex;align-items:center;gap:14px;margin:22px 0 17px;color:#9a8878;font-size:12px}.login-or::before,.login-or::after{content:"";height:1px;flex:1;background:#ded6c8}.login-or span{white-space:nowrap}.visitor{min-height:54px;border-color:#c7bda9;border-radius:10px;background:rgba(255,255,255,.28);color:var(--brand-leaf-700)}.version{margin-top:31px;color:#9a8878;text-align:center}
@media(max-width:1080px){.login-view{grid-template-columns:minmax(410px,.84fr) minmax(450px,1fr)}.login-art{padding-inline:34px}.login-art::after{right:24px;width:122px;height:94px}.login-brand-lockup-light .arcah-product-brand img{width:118px}.login-brand-lockup-light .arcah-product-brand{font-size:14px}.login-brand-lockup-light .horta-social-logo{width:82px;height:78px}.login-brand-lockup-light .brand-divider{height:58px}.login-panel{padding-inline:42px}.login-panel::before{width:auto}.welcome h2{font-size:43px}}
@media(max-width:760px){.login-view{display:block;width:100%;min-height:100dvh;overflow-x:hidden}.login-art{display:none}.login-panel{display:block;width:100%;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}.login-panel::before{right:-48px;top:-38px;width:180px;height:140px;opacity:.15}.login-box{width:100%;max-width:440px;margin:auto}.login-mobile-story{position:relative;display:block;overflow:hidden;height:190px;margin:0;border-radius:18px 13px 20px 12px;background:#183500}.login-mobile-story img{width:100%;height:100%;object-fit:cover;object-position:center 55%;content:url('/assets/branding/login-cultivo-humano.png');opacity:.8}.login-mobile-story::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,53,0,.68),rgba(24,53,0,.05)),linear-gradient(0deg,rgba(14,27,3,.5),transparent 55%)}.login-mobile-story span{position:absolute;z-index:1;left:17px;bottom:16px;max-width:230px;color:#fff;font-family:var(--brand-font-display);font-size:25px;line-height:.98}.login-brand-lockup-compact{position:relative;z-index:3;display:flex;width:max-content;max-width:calc(100% - 28px);margin:-176px 14px 145px;padding:0;background:transparent;box-shadow:none}.login-brand-lockup-compact .arcah-product-brand{gap:6px;color:var(--brand-carrot-500);font-size:12px}.login-brand-lockup-compact .arcah-product-brand img{width:73px;height:34px;content:url('/assets/arcah-logo-white.svg')}.login-brand-lockup-compact .brand-divider{height:34px;background:rgba(255,255,255,.7)}.login-brand-lockup-compact .horta-social-logo{width:49px;height:46px;content:url('/assets/branding/horta-social-urbana-white.png');mix-blend-mode:normal}.welcome{margin-bottom:22px}.welcome-kicker{font-size:9px}.welcome h2{margin-top:8px;font-size:36px}.welcome p{font-size:13px}#loginForm>label{margin-top:14px}.input-shell{min-height:51px}.form-row{margin:15px 0 18px}.login-submit{min-height:53px}.login-or{margin:16px 0 13px}.visitor{min-height:51px}.version{margin-top:21px}}
@media(max-width:390px){.login-panel{padding-inline:16px}.login-mobile-story{height:170px}.login-brand-lockup-compact{margin-top:-157px;margin-bottom:131px}.welcome h2{font-size:32px}.form-row{align-items:flex-start;gap:8px}.form-row a{text-align:right}.login-brand-lockup-compact .arcah-product-brand img{width:66px}.login-brand-lockup-compact .horta-social-logo{width:44px;height:42px}}
@media(max-height:720px) and (max-width:760px){.login-mobile-story{height:120px}.login-brand-lockup-compact{margin-top:-111px;margin-bottom:91px}.welcome{margin-bottom:14px}.welcome h2{font-size:30px}.welcome p{display:none}#loginForm>label{margin-top:10px}.input-shell{min-height:46px}.form-row{margin-block:10px 13px}.login-or{margin-block:10px}.version{display:none}}

/* Proporções para notebooks Windows e telas com escala de 125%/150%. */
@media(min-width:761px) and (max-height:820px){.login-art{padding-top:30px;padding-bottom:42px}.login-brand-lockup-light{gap:18px}.login-brand-lockup-light .arcah-product-brand img{width:110px}.login-brand-lockup-light .arcah-product-brand{font-size:13px}.login-brand-lockup-light .brand-divider{height:53px}.login-brand-lockup-light .horta-social-logo{width:77px;height:72px}.art-content{margin-bottom:48px}.art-content h1{font-size:clamp(34px,3vw,45px)}.login-panel{padding-block:24px}.login-panel::before{height:150px;width:225px}.welcome{margin-bottom:18px}.welcome h2{margin-block:8px 7px;font-size:clamp(36px,3.1vw,45px)}.welcome p{font-size:14px}#loginForm>label{margin-top:12px}.input-shell{min-height:50px}.form-row{margin:14px 0 17px}.login-submit{min-height:50px}.login-or{margin:14px 0 11px}.visitor{min-height:48px}.version{margin-top:16px}}
@media(min-width:761px) and (max-width:1280px){.login-view{grid-template-columns:48% 52%}.login-art{padding-inline:36px}.login-panel{padding-inline:38px}.login-panel::before{right:-20px}.welcome h2{max-width:470px}}

/* Ajustes Android: evita zoom automático, cortes e alvos pequenos ao toque. */
@media(max-width:760px){.login-panel{min-height:100svh;min-height:100dvh;overflow:visible}.login-panel::before{inset:0;width:auto;height:auto;background-size:590px auto;opacity:.17}.login-panel::after{background:radial-gradient(circle at 50% 55%,rgba(255,253,248,.86),rgba(255,253,248,.62) 60%,rgba(255,253,248,.22))}.login-box{padding-bottom:env(safe-area-inset-bottom)}#loginForm input{font-size:16px}.input-shell,.login-submit,.visitor{min-height:52px}.icon-btn{min-width:44px;min-height:44px}.form-row a{padding-block:6px}.check{min-height:32px}.check input{width:17px;height:17px}.login-field-icon{width:20px;height:20px}.welcome h2{line-height:1.04}.login-brand-lockup-compact .arcah-product-brand img{width:80px}.login-brand-lockup-compact .arcah-product-brand{font-size:13px}.login-brand-lockup-compact .horta-social-logo{width:54px;height:51px}.login-brand-lockup-compact .brand-divider{height:38px}}
@media(max-width:412px){.login-panel{padding-inline:18px}.login-mobile-story{height:176px}.login-brand-lockup-compact{margin-top:-163px;margin-bottom:136px}.welcome h2{font-size:34px}}
@media(max-width:374px){.login-panel{padding-inline:14px}.login-mobile-story{height:158px}.login-brand-lockup-compact{margin-top:-147px;margin-bottom:122px}.login-brand-lockup-compact .arcah-product-brand img{width:61px}.login-brand-lockup-compact .arcah-product-brand{font-size:11px}.login-brand-lockup-compact .horta-social-logo{width:40px;height:39px}.login-brand-lockup-compact .brand-divider{height:30px}.welcome h2{font-size:30px}.welcome p{line-height:1.45}.form-row{font-size:11px}.form-row a{max-width:130px}}
@media(orientation:landscape) and (max-height:560px) and (max-width:960px){.login-view{display:block}.login-art{display:none}.login-panel{display:block;min-height:100dvh;padding:18px max(24px,env(safe-area-inset-right))}.login-box{max-width:620px;margin:auto}.login-mobile-story,.login-brand-lockup-compact{display:none}.welcome{margin-bottom:10px}.welcome h2{margin-block:5px;font-size:29px}.welcome p{display:none}#loginForm{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}#loginForm>label{margin-top:8px}#loginForm>.input-shell{grid-row:2}.form-row,.login-submit,#loginFeedback{grid-column:1/-1}.form-row{margin-block:8px}.login-submit{min-height:46px}.login-or{margin-block:8px}.visitor{min-height:46px}.version{display:none}}

/* Composição vertical aprovada para Android. */
@media(max-width:760px) and (orientation:portrait){body{background:var(--brand-sand-50)}.login-view{min-height:100dvh;background:var(--brand-sand-50)}.login-panel{min-height:100dvh;padding:0;background:var(--brand-sand-50);overflow:hidden}.login-panel::before,.login-panel::after{display:none}.login-box{width:100%;max-width:none;margin:0;padding:0}.login-mobile-story{display:block;height:clamp(340px,43dvh,470px);margin:0;border-radius:0;background:#183500}.login-mobile-story img{object-position:center 55%;opacity:.86}.login-mobile-story::after{background:linear-gradient(0deg,rgba(14,27,3,.68),transparent 48%),linear-gradient(180deg,rgba(14,39,0,.56),transparent 38%)}.login-mobile-story span{left:18px;right:18px;top:auto;bottom:42px;max-width:none;text-align:center;font-size:clamp(16px,4.3vw,22px);white-space:nowrap}.login-mobile-story span em{color:var(--brand-carrot-500);font-style:normal}.login-brand-lockup-compact{position:absolute;z-index:4;top:max(52px,calc(env(safe-area-inset-top) + 34px));left:50%;display:flex;width:max-content;max-width:calc(100% - 38px);margin:0;padding:0;background:transparent;box-shadow:none;transform:translateX(-50%)}.login-brand-lockup-compact .arcah-product-brand{gap:9px;color:var(--brand-leaf-300);font-size:clamp(15px,4vw,19px)}.login-brand-lockup-compact .arcah-product-brand img{width:clamp(122px,34vw,160px);height:auto;content:url('/assets/arcah-logo-white.svg')}.login-brand-lockup-compact .brand-divider{height:clamp(62px,17vw,78px);background:rgba(255,255,255,.72)}.login-brand-lockup-compact .horta-social-logo{width:clamp(82px,23vw,108px);height:clamp(76px,22vw,102px);content:url('/assets/branding/horta-social-urbana-white.png')}.login-mobile-sheet{position:relative;z-index:5;display:block;margin-top:-27px;padding:58px max(28px,8.5vw) max(30px,env(safe-area-inset-bottom));border-radius:42px 42px 0 0;background:linear-gradient(145deg,#fffdf8,var(--brand-sand-50));box-shadow:0 -10px 30px rgba(32,55,8,.08)}.welcome{margin-bottom:34px}.welcome-kicker{font-size:11px;letter-spacing:.22em}.welcome h2{margin:13px 0 10px;font-size:clamp(38px,10vw,50px);line-height:1.03}.welcome p{font-size:clamp(15px,4.1vw,19px);line-height:1.45}#loginForm>label{margin-top:25px;margin-bottom:10px;font-size:15px}.input-shell{min-height:64px;border-radius:14px;background:rgba(255,255,255,.56)}#loginForm input{font-size:17px}.login-field-icon,.login-eye-icon{width:24px;height:24px}.form-row{margin:24px 0 29px}.check{font-size:14px!important}.check input{width:19px;height:19px}.form-row a{font-size:14px}.login-submit{min-height:62px;border-radius:14px;font-size:17px}.login-or{margin:27px 0 20px;font-size:15px}.visitor{min-height:60px;border:1.5px solid var(--brand-leaf-700);border-radius:14px;font-size:16px}.version{margin-top:32px;font-size:12px}}
@media(max-width:374px) and (orientation:portrait){.login-mobile-story{height:330px}.login-mobile-story span{bottom:38px;font-size:15px}.login-mobile-sheet{padding:48px 24px 28px;border-radius:34px 34px 0 0}.login-brand-lockup-compact{top:46px}.welcome h2{font-size:35px}.welcome{margin-bottom:25px}#loginForm>label{margin-top:19px}.input-shell{min-height:58px}.form-row{margin-block:19px 23px}.login-submit{min-height:57px}.login-or{margin-block:21px 16px}.visitor{min-height:56px}.version{margin-top:25px}}

@media(max-width:760px) and (orientation:portrait){
  .login-brand-lockup-compact .arcah-product-brand img{width:clamp(134px,37vw,174px)}
  .login-brand-lockup-compact .arcah-product-brand{font-size:clamp(16px,4.3vw,20px)}
  .login-brand-lockup-compact .horta-social-logo{width:clamp(88px,25vw,116px);height:clamp(82px,24vw,110px)}
  .login-brand-lockup-compact .brand-divider{height:clamp(66px,18vw,82px)}
}
