a

CSS/main.css

@@ -88,6 +88,7 @@
     opacity: 1;
     z-index: 98;
 
+
    }
 
    .cestaCompra:hover > .desplegable-carrito{
@@ -780,44 +781,6 @@
 
 /*------------------------------CONTACTO------------------------*/
 
-.formulario-contacto input[type="email"] {
-    -webkit-appearance: none;
-    appearance: none;  
-    width: 100%;
-    border: 1px solid gold;
-    margin: 0;  
-    font-family: inherit;
-    font-size: 90%;  
-    box-sizing: border-box;
-  }
-
-.formulario-contacto input:invalid {
-    border-color: red;
-    background-color: rgba(19, 133, 34, 0.5);
-    
-  }
-  
-.formulario-contacto input:focus:invalid {
-    outline: none;
-}
-  
-.formulario-contacto .error {
-    width: 100%;
-    padding: 0;
-    font-size: 80%;
-    color: white;
-    background-color: #900;
-    border-radius: 0 0 5px 5px;
-    box-sizing: border-box;
-}
-  
-.formulario-contacto .error.active {
-    padding: 3px;
-    display: block;
-    text-align: center;
-    position: absolute;
-    width: fit-content;
-}
 
 .cuerpo-contacto {
     display: flex;
@@ -900,7 +863,20 @@ button.boton-enviar-form   {
     background-color: rgba(40, 42, 55, 0.9);
 }
 
+.msgError {
+    display: none;
+}
 
+ .msgError.active{
+   
+    display: contents;
+    color: red;
+        
+}
+
+.claseError.active {
+        border-color: red;
+}