Hola @alvaroshop99, @lucas_tech ha dado en el clavo con lo de align-items: stretch. Para que tus tarjetas tengan la misma altura y un efecto hover más pulido en PrestaShop 1.7.0.1 con el tema Classic, necesitas aplicar la lógica flexbox tanto al contenedor de las columnas (.row) como a las propias columnas (.col-lg-6) y finalmente al enlace (.account-link).
Aquí tienes el CSS que deberías añadir a tu themes/classic/assets/css/custom.css para lograrlo:
/* Ajuste para que las columnas dentro de la fila se estiren */
#content .page-content > .row {
display: flex;
flex-wrap: wrap;
align-items: stretch; /* Esto hace que los .col-lg-6 tengan la misma altura */
margin-left: -10px; /* Ajuste para espaciado */
margin-right: -10px;
}
/* Cada columna debe ser flex para que el enlace interno se estire */
#content .page-content .col-lg-6.col-md-6 {
Explicación de los cambios:
#content .page-content > .row: Le aplicamos display: flex y align-items: stretch. Esto es crucial para que los elementos hijos directos (tus .col-lg-6.col-md-6) se estiren y ocupen la misma altura en la fila, sin importar el contenido de cada uno.#content .page-content .col-lg-6.col-md-6: Hacemos que cada columna también sea un display: flex. Esto es necesario para que el enlace (.account-link) dentro de ella pueda expandirse verticalmente.#content .account-link: Le añadimos flex-grow: 1. Esto asegura que el enlace en sí ocupe todo el espacio vertical disponible dentro de su columna. También agregué estilos para centrar el contenido y un transition para una experiencia de hover más fluida.#content .account-link:hover: Mejoré los efectos visuales con un cambio de color de borde, una sombra más prominente y un ligero transform: translateY(-2px) para un efecto de 'elevación'.#content .account-link i: Añadí estilos para los iconos si los usas, para que también reaccionen al hover.
Con esto, tus tarjetas deberían verse modernas, con alturas uniformes y un efecto hover atractivo. Recuerda borrar la caché de tu navegador y, si es necesario, la caché de PrestaShop después de aplicar los cambios.