/* ===== ESTILOS CRÍTICOS BÁSICOS ===== */

/* Estilos críticos inline para mejorar la carga inicial */
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  color: #212529;
  background-color: #f8f9fa;
}

/* Estilos para la insignia "HOT" */
.badge.hot {
  background-color: #0d6efd;
  color: #fff;
  font-size: 0.65em;
  padding: 0.25em 0.5em;
  border-radius: 20px;
  margin-left: 5px;
  vertical-align: middle;
}

/* Variables CSS */
:root {
    --primary: #0d6efd;
    --primary-light: #4895ef;
    --primary-dark: #0b5ed7;
    --secondary: #0dcaf0;
    --dark: #212529;
    --light: #f8f9fa;
    --success: #4ade80;
    --warning: #ffc107;
    --card-bg: #ffffff;
    --section-bg: #f9fafb;
}

/* Gradiente de texto */
.gradient-text {
    background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Estilos para contenedores de logos de partners */
.partner-logo-container {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  filter: grayscale(70%);
}

.partner-logo-container:hover {
  filter: grayscale(0%);
  transform: scale(1.1);
}

/* Hero SVG animation */
.hero-image-container {
  position: relative;
}

@keyframes floating {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.hero-image-container svg {
  animation: floating 4s ease-in-out infinite;
}

/* Animaciones básicas */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes glow {
    0% { box-shadow: 0 5px 15px rgba(13, 110, 253, 0.2); }
    50% { box-shadow: 0 10px 25px rgba(13, 110, 253, 0.4); }
    100% { box-shadow: 0 5px 15px rgba(13, 110, 253, 0.2); }
}
