/* ============================================================
   Clarity Website — Main CSS Entry Point
   ============================================================
   This file imports all modular stylesheets in the correct order.
   Each file is self-contained and well-documented.

   File Structure:
   ├── variables.css .... Design tokens, reset, base styles, utilities
   ├── navbar.css ....... Fixed navbar, dropdowns, mobile toggle
   ├── hero.css ......... Hero section layout and floating cards
   ├── sections.css ..... About, Stats, Services, Features, Portfolio,
   │                      Team, Testimonials, Contact
   ├── footer.css ....... Footer layout, links, newsletter, copyright
   ├── pages.css ........ Inner page styles (service-details, portfolio-details)
   └── responsive.css ... Media queries and AOS overrides
   ============================================================ */

@import url('variables.css');
@import url('navbar.css');
@import url('hero.css');
@import url('sections.css');
@import url('footer.css');
@import url('pages.css');
@import url('responsive.css');

/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  bottom: 90px; /* encima del back-to-top */
  right: 24px;
  width: 52px;
  height: 52px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
  z-index: 999;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
  color: #fff;
}