/* ===== IMPAX360 HERO PREMIUM - Entrega 3.2 ===== */

.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at top right, rgba(29,78,216,.30), transparent 35%),
      radial-gradient(circle at bottom left, rgba(214,40,40,.28), transparent 35%),
      linear-gradient(135deg,#050505,#111827);
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.30));
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

.hero h1{
    font-size:4.3rem;
    line-height:1.05;
    font-weight:800;
    margin-bottom:20px;
}

.hero p{
    font-size:1.2rem;
    color:#d1d5db;
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.tag{
    display:inline-block;
    margin-bottom:18px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    letter-spacing:1px;
}

.glow-red,.glow-blue{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    filter:blur(120px);
    opacity:.25;
}

.glow-red{
    background:#d62828;
    right:-120px;
    top:-120px;
}

.glow-blue{
    background:#2563eb;
    left:-120px;
    bottom:-120px;
}

@media(max-width:768px){
.hero h1{
font-size:2.6rem;
}
.hero{
padding:80px 0;
}
}