.hero-soporte{

    width:calc(100% - 40px);

    max-width:900px;

    margin:140px auto 60px auto;

    text-align:center;
}

.hero-soporte h1{

    color:white;

    font-size:48px;

    margin-bottom:20px;
}

.hero-soporte p{

    color:rgba(255,255,255,.70);

    font-size:18px;

    line-height:1.8;
}

.contactos{

    width:calc(100% - 40px);

    max-width:1000px;

    margin:0 auto 70px auto;

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));

    gap:20px;
}

.tarjeta-contacto{

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:35px;

    text-align:center;
}

.tarjeta-contacto h2{

    color:#d9bf69;

    margin-bottom:15px;
}

.tarjeta-contacto p{

    color:white;

    margin-bottom:25px;
}

.boton-contacto{

    display:inline-block;

    background:#d9bf69;

    color:#121827;

    text-decoration:none;

    font-weight:700;

    padding:14px 28px;

    border-radius:14px;

    transition:.2s;
}

.boton-contacto:hover{

    transform:translateY(-2px);
}

.faq-soporte{

    width:calc(100% - 40px);

    max-width:900px;

    margin:0 auto 100px auto;
}

.faq-soporte h2{

    text-align:center;

    color:white;

    font-size:36px;

    margin-bottom:40px;
}

.faq-item{

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:25px;

    margin-bottom:20px;
}

.faq-item h3{

    color:#d9bf69;

    margin-bottom:10px;
}

.faq-item p{

    color:rgba(255,255,255,.70);

    line-height:1.7;
}