diff --git a/004_primeras_paginas/html_css_parte2/productos.css b/004_primeras_paginas/html_css_parte2/productos.css
index 1b3a43d..1d979ae 100644
--- a/004_primeras_paginas/html_css_parte2/productos.css
+++ b/004_primeras_paginas/html_css_parte2/productos.css
@@ -28,6 +28,11 @@ nav a{
text-decoration: none;
}
+nav a:hover{
+ color: #cd4f39;
+ text-decoration: underline;
+}
+
.productos{
width: 80%;
margin: 0 auto;
@@ -39,22 +44,34 @@ nav a{
text-align: center;
width: 30%;
vertical-align: top;
- /*background: #cd4f39;*/
+ /*background: #cd4f39; <- se usó para visualizar modificaciones */
margin: 0 1.5%;
padding: 30px 20px;
box-sizing: border-box;
- /*border-width: 2px;
- border-style: solid;
- border-color: #cd4f39;*/
+ /*border-width: 2px; <- estas 3 propiedades se
+ border-style: solid; <- pueden reemplazar con la
+ border-color: #cd4f39; <- propiedad de abajo */
border: 2px solid #cd4f39;
border-radius: 10px;
}
+.productos li:hover{
+ border-color: #046dfc;
+}
+
+.productos li:active{
+ border-color: #088C19;
+}
+
.productos h2{
font-size: 26px;
font-weight: bold;
}
+.productos li:hover h2{
+ font-size: 32px;
+}
+
.prod_descripcion {
font-size: 18px;
}