:root{
      --brand-black: #0b0b0b;
      --brand-red: #d90429;
      --brand-gray: #f6f6f7;
      --accent: #ff595e; /* small accent if needed */
    }
    body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background: var(--brand-gray); color: #222; padding-top: 70px; /* Ajusta según la altura real de tu navbar */}
    .bg-brand{background: linear-gradient(180deg, rgba(11,11,11,1) 0%, rgba(20,20,20,1) 100%);}
    .text-brand-red{color:var(--brand-red)!important}
    .navbar-brand strong{color:var(--brand-red)}
    .btn-cta{background:var(--brand-red); color:#fff}
    .btn-cta:hover{filter:brightness(0.95)}
    .card-service{border:0; box-shadow:0 6px 20px rgba(11,11,11,0.06)}
    .project-img{height:190px; object-fit:cover; border-radius:8px}
    footer{background:#0b0b0b; color:#ddd}
    .hero-overlay{background:linear-gradient(90deg, rgba(11,11,11,0.65), rgba(11,11,11,0.15));}

/* Botón flotante WhatsApp */
.whatsapp-float {
  position: fixed;
  bottom: 20px;   /* distancia desde abajo */
  right: 20px;    /* distancia desde la derecha */
  background-color: #25D366; /* verde oficial */
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 1000; /* siempre encima */
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-float:hover {
  background-color: #1ebe5d; /* verde más oscuro */
  transform: scale(1.1);
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
  color: #fff;
}