fix: messages header

assets/scss/templates/_messages-header.scss

@@ -1,4 +1,5 @@
 /* messages headers*/
+
 .messages-container {
   display: flex;
   padding: 0 2%;
@@ -18,31 +19,30 @@
   font-size: $dp-font-size-small;
 }
 
-.messages-container.error .button {
+.messages-container.blocker .button {
   color: $dp-color-red;
 }
 
-.messages-container.message .button {
+.messages-container.info .button {
   color: $dp-color-lightgreen;
 }
 
 .messages-container .button {
   margin-left: 20px;
 }
 
-.messages-container.message {
+.messages-container.info {
   background: $dp-color-lightgreen;
 }
 
 .messages-container.warning {
   background: $dp-color-yellow;
 }
 
-.messages-container.error {
+.messages-container.blocker {
   background: $dp-color-red;
 }
 /* buttons */
-
 .button {
   border: 0;
   border-radius: 3px;
@@ -64,7 +64,7 @@
 }
 
 .button--tiny {
-  font-size: 13px;
+  font-size: $dp-font-button-medium;
   height: 30px;
   line-height: 30px;
   padding-left: 20px;

assets/templates/messages-header.html

@@ -42,9 +42,9 @@
       </ul><!-- nav -->
     </section><!-- section-module -->
     <!-- rojo -->
-    <div class="messages-container error">
+    <div class="messages-container blocker">
       <div class="wrapper">
-        <p class="ng-binding">Para que puedas enviar tu próxima Campaña, antes necesitamos verificar el origen de tus Suscriptores.</p>
+        <p>Para que puedas enviar tu próxima Campaña, antes necesitamos verificar el origen de tus Suscriptores.</p>
         <a href="#" class="button button--light button--tiny">Verificar Ahora</a>
       </div>
     </div><!-- error -->
@@ -55,7 +55,7 @@
       </div>
     </div><!-- warning-->
     <!-- verde -->
-    <div class="messages-container message">
+    <div class="messages-container info">
       <div class="wrapper">
         <p>Posees una cuenta gratis de 500 Suscriptores. Potencia tus Campañas con los beneficios de un Plan Pago.</p>
         <a href="#" class="button button--light button--tiny">Comprar Ahora</a>