@charset "UTF-8";

/* Estilos personalizados para Helados Élite - Próximamente */

:root {
  --elite-mint: #85D7C2;
  --elite-mint-dark: #3B9686;
  --elite-mint-light: #EBF8F5;
  --elite-pink: #F8B4CB;
  --elite-pink-dark: #E27297;
  --elite-pink-soft: #FFF2F6;
  --elite-cream: #FCF8F2;
  --elite-wood: #C89D76;
  --elite-blue-logo: #2E3192;
  --elite-green-logo: #8CC63F;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #F8FAF9;
  color: #1F2937;
  overflow-x: hidden;
}

/* Tipografía de display para encabezados */
.font-display {
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
}

/* Tipografía cursiva oficial Élite con el color exacto del logo (#2E3192) */
.font-elite-script {
  font-family: 'Satisfy', 'Caveat', 'Brush Script MT', cursive;
  font-weight: 700;
  color: #2E3192;
  font-style: italic;
  display: inline-flex;
  align-items: baseline;
  letter-spacing: -0.01em;
}

/* Subíndice LS en texto (L verde menta, S rosa) */
.brand-ls-sub {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 0.52em;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0.04em;
  vertical-align: sub;
  margin-left: 0.15em;
  line-height: 1;
}

.brand-l-mint {
  color: #3B9686;
}

.brand-s-pink {
  color: #E27297;
}

/* Efectos de vidrio suave / Glassmorphism */
.glass-panel {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(133, 215, 194, 0.25);
}

.glass-card-floating {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  box-shadow: 0 16px 36px -8px rgba(59, 150, 134, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.9);
}

/* Animaciones sutiles */
@keyframes floatSlow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

.animate-float {
  animation: floatSlow 5s ease-in-out infinite;
}

/* Scrollbar estilizada */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #F1F5F4;
}

::-webkit-scrollbar-thumb {
  background: #85D7C2;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3B9686;
}