:root{--orange-primary:#F36D1F;--orange-hover:#e55a0f;--black-deep:#1C1C1C;--white-pure:#FFFFFF;--gray-light:#F5F5F5;--gray-dark:#333333;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--shadow-soft:0 4px 15px rgba(0, 0, 0, 0.1);--shadow-medium:0 8px 25px rgba(0, 0, 0, 0.15);--shadow-strong:0 20px 40px rgba(243, 109, 31, 0.2)}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.parallax-bg{background-image:url(../images/background-hero.webp);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.no-webp .parallax-bg{background-image:url(../images/background-hero.jpg)}@media (max-width:768px){.parallax-bg{background-attachment:scroll}}.header-bg{background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgb(0 0 0 / .1);transition:all var(--transition-fast)}.header-bg.scrolled{background:rgb(255 255 255 / .98);box-shadow:var(--shadow-soft)}.project-card{transition:all var(--transition-normal)}.project-card:hover{transform:scale(1.05)}.project-card img{transition:transform var(--transition-normal)}.project-card:hover img{transform:scale(1.1)}.whatsapp-float{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1000;box-shadow:0 4px 15px rgb(37 211 102 / .4);transition:all var(--transition-normal);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgb(37 211 102 / .6)}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;transition:border-color var(--transition-fast);font-size:1rem}.form-input:focus{outline:none;border-color:var(--orange-primary);box-shadow:0 0 0 3px rgb(243 109 31 / .1)}.loading{pointer-events:none;opacity:.7}.faq-item{transition:all var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-medium)}.faq-question{transition:color var(--transition-fast)}.faq-answer{transition:all var(--transition-normal)}.rotate-180{transform:rotate(180deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}