@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', system-ui, sans-serif;
}

/* Animaciones personalizadas */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.animate-slide-up {
    animation: slideUp 0.3s ease-out;
}

/* Efectos de hover personalizados */
.hover-scale {
    transition: transform 0.2s ease-in-out;
}

.hover-scale:hover {
    transform: scale(1.1);
}

/* Glassmorphism effect */
.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Configuración de Tailwind personalizada */
.bg-gradient-custom {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}


.socicon {
  font-size: 28px;       /* tamaño del ícono */
  color: #ffffff;           /* color normal */
  transition: color .3s; /* animación */
}

.socicon-facebook:hover { color: #1877f2; }  /* azul Facebook */
.socicon-twitter:hover  { color: #1da1f2; }  /* azul Twitter */
.socicon-instagram:hover { color: #e4405f; } /* rosa Instagram */
.socicon-linkedin:hover { color: #0077b5; }  /* azul LinkedIn */

/* Contenedor responsivo 16:9 */
.video-container {
  position: relative;
  width: 100%;         /* Ancho completo */
  padding-bottom: 56.25%; /* 16:9 => 9/16 = 0.5625 */
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}