:root, [data-theme="light"] {
    --p: 210 100% 35%;   /* primary: #0A4F90 */
    --pf: 210 100% 25%;
    --pc: 210 100% 90%;

    --a: 160 80% 40%;    /* accent: #06A77D */
    --af: 160 100% 30%;
    --ac: 160 80% 90%;

    --w: 45 90% 55%;     /* warning: #F1A208 */
    --wf: 45 100% 45%;
    --wc: 45 90% 15%;

    /* NUEVOS COLORES PERSONALIZADOS */
    --primary-dark: 210 94% 29%;     /* #054A91 */
    --primary-medium: 210 48% 47%;   /* #3E7CB1 */
    --primary-light: 210 48% 65%;    /* #81A4CD */
    --neutral-light: 210 40% 90%;    /* #DBE4EE */
    --warning-new: 28 100% 48%;      /* #F17300 */

    --danger:          359 96% 35%;     /* #B10003 – rojo fuerte */

    /* BOTONES REDONDOS */
    --rounded-btn: 0.75rem;
    --btn-focus-scale: 0.95;
  }


body {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
  font-weight: 500; /* opcional: queda más elegante que el 400 */
}

/* FONDO GRADIENTE FIJO */
  .hero-gradient {
    background: linear-gradient(135deg, #054A91 0%, #81A4CD 100%);
  }

  .icono-grande {
  font-size: 48px !important;
}

.iconoTiposCap{
  font-size: 35px !important;
}



/* === EFECTO AL LOGO === */
.logo-float {
  animation: float 3s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(241, 162, 8, 0.4));
  transition: all 0.3s ease;
}

.logo-float:hover {
  animation: float 1s ease-in-out infinite;
  filter: drop-shadow(0 0 35px rgba(6, 167, 125, 0.7));
  transform: scale(1.1);
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

@media (max-width: 768px) {
  .hero h1 {
    font-size: 2.5rem;
  }

  .logo-float {
    width: 140px !important;
  }
}

/* OCULTAR SCROLLBAR */
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  /* CORTE DE TEXTO */
  .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .iconosCard{
    font-size: 20px!important;
  }
  
  
  
  
  /* Animación de fade-up suave */
@keyframes fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fade-up 0.8s ease-out forwards;
}
.delay-200  { animation-delay: 0.2s; }

/* Hover en botones más premium */
.btn {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.btn:hover {
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}