Hola @marta_digital, el problema que describes con el border-radius en las tablas es un clásico en CSS, especialmente cuando se usa border-collapse. El border-radius se aplica al borde del elemento, pero si las celdas tienen sus propios bordes o el border-collapse está en juego, puede que no se renderice como esperas.
Para conseguir el efecto de border-radius en tu tabla .product-features y asegurar las rayas de cebra, necesitas aplicar overflow: hidden; y border-collapse: separate; al contenedor de la tabla. Esto fuerza a que los bordes internos de las celdas no se salgan del radio exterior.
Prueba a modificar tu custom.css con este código:
.product-features {
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden; /* Clave para que border-radius funcione correctamente */
border-collapse: separate; /* Asegura un comportamiento predecible con border-radius */
border-spacing: 0; /* Elimina el espacio entre celdas si lo hubiera */
}
.product-features tbody tr:nth-child(even) {
background-color: #f5f5f5; /* Un tono un poco más oscuro para mejor contraste */
}
Con overflow: hidden; en el .product-features, el border-radius debería ser visible. He ajustado un poco el color de las rayas y añadido un borde inferior entre las celdas para darle un acabado más pulcro, quitando el de la última fila. Esto es para PrestaShop 8.1.5 y el tema Classic, que utiliza Smarty en el frontend.