/* public/site/public.css */
.hero {
  background: radial-gradient(1200px 600px at 80% -50%, rgba(255,193,7,.15), transparent),
              radial-gradient(1000px 500px at -20% -60%, rgba(13,110,253,.12), transparent);
  padding: 64px 0 48px;
}
.hero h1 { font-weight: 800; letter-spacing: -.02em; }
.hero .badge { font-size: .8rem; }

.card-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: grid; place-items: center; background:#f1f3f5; margin-bottom:8px;
}

.whatsapp-fab{
  position: fixed; right: 18px; bottom: 18px; width: 56px; height: 56px;
  border-radius: 50%; background:#25D366; display:grid; place-items:center;
  box-shadow: 0 8px 24px rgba(0,0,0,.25); z-index: 1050;
}
.whatsapp-fab img { width: 28px; filter: invert(1) brightness(10); }
.logo-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slide-track {
  display: flex;
  width: calc(250px * 10); /* Ajusta según cantidad de logos */
  animation: scroll 20s linear infinite;
}

.slide {
  height: 100px;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.slide img {
  max-height: 60px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.slide img:hover {
  filter: grayscale(0%);
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* Logos slider */
.logo-slider{overflow:hidden;position:relative;width:100%}
.logo-track{display:flex;gap:56px;align-items:center;animation:logosScroll 24s linear infinite}
.logo-item img{max-height:46px;filter:grayscale(100%);opacity:.7;transition:opacity .2s, filter .2s}
.logo-item img:hover{filter:grayscale(0%);opacity:1}
@keyframes logosScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}