/* VizTech's shared footer: one identity, responsive arrangements. */
html{background:#082c4a}
.site-footer{color:#d5e4ef;background:radial-gradient(ellipse at 100% 0%,#124c73 0%,transparent 55%),#082c4a;border-top:4px solid #00a9ef;padding:44px 0 0;overflow:clip}
.footer-shell{position:relative}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:48px}
.site-footer .footer-brand{display:inline-flex;flex:0 0 auto;align-items:center;background:#fff;padding:12px 16px;border-radius:6px;margin:0}
.site-footer .footer-brand img{display:block;width:170px;height:auto}
.footer-statement{max-width:520px}
.footer-statement p{font-size:11px;font-weight:700;letter-spacing:.14em;color:#73d9ff;margin:0 0 10px}
.footer-statement h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;letter-spacing:-.025em;color:#fff;margin:0}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:48px;margin-top:32px;padding-top:30px;border-top:1px solid #ffffff26}
.footer-nav{display:flex;flex-direction:column;min-width:0}
.footer-nav h3{color:#73d9ff;font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px}
.footer-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4;color:#d5e4ef;padding:8px 0;width:fit-content}
.footer-nav a:hover,.footer-bottom a:hover{color:#73d9ff;text-decoration:underline;text-underline-offset:5px}
.footer-blog-card{display:flex;flex-direction:column;gap:14px;padding:24px;background:#ffffff09;border:1px solid #70c6ee55;border-radius:6px;align-self:start;color:#fff;min-width:0;transition:background .2s,border-color .2s}
.footer-blog-card:hover{background:#ffffff14;border-color:#73d9ff;color:#fff}
.footer-blog-card>span:first-child{font-size:10px;letter-spacing:.14em;color:#73d9ff;font-weight:700}
.footer-blog-card strong{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.footer-blog-card strong span{font-size:27px;color:#73d9ff}
.footer-blog-card>span:last-child{font-size:13px;line-height:1.65;color:#d5e4ef;max-width:300px}
.footer-contact-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding:22px 0;border-top:1px solid #ffffff26}
.footer-phone{color:#fff;font-size:19px;font-weight:650;min-height:44px;display:inline-flex;align-items:center}
.footer-phone:hover{color:#73d9ff}
.footer-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #70c6ee66;border-radius:4px;color:#fff;font-size:14px;font-weight:600}
.footer-whatsapp:hover{color:#082c4a;background:#73d9ff}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;padding:16px 0 max(16px,env(safe-area-inset-bottom,0px));font-size:12px;color:#a9c3d6}
.footer-legal{display:flex;flex-wrap:wrap;gap:0 22px}
.footer-bottom a{color:#d5e4ef;min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.footer-in-view .whatsapp{visibility:hidden;pointer-events:none}
@media(max-width:850px){
 .footer-top{gap:30px}.footer-main{grid-template-columns:1fr 1fr;gap:24px}
 .footer-blog-card{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px}
 .footer-blog-card>span:first-child{width:100%}.footer-blog-card strong{min-width:130px}.footer-blog-card>span:last-child{max-width:390px}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:600px){
 .site-footer{padding-top:30px}.footer-top{display:block}
 .site-footer .footer-brand{padding:10px 12px;margin-bottom:22px}.site-footer .footer-brand img{width:145px}
 .footer-statement p{font-size:10px}.footer-statement h2{font-size:26px;max-width:340px}
 .footer-main{margin-top:24px;padding-top:24px;gap:24px 20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .footer-blog-card{grid-row:1;grid-column:1/-1;padding:20px;gap:12px 20px}
 .footer-blog-card strong{font-size:28px;min-width:110px}.footer-blog-card>span:last-child{font-size:13px;max-width:none;flex:1;min-width:120px}
 .footer-nav h3{font-size:11px;line-height:1.5}.footer-nav a{font-size:14px;min-height:44px;overflow-wrap:anywhere}
 .footer-contact-row{margin-top:20px;padding:16px 0;gap:12px}.footer-phone{font-size:17px}.footer-whatsapp{padding:10px 12px;font-size:13px}
 .footer-bottom{padding-top:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));gap:8px}
 .footer-legal{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
}