*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#03112a;
    color:#fff;
    overflow-x:hidden;
}

/* ==========================================
   TITULOS GENERALES DE SECCIONES
========================================== */

/* ===================================
   TITULOS GLOBALES
=================================== */

.section-title{
    position:relative;
    z-index:10;

    max-width:900px;
    margin:0 auto 80px;

    text-align:center;
}

/* Badge superior */

.section-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 20px;

    border-radius:50px;

    background:
    linear-gradient(
    90deg,
    rgba(255,40,40,.08),
    rgba(255,40,40,.18)
    );

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

    color:#ff6d6d;

    font-size:13px;
    font-weight:600;

    letter-spacing:2px;
    text-transform:uppercase;

    margin-top:25px;
    margin-bottom:25px;

    backdrop-filter:blur(10px);
}

/* Punto rojo */

.section-badge::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#ff2b2b;

    box-shadow:
    0 0 10px #ff2b2b,
    0 0 20px #ff2b2b;
}

/* TITULO */

.section-title h2{

    font-size:clamp(42px,6vw,72px);

    font-weight:800;

    text-transform:uppercase;

    line-height:1;

    letter-spacing:-2px;

    color:#ffffff;

    margin-bottom:25px;
}

/* SERVICIOS */

.section-title h2 span{


    background:
    linear-gradient(
    180deg,
    #ff7a7a,
    #ff2323
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
    0 0 25px rgba(255,40,40,.25);
}

/* TEXTO */

.section-title p{

    max-width:700px;

    margin:auto;

    color:#aeb6c6;

    font-size:18px;

    line-height:1.9;
}

/* Línea decorativa */

.section-title::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-35px;

    transform:translateX(-50%);

    width:140px;
    height:4px;

    border-radius:10px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #ff2b2b,
    transparent
    );

    box-shadow:
    0 0 15px rgba(255,0,0,.4);
}
@media (max-width: 992px){

    .section-title{
        margin-bottom:60px;
    }

    .section-title p{
        font-size:17px;
    }

    .section-badge{
        margin-top:-50px;
    }

}

@media (max-width:768px){

    .section-title{
        padding:0 20px;
    }

    .section-title p{
        font-size:15px;
        line-height:1.8;
    }

    .section-badge{
        font-size:11px;
        letter-spacing:1px;
        padding:8px 16px;
    }

}

.animation{
    animation: fadeUp 1s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}