.subtitulo {
position: relative;/* Necesario para posicionar el after */
}
/El hover y el after sirven para que al pasar el raton por encima del subtitulo aparezca una flecha hacia abajo/
.subtitulo:hover::after {
content: "▼";
position: absolute;/* Posicionamiento absoluto respecto al subtitulo /
left: 50%;
transform: translateX(-50%);/ Centra la flecha horizontalmente /
bottom: -28px;/ Ajusta la posición vertical de la flecha /
font-size: 30px;/ Tamaño de la flecha /
color: #ff1744;
text-shadow: 0 2px 8px rgba(255, 23, 68, 0.5);/ Sombra para resaltar la flecha /
transition: color 0.2s, text-shadow 0.2s;/ Transición suave para el color y la sombra */
}
