/* Tipografía Base */
        .problemaSub, .problemaDiagnostico, .problemaFrase, .problemaTitle {
            font-family: "Fira Sans", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

        /* Estilos específicos */
        .problemaSub{
            font-size:18px;
            line-height:30.9px;
            letter-spacing:0.05em;
        }
        
        .problemaTitle{
            font-size:37.01px;
            line-height:44.4px;
        }

        .problemaDiagnostico{
            display:flex;
            font-size:15px;
            line-height:24.7px;
            letter-spacing:0.05em;
            width:100%;
            max-width:385px;
            text-align:right;
            justify-content:right;
            align-items:center;
            opacity:0;
            /* Transición para la animación de opacidad */
            transition: opacity 0.5s ease-in-out; 
        }
        
        .problemaFrase{
            font-size:19px;
            line-height:32.9px;
            max-width:527px;
            width:100%;
            color:#BBBBBB; /* Color gris por defecto */
            /* Transición para la animación de color */
            transition: color 0.5s ease-in-out; 
        }
        
        /* Contenedor principal */
        .problema{
            display:flex;
            width:100%;
            padding:259px 30px;
            justify-content:center;
            align-items:center;
            background-color:#E8E7E3;
        }
        
        .problemaContainer{
            display:flex;
            gap:56px;
            flex-direction:column;
            width:100%;
            max-width:1093px;
        }
        
        /* Elementos de la lista */
        .problemaTitular{
            display:flex;
            gap:20px;
            align-items:center;
        }
        
        .problemaLineaNaranja{
            width:3px;
            height:50px;
            background-color:#DD6D03;
        }
        
        .problemaFila{
            display:flex;
            justify-content:space-between;
            padding:24px 20px 24px 0;
            gap:20px;
        }
        
        .problemaLineaLarga{
            display:flex;
            width:100%;
            height:1px;
            background-color:#BEBEBE;
        }
        
        /* Clases de Animación (Activas) */
        .problema .visible{
            opacity:1;
        }
        
        .problema .intenso{
            color:black; /* Color negro para la frase activa */
        }