/* Inputs consistentes (sin @apply, porque CDN no compila) */
.tw-input {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.55);
  background: rgba(255, 255, 255, 0.92);
  padding: 0.65rem 0.85rem;
  font-size: 0.95rem;
  outline: none;
}

.dark .tw-input {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.tw-input:focus {
  border-color: rgba(252, 82, 0, 0.6);
  box-shadow: 0 0 0 3px rgba(252, 82, 0, 0.18);
}
/* Scroll reveal (sin libs) */
.reveal-init {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 650ms ease,
    transform 650ms ease;
  will-change: opacity, transform;
}

.reveal-show {
  opacity: 1;
  transform: translateY(0);
}

/* Respeta accesibilidad */
@media (prefers-reduced-motion: reduce) {
  .reveal-init {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* Animación para el botón de WhatsApp */
#whatsappFloat {
  animation: pulse 2.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* ==========================
   Form Inputs
========================== */

.tw-input{
  width:100%;
  padding:0.65rem 0.75rem;

  border-radius:0.75rem;
  border:1px solid #d1d5db;

  background:#ffffff;
  color:#0f172a;

  font-size:0.9rem;
  line-height:1.4;

  transition:all .2s ease;
}

.tw-input::placeholder{
  color:#94a3b8;
}

.tw-input:focus{
  outline:none;
  border-color:#FC5200;
  box-shadow:0 0 0 2px rgba(252,82,0,0.15);
}

/* dark mode */

.dark .tw-input{
  background:#0b1220;
  border-color:#334155;
  color:#e2e8f0;
}

.dark .tw-input::placeholder{
  color:#64748b;
}