.Qsection {
    background: var(--color-primario);
    font-family: var(--fuente-montserrat);
    font-size: 25px;
    width: 100%;
}

.ctntrgts {
    width: 80%;
    max-width: 80%;
}

.trgtactive {
    background-color: var(--color-terceiario);
    cursor: pointer;
    border: none;
    color: var(--color-blanco);
}

.trgtactive:hover {
    background-color: var(--color-terceiario);
    cursor: pointer;
    scale: 1.02;
    transition: all 0.3s ease;
}

.trgtactive::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 20%;

    border-width: 15px 15px 0;
    border-style: solid;
    border-color: var(--color-terceiario) transparent transparent transparent;
}

.trgtinactive {
    background-color: var(--color-blanco);
    cursor: pointer;
    border: none;
    color: var(--color-primario);
}

.trgtinactive:hover {
    background-color: var(--color-blanco);
    cursor: pointer;
    scale: 1.02;
    transition: all 0.3s ease;
}


.ctninfrms {
    background-color: var(--color-cuaternario);
    max-width: 80%;
    margin: 0 auto;
    
}



.paso-badge {
    width: 35px;
    height: 35px;
    background-color: var(--color-secundario);
    font-weight: bold;
    font-size: 20px;



    border: 4px solid transparent;

    background-image: 
      linear-gradient(white, white), 
      linear-gradient(to right, #0099cc, #003366); 

    background-origin: border-box;

    background-clip: content-box, border-box;
    
    padding: 15px;
}