/*
 * main.css - core styles for LeanaSoft site
 * reorganizado y limpiado, con comentarios por secciones.
 */

/* ----- Variables globales ----- */
:root {
    --primary: #00f0ff;
    --secondary: #7b2dff;
    --dark: #050510;
    --darker: #020208;
    --gray-light: #e0e0e0;
}

/* ----- Reset, tipografía y utilidades ----- */
html {
    scrollbar-width: thin;
    scrollbar-color: #00a2ff #001133;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--dark);
    color: #fff;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    position: relative;
}

/* Scrollbar customizado (WebKit) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: rgba(0,0,20,.8);
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.5);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(145deg,#00f2ff,#0084ff);
    border-radius: 10px;
    border: 2px solid rgba(0,0,0,.3);
    box-shadow: 0 0 5px #00f2ff,0 0 10px #0084ff,inset 0 0 5px rgba(0,242,255,.5);
    transition: all .3s ease;
    animation: neon-pulse 3s infinite alternate;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(145deg,#00ffff,#0066ff);
    box-shadow: 0 0 10px #00ffff,0 0 15px #0066ff,inset 0 0 8px rgba(0,255,255,.7);
}
::-webkit-scrollbar-corner {
    background: rgba(0,0,20,.8);
}

/* Tipografía especial */
.title-font {
    font-family: 'Space Grotesk', sans-serif;
}

/* Reutilizables */
.gradient-text {
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient-shift 4s ease infinite;
    background-size: 200% auto;
}

.gradient-bg {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
}

.glow-text {
    text-shadow: 0 0 8px rgba(0,240,255,.6);
}

.card-glass {
    background: rgba(5,5,16,.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.05);
    transition: all .3s ease;
}

.hover-scale {
    transition: transform .3s ease;
}
.hover-scale:hover {
    transform: translateY(-5px);
}

/* Animaciones generales */
@keyframes neon-pulse {
    0%, 100% { box-shadow: 0 0 5px #00f2ff, 0 0 10px #0084ff; }
    50%       { box-shadow: 0 0 10px #00f2ff, 0 0 20px #0084ff; }
}

@keyframes levitate {
    0%,100% { transform: translateY(0) scale(1); }
    50%      { transform: translateY(100px) scale(1.02); }
}

@keyframes float {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(-20px); }
}

@keyframes float-slow {
    0%,100%   { transform: translateY(0) translateX(0); }
    25%        { transform: translateY(-25px) translateX(-20px); }
    50%        { transform: translateY(0) translateX(-10px); }
    75%        { transform: translateY(-25px) translateX(20px); }
}

@keyframes gradient-shift {
    0%   { background-position: 0% center; }
    50%  { background-position: 100% center; }
    100% { background-position: 0% center; }
}

/* Uso específico */
#laptop-image {
    width: 450px;
    height: auto;
}

/* Sección CONTPAQi estilos neon */
.contpaqi-neon {
    box-shadow: 0 0 32px 0 #00f0ff55, 0 0 64px 0 #7b2dff33;
    border: 2px solid #00f0ff44;
    background: linear-gradient(135deg, #101024 80%, #1a1a3a 100%);
    position: relative;
}
.contpaqi-logo-glow {
    box-shadow: 0 0 32px 0 #00f0ff88, 0 0 64px 0 #7b2dff33;
    background: linear-gradient(135deg, #181848 60%, #23236a 100%);
}

/* clases auxiliares para esta sección */
.contpaqi-description {
    text-shadow: 0 0 8px #00f0ff99;
}
.contpaqi-logo {
    max-width: 200px;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 0 16px #00f0ff);
}

/* Contadores y otros textos dinámicos */

/* fin de main.css */