/* Shared ManaCoding header, footer, and contact controls across site pages. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,27,45,.08);box-shadow:0 5px 22px rgba(15,27,45,.035)}
.site-header .wrap{width:min(100%,1200px);max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px;box-sizing:border-box}.site-header .nav{height:78px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:0 24px}
.site-header .logo{display:flex;align-items:center;gap:10px;flex:none;color:#0f1b2d;font:800 1.2rem/1.2 Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.02em}
.site-header .logo img{display:block;width:46px;height:46px;object-fit:cover;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e3e9f2,0 6px 14px -6px rgba(255,122,26,.45)}
.site-header .logo small{display:block;margin-top:2px;color:#5d6b82;font-size:.68rem;font-weight:600;letter-spacing:0}
.site-header .links{display:flex;align-items:center;gap:clamp(12px,1.6vw,23px);font-size:.88rem;font-weight:700;white-space:nowrap}
.site-header .links a{padding:8px 2px;color:#0f1b2d;opacity:.86;transition:color .2s,opacity .2s}
.site-header .links a:hover,.site-header .links a.active{color:#1f6fe5;opacity:1}
.site-header .btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:11px 18px;border:1px solid #e3e9f2;border-radius:999px;background:#fff;color:#0f1b2d;font:700 .88rem Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;white-space:nowrap}
.site-header .btn:hover{border-color:#3b8cff;color:#1f6fe5}
.site-header .btn svg{width:18px;height:18px;margin-right:4px;flex:none}
.site-header .burger{display:none;width:44px;height:44px;min-height:44px;place-items:center;border:1px solid #e3e9f2;border-radius:12px;background:#fff;color:#0f1b2d;font:400 1.3rem/1 system-ui;cursor:pointer}
.site-header .mobile{display:none}
.site-footer{position:relative;border-top:1px solid #e3e9f2;padding:54px 0 28px;background:#f5f8fd;color:#5d6b82;font:400 .9rem/1.6 Manrope,system-ui,-apple-system,'Segoe UI',sans-serif}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.site-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.site-footer h4{margin:0 0 14px;color:#0f1b2d;font-size:.95rem;font-weight:800}
.site-footer ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.site-footer a,.site-footer-soon{display:inline-flex;flex-direction:column;gap:1px;color:#5d6b82;text-decoration:none}
.site-footer a:hover{color:#1f6fe5}
.site-footer small{color:#8190a6;font-size:.72rem}
.site-footer-about p{max-width:300px;margin:14px 0 0}
.site-footer .footer-brand{display:inline-flex;flex-direction:row;align-items:center;gap:10px;color:#0f1b2d;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.site-footer .footer-brand img{width:46px;height:46px;border:1px solid #e3e9f2;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 6px 14px -6px rgba(255,122,26,.4)}
.site-footer-soon{opacity:.62}
.site-footer-copy{margin:44px 0 0;padding-top:22px;border-top:1px solid #e3e9f2;color:#5d6b82;font-size:.85rem}
@media(max-width:1020px){.site-header .links,.site-header .nav>.btn{display:none}.site-header .burger{display:grid}.site-header .mobile{display:grid;gap:4px;width:min(1120px,100%);max-height:0;overflow:hidden;margin:0 auto;padding:0 24px;transition:max-height .3s ease,padding .3s ease}.site-header .mobile.open{max-height:620px;padding-bottom:18px}.site-header .mobile>a:not(.btn){padding:10px 4px;border-bottom:1px solid #e3e9f2;color:#0f1b2d;font-weight:650}.site-header .mobile .btn{margin:10px 0 0;background:#3b8cff;border-color:#3b8cff;color:#fff}}
@media(max-width:760px){.site-footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:520px){.site-footer{padding:40px 0 24px}.site-footer-grid{grid-template-columns:1fr;gap:24px}.site-footer-copy{margin-top:30px}}
@media(max-width:420px){.site-header .nav{height:70px}.site-header .logo img{width:42px;height:42px}.site-header .logo{font-size:1.08rem}}
.contact-dock-whatsapp,.contact-dock-socials{position:fixed;bottom:20px;z-index:60;display:flex;align-items:center;gap:10px}
.contact-dock-whatsapp,.dock-social{width:50px;height:50px;place-items:center;border:1px solid transparent;border-radius:50%;box-shadow:0 8px 24px rgba(15,27,45,.2);text-decoration:none;transition:transform .2s,box-shadow .2s}
.contact-dock-whatsapp{left:20px;display:grid;background:#25d366;color:#fff}.contact-dock-whatsapp:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,211,102,.35)}.dock-social:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,27,45,.25)}
.contact-dock-whatsapp svg,.dock-social svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-dock-socials{right:20px}.dock-social{display:grid;color:#fff}.dock-social.instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}.dock-social.linkedin{background:#0a66c2}.dock-social.youtube{background:#e62117}
.backtop{bottom:88px!important}
@media(max-width:640px){.contact-dock-whatsapp{left:12px;bottom:14px}.contact-dock-socials{right:12px;bottom:14px}.contact-dock-whatsapp,.dock-social{width:44px;height:44px}.contact-dock-whatsapp svg,.dock-social svg{width:20px;height:20px}.contact-dock-socials{gap:8px}.backtop{right:12px!important;bottom:76px!important}}
@media(prefers-reduced-motion:reduce){.contact-dock-whatsapp,.dock-social{transition:none}}
@media(prefers-reduced-motion:reduce){.site-header *{scroll-behavior:auto!important;transition:none!important}}
