*,*::before,*::after{box-sizing:border-box;} .site-header{position:fixed;top:0;width:100%;z-index:1000;background:#000000;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 4%;} .site-header-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:center;height:72px;gap:18px;} .site-brand{text-decoration:none;display:flex;align-items:center;gap:12px;flex-shrink:0;} .brand-pulse{width:14px;height:14px;border-radius:50%;background:#10B981;flex-shrink:0;animation:bpm79 .759s ease-in-out infinite;} @keyframes bpm79{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.9);}45%{transform:scale(1.3);box-shadow:0 0 0 20px rgba(16,185,129,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0);}} .brand-text{display:flex;flex-direction:column;line-height:1;} .brand-name{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;color:#FFFFFF;} .brand-hebreas{font-family:'Frank Ruhl Libre',serif;font-size:1rem;color:rgba(255,255,255,.5);letter-spacing:.15em;font-weight:400;margin-top:2px;} @media(max-width:480px){.brand-name{font-size:1rem;}.brand-hebreas{font-size:.85rem;}} .header-cta{background:#10B981;color:#fff;padding:10px 24px;border-radius:50px;font-weight:700;font-size:.88rem;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:background .2s,transform .2s;white-space:nowrap;} @media(max-width:420px){.header-cta{padding:8px 16px;font-size:.78rem;}} .header-cta:hover{background:#059669;transform:translateY(-1px);} .menu-toggle{background:none;border:1px solid rgba(255,255,255,.15);color:#FFFFFF;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;flex-shrink:0;font-family:'DM Sans',sans-serif;} .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);opacity:0;pointer-events:none;z-index:1500;transition:opacity .3s;} .menu-overlay.open{opacity:1;pointer-events:all;} .menu-panel{position:fixed;top:0;right:-100%;width:85%;max-width:380px;height:100vh;background:#0C1E35;z-index:2000;transition:right .4s cubic-bezier(.77,0,.18,1);padding:90px 30px 40px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.06);} .menu-panel.open{right:0;} .menu-panel a{text-decoration:none;font-size:1.05rem;font-weight:600;color:#475569;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s;} .menu-panel a:hover{color:#e2e8f0;} .menu-close{position:absolute;top:22px;right:22px;background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;} .back-top{position:fixed;bottom:100px;right:28px;background:#0A1628;color:white;border:none;border-radius:50%;width:42px;height:42px;display:none;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:900;transition:background .2s,transform .2s;} .back-top.visible{display:flex;} .back-top:hover{background:#1D6FFF;transform:translateY(-2px);} .wa-float{position:fixed;bottom:28px;right:28px;background:#25D366;border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform .2s;text-decoration:none;} .wa-float:hover{transform:scale(1.1) translateY(-2px);} .wa-float svg{width:34px;height:34px;fill:white;} .tel-float{position:fixed;bottom:28px;left:28px;background:#1D6FFF;border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 20px rgba(29,111,255,0.35);transition:transform .2s;text-decoration:none;} .tel-float:hover{transform:scale(1.1) translateY(-2px);} .tel-float svg{width:30px;height:30px;fill:white;} .footer{background:#030810;padding:50px 5% 24px;border-top:1px solid rgba(255,255,255,.06);} .footer-social{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:14px;} .footer-social a{color:#64748B;text-decoration:none;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:color .2s;} .footer-social a:hover{color:#93C5FD;} .footer-bottom{text-align:center;color:#64748B;font-size:.82rem;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);} .footer-bottom a{color:#64748B;text-decoration:underline;transition:color .2s;} .footer-bottom a:hover{color:#93C5FD;}