:root{--color-primary:#FDB813;--color-secondary:#1A1A1A;--color-text:#333333;--color-light:#F9F9F9;--color-white:#FFFFFF;--color-success:#28a745;--font-heading:'Inter',system-ui,-apple-system,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--container-width:1200px} *{box-sizing:border-box;margin:0;padding:0} body{font-family:var(--font-body);color:var(--color-text);line-height:1.6;background-color:var(--color-white)} h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-secondary);font-weight:700;line-height:1.2;margin-bottom:1rem} h1{font-size:3.5rem} h2{font-size:2.5rem} h3{font-size:1.75rem} h4{font-size:1.5rem} img{max-width:100%;height:auto} .container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)} .btn{display:inline-block;padding:0.8rem 1.5rem;background-color:var(--color-primary);color:var(--color-secondary);font-weight:600;text-decoration:none;border-radius:4px;border:none;transition:all 0.3s ease;cursor:pointer} .btn:hover{filter:brightness(1.1);transform:translateY(-2px)} .text-center{text-align:center} .text-white,.text-white h1,.text-white h2,.text-white h3,.text-white p,.text-white a{color:var(--color-white) !important} .section{padding:var(--spacing-lg) 0} .grid-2,.grid-3,.grid-4{display:grid;gap:2rem} .grid-2{grid-template-columns:repeat(2,1fr)} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} .header-wrapper{display:flex;justify-content:space-between;align-items:center} .nav-list{list-style:none;display:flex;gap:2rem} .feature-box{background:#1a1a1a;padding:2rem;border-radius:12px;color:white;box-shadow:0 10px 30px rgba(0,0,0,0.2)} @media (max-width:768px){.container{padding:0 1rem} .header-wrapper{flex-direction:column;gap:1rem} .nav-list{flex-wrap:wrap;justify-content:center;gap:1rem} .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1.5rem} h1{font-size:2rem !important} h2{font-size:1.75rem !important} h3{font-size:1.5rem !important} .stats .container{grid-template-columns:1fr 1fr !important} .feature-box{padding:1.5rem} } @media (max-width:480px){.stats .container{grid-template-columns:1fr !important} h1{font-size:1.75rem !important} .floating-contact{right:15px;bottom:15px} .floating-btn{width:50px;height:50px} } .floating-contact{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:15px;z-index:999;animation:slideInUp 0.5s ease-out} .floating-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 15px rgba(0,0,0,0.3);transition:all 0.3s ease;text-decoration:none;position:relative} .floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4)} .floating-btn.whatsapp{background:#25D366} .floating-btn.phone{background:#86bc25} .floating-btn::before{content:attr(data-tooltip);position:absolute;right:70px;background:rgba(0,0,0,0.8);color:white;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:0.9rem;opacity:0;pointer-events:none;transition:opacity 0.3s ease;font-family:'Inter',sans-serif} .floating-btn:hover::before{opacity:1} @keyframes slideInUp{from{transform:translateY(100px);opacity:0} to{transform:translateY(0);opacity:1} } @media (max-width:768px){.floating-btn::before{display:none} } .header-inner{position:relative} .nav-item{position:relative;display:inline-block} .dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:white;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,0.15);border-radius:8px;padding:0.5rem 0;z-index:1100;border:1px solid #eee} .nav-item:hover .dropdown-menu{display:block;animation:fadeIn 0.2s ease-out} .dropdown-item{display:block;padding:0.8rem 1.2rem;color:var(--color-text);text-decoration:none;transition:background 0.2s,color 0.2s;font-size:0.95rem;border-bottom:1px solid #f9f9f9} .dropdown-item:last-child{border-bottom:none} .dropdown-item:hover{background:#fdfdfd;color:var(--color-primary);padding-left:1.5rem} @keyframes fadeIn{from{opacity:0;transform:translate(-50%,10px)} to{opacity:1;transform:translate(-50%,0)} } .site-footer{background:#111;color:#888;padding:4rem 0 2rem;font-size:0.9rem;border-top:5px solid var(--color-primary)} .footer-col h3{color:white;font-size:1.1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.05em} .footer-links{list-style:none;padding:0} .footer-links li{margin-bottom:0.8rem} .footer-links a{color:#aaa;text-decoration:none;transition:color 0.3s;display:inline-block} .footer-links a:hover{color:var(--color-primary);transform:translateX(5px)} .footer-bottom{border-top:1px solid #222;margin-top:3rem;padding-top:2rem;text-align:center;font-size:0.85rem;color:#555}