/* LavaTruck 5.3: styles scoped to the public entry and the assistance placeholder. */
.landing-active {background:#103753;color:#123752}
.landing-active .topbar {height:auto;min-height:80px;padding:16px clamp(22px,3vw,58px);background:#113852;border:0;gap:24px}
.landing-active .brand {font-size:clamp(22px,2.1vw,32px);gap:18px;color:white;flex-wrap:wrap}
.landing-active .brand-mark {width:50px;height:50px;display:inline-grid;place-items:center;background:#f58212;color:#16394c;border-radius:8px;font-size:38px;font-weight:900}
.landing-active .brand-sub {font-size:clamp(12px,1.12vw,18px);font-weight:400;letter-spacing:1px;margin-left:6px}
.landing-active .tag {font-size:16px;font-weight:400;padding:5px 14px;background:#ffffff16;border:1px solid #ffffff24;white-space:nowrap}
.landing-active main {max-width:none;margin:0;padding:0}
.home-hero {background-image:linear-gradient(90deg,rgba(0,44,68,.94) 0%,rgba(0,40,63,.75) 27%,rgba(0,32,53,.16) 59%,rgba(0,32,53,.08) 100%),url('./assets/lavatruck-jatos.webp');background-size:cover;background-position:center 44%;border-top:12px solid #0784aa;min-height:calc(100svh - 218px)}
.home-columns {max-width:1920px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.82fr) minmax(390px,1fr);gap:clamp(28px,3vw,62px);padding:36px clamp(24px,3vw,58px) 52px;align-items:start}
.home-intro {padding:12px 0 0;color:white}
.home-intro h1 {font-size:clamp(36px,4vw,72px);line-height:1.08;letter-spacing:-1.5px;font-weight:750;margin:0 0 28px;max-width:none;color:white}
.home-intro h1 span {color:#ff8514}
.home-lead {font-size:clamp(17px,1.5vw,25px);line-height:1.45;letter-spacing:.2px;color:#eff7fc;max-width:680px;margin:0 0 34px}
.home-features {display:grid;gap:22px;padding:0;margin:0;list-style:none;max-width:405px}
.home-features li {display:grid;grid-template-columns:66px minmax(0,1fr);gap:20px;align-items:start}
.home-features h2 {font-size:18px;font-weight:700;line-height:1.4;color:white;margin:2px 0 5px}
.home-features p {font-size:16px;line-height:1.5;margin:0;color:#e6f0f8}
.feature-icon {display:grid;place-items:center;width:66px;height:66px;border:2px solid #ffffff2a;background:#0a3c5524;border-radius:12px}
.feature-icon svg {width:36px;height:36px}
.access-card {background:#fdfdff;color:#143957;border:1px solid #dfe6ef;border-radius:13px;padding:36px clamp(24px,2.3vw,44px) 50px;box-shadow:0 9px 22px #0013233b;min-width:0}
.access-card>h2 {font-size:clamp(24px,2vw,32px);line-height:1.25;letter-spacing:-.8px;margin:0 0 24px;font-weight:750}
.access-options {border:0;padding:0 0 27px;margin:0 0 27px;border-bottom:1px solid #dee6ef;display:grid;gap:3px;min-width:0}
.access-options label {display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;min-height:54px;cursor:pointer;font-size:18px;font-weight:400;line-height:1.4;margin:0;color:#153456}
.access-options label:has(input:checked) {background:#e1f0ff}
.access-options input {appearance:auto;accent-color:#0070c9;min-width:26px;width:26px;height:26px;margin:0;flex:0 0 26px;cursor:pointer}
.access-options span {font:inherit}
.access-form {display:flex;flex-direction:column;gap:0;min-width:0}
.access-form label {font-size:16px;font-weight:700;color:#123052;line-height:1.5;margin:0 0 5px}
.access-form input,.access-form textarea {box-sizing:border-box;width:100%;min-width:0;margin:0 0 18px;background:#fff;border:1px solid #bacbe0;border-radius:7px;min-height:50px;padding:12px 15px;font:inherit;font-size:16px;color:#123052}
.access-form textarea {resize:vertical;line-height:1.5;min-height:95px}
.access-form input::placeholder {color:#7d8592;opacity:1}
.access-form input:focus-visible,.access-form textarea:focus-visible,.access-options input:focus-visible {outline:3px solid #62b6ef;outline-offset:3px}
.password-field {position:relative}
.password-field input {padding-right:50px}
.password-field button {position:absolute;right:6px;top:5px;width:40px;height:40px;padding:8px;border:0;background:transparent;color:#77818e;display:grid;place-items:center}
.password-field svg {width:24px;height:24px}
.home-submit {width:100%;background:#143d5b;border:1px solid #143d5b;color:#fff;min-height:58px;padding:14px 20px;font-size:18px;font-weight:700;line-height:1.4;border-radius:8px;margin-top:5px}
.home-submit:hover {background:#0a2d46;color:#fff}
.home-submit:disabled {opacity:.65;cursor:wait}
.forgot-link {display:block;text-align:center;font-size:16px;margin:24px 0 12px;color:#0069cc;text-decoration:underline}
.contact-fields {display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.contact-fields>div {min-width:0}
.contact-fields input {margin-bottom:5px}
.field-help {font-size:14px;line-height:1.4;color:#516879;margin:4px 0 16px}
.bot-trap {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#commercial-challenge {min-height:0;margin-bottom:10px}
#commercial-status {font-size:16px;line-height:1.5;padding:10px;border-radius:5px;background:#eef5fa;color:#143d5b}
#commercial-status[data-kind="error"],#assistance-error {color:#9b2727;background:#fff0ef}
#commercial-status[data-kind="success"] {color:#145c48;background:#e7f6ee}
.text-button {color:#14568a;background:transparent;border:0;text-decoration:underline;font-size:15px;margin-top:10px}
.home-benefits {background:#f0f5fb;color:#173d65;padding:34px clamp(24px,3vw,58px)}
.home-benefits>div {max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.home-benefits>div>span {display:flex;align-items:center;gap:22px;padding:0 30px;border-right:1px solid #d0ddeb;min-height:64px;font-size:18px;line-height:1.4}
.home-benefits>div>span:first-child {padding-left:0}.home-benefits>div>span:last-child {border:0}
.home-benefits svg {width:44px;height:44px;flex-shrink:0}
.assistance-page {padding:35px 0;min-height:65vh}
.assistance-page h1 {max-width:850px;font-size:clamp(28px,4vw,46px)}
.assistance-page footer {margin-top:70px}
[hidden] {display:none!important}
@media(min-width:1600px) {.home-columns{padding-top:50px}.home-features{gap:25px;max-width:450px}.home-features h2{font-size:20px}.home-features p{font-size:18px}.access-card{padding-top:42px;padding-bottom:60px}.access-options label{font-size:20px}}
@media(max-width:1100px) {.landing-active .brand-sub{flex-basis:100%;margin-left:0}.landing-active .brand{gap:10px}.home-columns{grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:24px;padding:30px 24px}.home-intro h1{font-size:42px}.home-lead{font-size:18px}.home-features{max-width:350px;gap:20px}.home-features li{grid-template-columns:48px 1fr;gap:14px}.feature-icon{width:48px;height:48px}.feature-icon svg{width:29px;height:29px}.access-card{padding:28px 24px}.access-options label{font-size:16px;padding:10px 6px;gap:10px}.home-benefits>div>span{padding:0 16px;font-size:16px;gap:12px}.home-benefits svg{width:32px;height:32px}}
@media(max-width:780px) {.landing-active .topbar{padding:14px 20px;gap:12px}.landing-active .brand{font-size:25px;max-width:80%}.landing-active .brand-mark{width:38px;height:38px;font-size:28px}.landing-active .brand-sub{font-size:12px;line-height:1.4}.landing-active .tag{font-size:14px;padding:4px 8px}.home-columns{grid-template-columns:1fr;padding:30px 22px 38px;gap:32px}.home-hero{background-position:47% top;background-image:linear-gradient(90deg,#002c44ee,#002c448f),url('./assets/lavatruck-jatos.webp')}.home-intro h1{font-size:clamp(36px,6.7vw,52px);letter-spacing:-1px}.home-lead{max-width:620px}.home-features{grid-template-columns:1fr 1fr;max-width:none;gap:20px}.home-features li{grid-template-columns:42px 1fr;gap:12px}.feature-icon{width:42px;height:42px}.home-features h2{font-size:16px}.home-features p{font-size:15px}.access-card{width:100%;max-width:570px;justify-self:center;padding:30px 26px}.access-card>h2{font-size:28px}.access-options label{font-size:18px;min-height:54px}.home-benefits>div{grid-template-columns:1fr 1fr;gap:24px}.home-benefits>div>span{padding:0!important;border:0;font-size:16px}.home-benefits{padding:26px 22px}}
@media(max-width:420px) {.home-features{grid-template-columns:1fr}.home-features li{grid-template-columns:44px 1fr}.access-card{padding:25px 18px}.access-options label{font-size:16px}.contact-fields{grid-template-columns:1fr;gap:6px}.home-benefits>div{grid-template-columns:1fr}.home-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce) {*{scroll-behavior:auto!important}}
.landing-active .brand-sub {display:inline}
/* 5.3.1: compactação restrita ao card em desktop/notebook. */
@media(min-width:781px){
 .home-columns{grid-template-columns:minmax(0,1fr) minmax(340px,420px)}
 .access-card{width:100%;max-width:420px;justify-self:end;padding:26px 26px 30px}
 .access-card>h2{font-size:25px;line-height:1.25;margin-bottom:17px}
 .access-options{gap:0;padding-bottom:17px;margin-bottom:18px}
 .access-options label{min-height:45px;padding:8px 7px;gap:12px;font-size:16px;line-height:1.4}
 .access-options input{min-width:23px;width:23px;height:23px;flex-basis:23px}
 .access-form label{font-size:15px;margin-bottom:4px}
 .access-form input{min-height:44px;padding:10px 12px;margin-bottom:13px}
 .password-field input{padding-right:48px}.password-field button{top:2px}
 .access-form textarea{min-height:74px;height:78px;padding:10px 12px;margin-bottom:13px}
 .home-submit{min-height:48px;padding:11px 15px;font-size:16px}
 .forgot-link{margin:17px 0 6px;font-size:15px}
 .contact-fields{grid-template-columns:1fr 1fr;gap:10px}
 .contact-fields input{margin-bottom:4px}.field-help{margin-bottom:12px}
}
