/* Estilos complementarios para Web SINTRADANE - Mobile-First */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@600;700;800&display=swap');

:root {
  --primary-color: #8D1933;
  --primary-dark: #6B001F;
  --secondary-color: #1E293B;
  --accent-gold: #D97706;
  --bg-cream: #FBF9F5;
  --bg-surface: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-cream);
  color: #1B1C1A;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Montserrat', sans-serif;
}

/* Optimizaciones táctiles para móvil */
button, input, select, textarea, .touch-target {
  min-height: 48px;
  touch-action: manipulation;
}

/* Tarjetas de votación táctiles */
.vote-card {
  transition: all 0.2s ease-in-out;
  border: 2px solid #E2E8F0;
  cursor: pointer;
}

.vote-card:active {
  transform: scale(0.98);
}

.vote-card.selected {
  border-color: var(--primary-color);
  background-color: #FFF5F7;
  box-shadow: 0 4px 12px rgba(141, 25, 51, 0.12);
}

/* Efecto suave de elevación */
.soft-shadow {
  box-shadow: 0 4px 20px -2px rgba(30, 41, 59, 0.06), 0 2px 6px -1px rgba(30, 41, 59, 0.04);
}

/* Animación de pulso institucional */
@keyframes pulse-subtle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.95; transform: scale(1.02); }
}

.pulse-target {
  animation: pulse-subtle 3s infinite ease-in-out;
}