.enviar {
              cursor: pointer;
              border: 1px solid rgba(98, 98, 98, 0.27);
              background-color: #40d9ca;
              border-color: #40d9ca;
              border-radius: 5px;
              color: #ffffff;
              padding: 8px;
              min-width: 80px;
              margin-bottom: 5px;
            }

            .observaciones {
              width: 100%;
              height: 100px;
              padding: 10px;
              border: 1px solid #ccc; 
              border-radius: 5px;
              box-sizing: border-box;
              white-space: pre-wrap;
            }

            .noaplica {
              text-align: center;
            }

            .rating,
            .rating2,
            .rating4,
            .rating5 {
                display: flex;
                flex-direction: row-reverse; /* Invierte el orden para que CSS funcione correctamente con el selector ~ */
                justify-content: center;
            }

            .rating input,
            .rating2 input,
            .rating4 input,
            .rating5 input {
                display: none; /* Oculta los radio buttons */
            }

            .rating p,
            .rating2 p,
            .rating4 p,
            .rating5 p {
              text-align: center;
              font-size: 1.2rem;
            }

            .rating label,
            .rating2 label,
            .rating4 label,
            .rating5 label {
                font-size: 4rem; /* Tamaño de las estrellas */
                color: #ccc; /* Color por defecto (gris) */
                cursor: pointer;
                margin-left: 20px;
                display: block;
                margin-bottom: 5px;
            }

            /* Estilo para las estrellas al pasar el cursor (hover) y las que le siguen */
            .rating label:hover,
            .rating label:hover ~ label,
            .rating2 label:hover,
            .rating2 label:hover ~ label,
            .rating4 label:hover,
            .rating4 label:hover ~ label,
            .rating5 label:hover,
            .rating5 label:hover ~ label {
                color: #ffcc00; /* Color amarillo al pasar el cursor */
            }

            /* Estilo para las estrellas seleccionadas y las que le preceden */
            .rating input:checked ~ label,
            .rating2 input:checked ~ label,
            .rating4 input:checked ~ label,
            .rating5 input:checked ~ label {
                color: #ffcc00;
            }

            .desc {
              display: block; /* El texto inferior ocupa su propia línea */
              font-size: 1.2em;
              color: #666;
              margin-left: 20px; /* Indentación opcional para alinear */
              text-align: center;
            }