/*=================================
CTA FINAL
=================================*/

.cta-security{
    padding:40px 20px;
    background:#000;
}

.cta-container{
    max-width:1300px;
    margin:auto;

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

    padding:30px 40px;

    background:
        linear-gradient(
            90deg,
            rgba(255,0,0,.08),
            rgba(255,0,0,.02)
        );

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

    border-radius:16px;

    position:relative;
    overflow:hidden;

    backdrop-filter:blur(10px);
}

/* brillo suave */

.cta-container::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at left,
            rgba(255,0,0,.12),
            transparent 55%
        );

    pointer-events:none;
}

/* icono */

.cta-icon{
    flex-shrink:0;

    width:90px;
    height:90px;

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

.cta-icon i{
    font-size:72px;
    color:#ff1f1f;

    filter:
        drop-shadow(
            0 0 20px rgba(255,0,0,.35)
        );
}

/* contenido */

.cta-content{
    flex:1;
}

.cta-content h2{
    font-size:2rem;
    color:#fff;
    margin-bottom:10px;
    line-height:1.2;
}

.cta-content p{
    color:#a8adb8;
    font-size:15px;
    line-height:1.7;
}

/* botón */

.cta-action{
    flex-shrink:0;
}

.cta-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;

    padding:18px 28px;

    background:
        linear-gradient(
            135deg,
            #ff3030,
            #c90000
        );

    color:#fff;
    text-decoration:none;
    font-weight:600;

    border-radius:10px;

    transition:.35s ease;
}

.cta-btn:hover{
    transform:translateY(-4px);

    box-shadow:
        0 15px 40px rgba(255,0,0,.35);
}

.cta-btn i{
    font-size:18px;
}
@media(max-width:992px){

    .cta-container{
        flex-direction:column;
        text-align:center;
        padding:35px 25px;
    }

    .cta-content h2{
        font-size:1.6rem;
    }

    .cta-icon i{
        font-size:60px;
    }
}

@media(max-width:576px){

    .cta-content h2{
        font-size:1.3rem;
    }

    .cta-content p{
        font-size:14px;
    }

    .cta-btn{
        width:100%;
        justify-content:center;
    }
}