/* Composições para a web inspiradas nos grafismos das aplicações. */
.application-grid .line-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s}
.application-grid .line-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 18px 40px rgb(3 82 125 / 10%)}
.line-art{position:relative;isolation:isolate;overflow:hidden;background:var(--blue-dark);color:var(--white);padding:27px 27px 44px;min-height:290px}
.line-art:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/swatch-canavieiro.svg') center/cover;opacity:.11}
.line-rodoviario .line-art:before{background-image:url('assets/swatch-rodoviario.svg')}
.line-florestal .line-art:before{background-image:url('assets/swatch-florestal.svg')}
.line-brand{display:flex;align-items:center;justify-content:space-between;gap:16px}
.line-brand img{display:block;width:30px;height:44px;object-fit:contain}
.line-brand>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--blue-light)}
.line-copy{position:relative;z-index:1;margin-top:32px;max-width:290px}
.line-kicker{display:block;font-size:8px;letter-spacing:1.5px;line-height:1.7;margin-bottom:10px;color:var(--blue-light)}
.line-copy h3{font-size:clamp(28px,2.7vw,43px);font-weight:400;letter-spacing:-1px;line-height:1.15;margin:0 0 13px}
.line-copy p{font-size:14px;line-height:1.7;margin:0;max-width:250px}
.line-terrain{position:absolute;width:145px;height:145px;right:-50px;bottom:-58px;border:1px solid rgb(90 216 255 / 40%);border-radius:50%;box-shadow:0 0 0 20px rgb(90 216 255 / 8%),0 0 0 40px rgb(90 216 255 / 5%)}
.line-product{position:relative;display:grid;place-items:center;min-height:218px;padding:17px 20px 0;background:var(--white)}
.line-product:before{content:'';position:absolute;top:-18px;left:-5%;width:110%;height:38px;background:var(--white);border-radius:50% 50% 0 0;z-index:0}
.line-product img{position:relative;display:block;width:100%;height:192px;object-fit:contain;transition:transform .35s}
.line-card:hover .line-product img{transform:translateY(-4px)}
.line-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;margin:0 27px;border-top:1px solid var(--line);margin-top:auto}
.line-card-bottom small{display:block;color:var(--support);font-size:10px;line-height:1.5;margin-bottom:6px}
.line-card-bottom strong{font-size:14px;font-weight:700}
.line-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:22px;transition:background .2s,color .2s,border-color .2s}
.line-card:hover .line-arrow{background:var(--blue-dark);color:var(--white);border-color:var(--blue-dark)}
.quote-summary{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:15px;line-height:1.8;color:var(--blue-dark)}
.quote-summary-note{display:block;margin-top:16px;font-size:12px}
.contact form>#form-status:not(:empty){padding:20px;border:1px solid var(--line);border-radius:5px;font-size:14px;background:var(--pale)}
@media(min-width:601px) and (max-width:950px){.application-grid{gap:15px}.line-art{padding:22px 18px 40px;min-height:300px}.line-brand>span{font-size:7px;letter-spacing:.8px}.line-copy p{font-size:13px}.line-product{min-height:175px;padding:12px}.line-product img{height:155px}.line-card-bottom{margin-inline:18px}.line-card-bottom strong{font-size:12px}.line-arrow{width:32px;height:32px}}
@media(max-width:600px){.line-art{min-height:280px;padding:25px 25px 40px}.line-copy h3{font-size:36px}.line-copy p{font-size:14px}.line-brand>span{font-size:9px}.line-product{min-height:210px}.line-product img{height:185px}.line-card-bottom{margin-inline:25px;padding-block:22px}}