/*
Theme Name: SkyraAgency
Theme URI: https://skyraagency.com
Author: SkyraAgency
Description: Landing page tema para SkyraAgency - Agencia LinkedIn
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: skyra-agency
*/

html { scroll-behavior: smooth; }

body {
  background: #06080f;
  color: #eef2ff;
  overflow-x: hidden;
}

/* Nav fija */
#site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 200;
  background: rgba(6,8,15,0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* Menú móvil oculto por defecto */
#mobile-menu { display: none; }
#mobile-menu.open { display: block; }

/* Marquee */
.marquee-track {
  display: flex;
  white-space: nowrap;
  animation: marquee-scroll 28s linear infinite;
  width: max-content;
}
.marquee-track:hover { animation-play-state: paused; }
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Caso card hover */
.caso-card {
  transition: border-color .3s, transform .3s;
}
.caso-card:hover {
  border-color: rgba(0,194,255,.22) !important;
  transform: translateY(-4px);
}

/* CTA hover */
.cta-btn {
  transition: transform .2s, box-shadow .2s;
}
.cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0,194,255,.35);
}

/* Pulse dot */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .3; transform: scale(.7); }
}
.pulse-dot {
  animation: pulse-dot 2s infinite;
}