/* ================================
   HERO SECTION
================================ */

.hero{

    height:100vh;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 6%;

    gap:80px;

}


/* TEXTO HERO */

.hero-text{

    max-width:720px;

    display:flex;
    flex-direction:column;

    gap:22px;

}


/* TITULO PRINCIPAL */

.hero-text h1{

    font-family:'Orbitron',sans-serif;

    font-size:110px;

    line-height:1.05;

    letter-spacing:2px;

    background:linear-gradient(90deg,#00eaff,#7b2bff);

    -webkit-background-clip:text;

    color:transparent;

    text-shadow:
        0 0 10px rgba(0,234,255,0.4),
        0 0 25px rgba(123,43,255,0.4);

}


.hero-text h1::after{

    content:"";

    display:block;

    margin-top:18px;

    width:380px;
    height:4px;

    border-radius:4px;

    background:linear-gradient(90deg,#00eaff,#7b2bff);

    box-shadow:
        0 0 10px #00eaff,
        0 0 25px #7b2bff;

    animation:energyLine 3s linear infinite;

}


@keyframes energyLine{

    0%{
        transform:scaleX(.6);
        opacity:.7;
    }

    50%{
        transform:scaleX(1);
        opacity:1;
    }

    100%{
        transform:scaleX(.6);
        opacity:.7;
    }

}


/* SUBTITULO */

.hero-text h2{

    font-size:48px;

    max-width:700px;

    opacity:.9;

    position:relative;

    display:inline-block;

    padding-bottom:8px;

}


/* LINEA SUBTITULO */

.hero-text h2::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:3px;

    background:linear-gradient(90deg,#00c8ff,#7b2bff);

    box-shadow:0 0 8px #00c8ff;

    border-radius:3px;

}


/* TEXTO DESCRIPCIÓN */

.hero-text p{

    font-size:18px;

    line-height:1.6;

    opacity:.85;

    max-width:520px;

}


/* LOGO HERO */

.hero-logo{

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

}


.hero-logo img{

    width:900px;

    max-width:40vw;

    filter:drop-shadow(0 0 30px rgba(0,200,255,0.45));

    animation:logoFloat 7s ease-in-out infinite;

}


/* ANIMACIÓN LOGO */

@keyframes logoFloat{

    0%{
        transform:translateY(0px) rotate(-1deg) scale(1);
    }

    25%{
        transform:translateY(-12px) rotate(1deg) scale(1.02);
    }

    50%{
        transform:translateY(-6px) rotate(-1deg) scale(1.03);
    }

    75%{
        transform:translateY(-14px) rotate(1deg) scale(1.02);
    }

    100%{
        transform:translateY(0px) rotate(-1deg) scale(1);
    }

}


/* HALO LOGO */

.hero-logo::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    background:radial-gradient(circle,#00eaff33,#7b2bff22,transparent 70%);

    filter:blur(120px);

    animation:logoPulse 6s ease-in-out infinite;

    z-index:-1;

}


@keyframes logoPulse{

    0%{
        transform:scale(1);
        opacity:.6;
    }

    50%{
        transform:scale(1.2);
        opacity:1;
    }

    100%{
        transform:scale(1);
        opacity:.6;
    }

}