h4.dir {
    color: #000;
    transition: color 0.3s ease-in-out;
    /* Transición suave de color */
}

a.subra::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scaleX(0);
    /* Inicialmente, la línea horizontal está oculta */
    transition: transform 0.3s ease-in-out;
    /* Transición suave de transformación */
}

.subra object {
    pointer-events: none;
    /* Desactiva la interacción con el objeto SVG para permitir el clic en el enlace */
}

a.subra:hover h4.dir {
    color: #BC955C;
    /* Cambio de color al pasar el cursor */
}

a.subra:hover::after  {
    transform: scaleX(1);
    /* Mostrar la línea horizontal al pasar el cursor */
}