/* VERSION PARA COMPUTADORAS LAPTOP */
@media (min-width: 600px) {
    .step {
        /* Estilos base para todos los pasos */
        padding: calc(10px * 0.7); /* 7px */
        margin: calc(5px * 0.7); /* 3.5px */
        color: #333;
        transition: all 0.15s ease;
    }

    .active-step {
        /* Estilos específicos para el paso activo */
        opacity: 1;
        border-bottom: calc(3px * 0.7) solid #105a3b; /* 2.1px */
        color: #ffffff; /* Texto blanco para contraste */
    }

    .inactive-step {
        /* Estilos para pasos inactivos y no completados */
        opacity: 0.5;
    }

    .transition-step {
        /* Estilos base para todos los pasos */
    }

    .transition-step-visible {
        opacity: 1 !important; /* Se hace completamente visible */
        transition: opacity 0.5s ease-in-out;
    }

    .transition-step-invisible {
        opacity: 0 !important; /* Se hace completamente invisible */
        transition: opacity 0.5s ease-in-out;
        display: none !important;
    }
}