html { scroll-padding-top: 96px; }
body { min-height: 100vh; }
.site-header.is-scrolled { box-shadow: 0 10px 30px rgba(15, 23, 42, .12); }
.site-nav-link { position: relative; white-space: nowrap; }
.site-nav-link::after { content: ""; position: absolute; right: 0; left: 0; bottom: -10px; height: 2px; background: currentColor; transform: scaleX(0); transition: transform .25s ease; }
.site-nav-link:hover::after, .site-nav-link.is-active::after { transform: scaleX(1); }
.mobile-menu { animation: menuOpen .2s ease-out; }
@keyframes menuOpen { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
#preloader.is-hidden { opacity: 0; pointer-events: none; }
.form-status { min-height: 1.5rem; }
input:focus, select:focus, textarea:focus { outline: 2px solid transparent; outline-offset: 2px; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.yk-developer-bar { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-top: 2px solid #25D366; padding: 15px 20px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; position: relative; z-index: 1; box-shadow: 0 -4px 20px rgba(0,0,0,.15); direction: rtl; }
.yk-text { color: #cbd5e1; font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.yk-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.08); padding: 8px 22px; border-radius: 50px; border: 1px solid rgba(255,255,255,.1); transition: all .3s ease; color: #fff; font-weight: 700; text-decoration: none; }
.yk-badge:hover { background: rgba(37,211,102,.15); border-color: #25D366; transform: translateY(-3px); color: #fff; }
.yk-badge .fa-whatsapp { color: #25D366; font-size: 1.4rem; }
.yk-phone { opacity: .75; font-size: .9em; margin-right: 5px; border-right: 1px solid rgba(255,255,255,.2); padding-right: 8px; }
@media (max-width: 767px) {
  body { padding-bottom: 82px; }
  #cookieBanner { bottom: 78px !important; }
  .float-wa { bottom: 96px !important; }
  #backToTop { bottom: 96px !important; }
  .yk-developer-bar { flex-direction: column; gap: 10px; }
  .yk-badge { width: 100%; max-width: 340px; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}