
/* VIOS Creative custom adjustments */
.navbar { position: absolute !important; }
.navbar-logo-image { width: 42px; height: 42px; object-fit: contain; flex: 0 0 auto; }
.footer-logo-image { width: 36px; height: 36px; object-fit: contain; flex: 0 0 auto; }
.brand-marquee { width: 100%; padding: 24px 0 12px; overflow: hidden; background: rgba(10,10,27,.35); border-top: 1px solid rgba(0,212,255,.14); border-bottom: 1px solid rgba(123,44,191,.14); }
.brand-marquee-title { text-align:center; font-family: var(--font-heading); font-size: .8rem; letter-spacing: .16em; color: var(--text-muted); margin-bottom: 14px; }
.brand-marquee-window { overflow: hidden; width: 100%; }
.brand-marquee-track { display: flex; width: max-content; align-items: center; animation: viosMarqueeRight 38s linear infinite; }
.brand-marquee-item { display: inline-flex; align-items:center; justify-content:center; white-space: nowrap; margin: 0 26px; font-family: var(--font-heading); font-weight: 700; font-size: .95rem; color: var(--text-primary); opacity: .86; }
.brand-marquee-item::after { content: '•'; margin-left: 52px; color: var(--primary); opacity:.65; }
@keyframes viosMarqueeRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }
.brand-marquee-inline { overflow:hidden; padding: 8px 0 4px; }
@media (max-width: 768px) { .navbar-logo-image { width: 34px; height:34px; } .brand-marquee-item { margin:0 16px; font-size:.8rem; } .brand-marquee-item::after { margin-left:32px; } }

/* Latest VIOS refinements */
.navbar-logo { gap: 0 !important; }
.navbar-logo-image { width: 70px !important; height: 44px !important; object-fit: contain !important; }
.footer-logo { gap: 0 !important; }
.footer-logo-image { width: 72px !important; height: 46px !important; object-fit: contain !important; }
.brand-marquee-track { animation: viosMarqueeRight 32s linear infinite !important; animation-play-state: running !important; will-change: transform; }
.brand-marquee-inline .brand-marquee-track { animation: viosMarqueeRight 32s linear infinite !important; animation-play-state: running !important; }
@keyframes viosMarqueeRight { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }
select.form-input { color: var(--text-primary) !important; background-color: rgba(26,26,46,.95) !important; color-scheme: dark; }
select.form-input option { background: #12122a !important; color: #fff !important; }
.vios-cta-subtitle { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
.footer-grid { grid-template-columns: 2fr repeat(4, 1fr); }
.vios-whatsapp { position: fixed; right: 24px; bottom: 24px; width: 62px; height: 62px; border-radius: 50%; display:flex; align-items:center; justify-content:center; background:#25D366; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 20px rgba(37,211,102,.35); z-index:9999; text-decoration:none; }
.vios-whatsapp:hover { transform: translateY(-3px) scale(1.03); }
.vios-whatsapp svg { width: 34px; height: 34px; fill: currentColor; }
.vios-whatsapp-label { position:absolute; right:74px; white-space:nowrap; background:rgba(10,10,27,.92); color:#fff; border:1px solid rgba(255,255,255,.12); padding:8px 12px; border-radius:10px; font-size:.75rem; opacity:0; pointer-events:none; transform:translateX(8px); transition:.2s ease; }
.vios-whatsapp:hover .vios-whatsapp-label { opacity:1; transform:translateX(0); }
@media (max-width: 768px) { .navbar-logo-image { width: 58px !important; height: 38px !important; } .footer-logo-image { width: 60px !important; height: 40px !important; } .footer-grid { grid-template-columns: 1fr 1fr; } .vios-whatsapp { right:16px; bottom:16px; width:56px; height:56px; } .vios-whatsapp-label { display:none; } }
@media (max-width: 480px) { .footer-grid { grid-template-columns: 1fr; } }

.legal-card p { line-height:1.8; } .legal-card h2,.legal-card h3 { margin-top:0; }

/* VIOS brand showcase refinements */
.hero-vios-logo{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 18px;filter:drop-shadow(0 0 24px rgba(0,212,255,.16));}
.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.hero-stat{min-width:0;}
.brand-marquee{position:relative;}
.brand-marquee-track{animation:viosMarqueeRight 34s linear infinite !important;animation-play-state:running !important;transform:translate3d(-50%,0,0);}
.brand-marquee-window{display:block;}
.client-showcase .section-header{margin-bottom:34px;}
.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.client-card{min-height:142px;padding:22px 20px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(18,25,48,.58);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden;}
.client-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.55);box-shadow:0 14px 35px rgba(0,0,0,.24),0 0 22px rgba(0,212,255,.12);background:rgba(22,30,58,.78);}
.client-card img{width:min(88%,220px);height:78px;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.16));}
.client-card span{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.08em;color:var(--text-muted);opacity:.85;}
.footer-grid{grid-template-columns:2fr repeat(3,1fr) !important;align-items:start;}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:600px){.hero-vios-logo{width:92px;height:92px;margin-bottom:12px;}.client-grid{grid-template-columns:1fr;}.client-card{min-height:128px;}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
