@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
/* =============================================================
   LLOG NDT — skin de UserPro  v3
   wp-content/themes/Avada/userpro/skins/default/style.css
   Reemplaza por completo las versiones anteriores.
   ============================================================= */

:root{
  --llog-red:    #E4032B;
  --llog-red-2:  #B80223;
  --llog-ink:    #14181D;
  --llog-body:   #4B5661;
  --llog-mute:   #8B96A3;
  --llog-line:   #DFE4E9;
  --llog-line-2: #EFF2F5;
  --llog-soft:   #F7F9FB;
  --llog-paper:  #FFFFFF;
  --llog-focus:  rgba(228,3,43,.14);
}

/* =============================================================
   1. CONTENEDOR
   ============================================================= */

html body div.userpro{
  border-radius: 0 !important;
  background: var(--llog-paper) !important;
  color: var(--llog-body) !important;
  border: 1px solid var(--llog-line) !important;
  border-top: 3px solid var(--llog-red) !important;
  box-shadow: 0 1px 3px rgba(20,24,29,.06) !important;
}

/* =============================================================
   2. ENCABEZADO — título a la izquierda, enlace a la derecha
   ============================================================= */

html body div.userpro div.userpro-head,
html body div.userpro div.userpro-centered{
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border-radius: 0 !important;
  background: var(--llog-paper) !important;
  border-bottom: 1px solid var(--llog-line) !important;
  border-left: 0 !important;
  padding: 22px 26px 18px !important;
  position: relative !important;
}

html body div.userpro div.userpro-head h2,
html body div.userpro div.userpro-head h3,
html body div.userpro div.userpro-head h4{
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 1 auto !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  color: var(--llog-ink) !important;
  text-transform: none !important;
}

/* enlace lateral (¿Olvidó su contraseña?) */
html body div.userpro div.userpro-head a,
html body div.userpro div.userpro-head span{
  flex: 0 0 auto !important;
  font-size: 13px !important;
  color: var(--llog-mute) !important;
  white-space: nowrap !important;
}
html body div.userpro div.userpro-head a:hover{ color: var(--llog-red) !important; }

/* ---- firma: escala de calibración bajo el encabezado ---- */
html body div.userpro div.userpro-head::after{
  content: "" !important;
  position: absolute !important;
  left: 26px !important; right: 26px !important; bottom: -1px !important;
  height: 6px !important;
  background-image: repeating-linear-gradient(
      to right,
      var(--llog-line) 0 1px,
      transparent 1px 11px);
  opacity: .9 !important;
  pointer-events: none !important;
}

/* =============================================================
   3. CUERPO DEL FORMULARIO
   ============================================================= */

html body div.userpro div.userpro-body,
html body div.userpro form{ padding: 0 !important; }

html body div.userpro div.userpro-field{
  margin: 0 0 18px !important;
  padding: 0 26px !important;
  overflow: visible !important;
  float: none !important;
  width: auto !important;
}

html body div.userpro div.userpro-field:first-of-type{ margin-top: 24px !important; }

/* etiqueta */
html body div.userpro div.userpro-label{
  display: block !important;
  float: none !important;
  width: auto !important;
  text-align: left !important;
  margin: 0 0 7px !important;
  overflow: visible !important;
}
html body div.userpro div.userpro-label label{
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--llog-mute) !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* el icono redondo del label estorba en este diseño */
html body div.userpro div.userpro-label span.userpro-field-icon{ display: none !important; }

/* campo */
html body div.userpro div.userpro-input{
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

html body div.userpro div.userpro-input input[type=text],
html body div.userpro div.userpro-input input[type=password],
html body div.userpro div.userpro-input input[type=email],
html body div.userpro div.userpro-input textarea,
html body div.userpro div.userpro-input select{
  width: 100% !important;
  height: auto !important;
  padding: 13px 14px !important;
  border-radius: 2px !important;
  background: var(--llog-soft) !important;
  border: 1px solid var(--llog-line) !important;
  box-shadow: none !important;
  color: var(--llog-ink) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  transition: border-color .15s, background .15s, box-shadow .15s !important;
}

html body div.userpro div.userpro-input input[type=text]:focus,
html body div.userpro div.userpro-input input[type=password]:focus,
html body div.userpro div.userpro-input input[type=email]:focus,
html body div.userpro div.userpro-input textarea:focus{
  background: var(--llog-paper) !important;
  border-color: var(--llog-red) !important;
  box-shadow: 0 0 0 3px var(--llog-focus) !important;
  color: var(--llog-ink) !important;
  outline: none !important;
}

/* asterisco de requerido */
html body div.userpro span.userpro-required,
html body div.userpro div.userpro-label label span{ color: var(--llog-red) !important; }

/* recordarme */
html body div.userpro div.userpro-input label.userpro-checkbox,
html body div.userpro div.userpro-input label.userpro-radio{
  font-size: 11.5px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: var(--llog-mute) !important;
  font-weight: 500 !important;
}

/* =============================================================
   4. BOTONES — red amplia, cualquiera que sea el marcado
   ============================================================= */

html body div.userpro input[type=submit],
html body div.userpro input[type=button],
html body div.userpro button,
html body div.userpro button[type=submit],
html body div.userpro a[class*="button"],
html body div.userpro input[class*="button"],
html body div.userpro a.userpro-button,
html body div.userpro input.userpro-button{
  display: inline-block !important;
  width: auto !important;
  margin: 0 8px 0 0 !important;
  padding: 13px 26px !important;
  border-radius: 2px !important;
  border: 1px solid var(--llog-red) !important;
  background: var(--llog-red) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1.2 !important;
  height: auto !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .15s, border-color .15s !important;
}

html body div.userpro input[type=submit]:hover,
html body div.userpro button:hover,
html body div.userpro a[class*="button"]:hover,
html body div.userpro a.userpro-button:hover,
html body div.userpro input.userpro-button:hover{
  background: var(--llog-red-2) !important;
  border-color: var(--llog-red-2) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

/* secundario: contorno */
html body div.userpro a[class*="secondary"],
html body div.userpro input[class*="secondary"],
html body div.userpro a.userpro-button.secondary,
html body div.userpro input.userpro-button.secondary{
  background: transparent !important;
  background-image: none !important;
  color: var(--llog-ink) !important;
  border: 1px solid var(--llog-line) !important;
  font-weight: 500 !important;
}
html body div.userpro a[class*="secondary"]:hover,
html body div.userpro input[class*="secondary"]:hover,
html body div.userpro a.userpro-button.secondary:hover{
  background: var(--llog-soft) !important;
  border-color: var(--llog-ink) !important;
  color: var(--llog-ink) !important;
}

/* zona de envío */
html body div.userpro div.userpro-field.userpro-submit{
  border-top: 1px solid var(--llog-line-2) !important;
  margin: 24px 0 0 !important;
  padding: 22px 26px 26px !important;
  background: var(--llog-soft) !important;
}

/* subir archivo */
html body div.userpro div.ajax-file-upload{
  background: transparent !important;
  color: var(--llog-ink) !important;
  border: 1px solid var(--llog-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
div.ajax-file-upload-progress{ border: 1px solid var(--llog-line) !important; }
div.ajax-file-upload-bar{ background: var(--llog-red) !important; }

/* =============================================================
   5. PERFIL
   ============================================================= */

html body div.userpro div.userpro-profile-name,
html body div.userpro div.userpro-profile-name a{
  color: var(--llog-ink) !important;
  font-weight: 700 !important;
}

html body div.userpro div.userpro-profile-img img{
  border-radius: 2px !important;
  padding: 4px !important;
  background: var(--llog-paper) !important;
  border: 1px solid var(--llog-line) !important;
}

html body div.userpro a.userpro-profile-icon{
  background: var(--llog-paper) !important;
  color: var(--llog-mute) !important;
  border: 1px solid var(--llog-line) !important;
  border-radius: 2px !important;
}
html body div.userpro a.userpro-profile-icon i{ color: var(--llog-mute) !important; }
html body div.userpro a.userpro-profile-icon:hover{ border-color: var(--llog-red) !important; }
html body div.userpro a.userpro-profile-icon:hover i{ color: var(--llog-red) !important; }

html body div.userpro a.userpro-count-link{
  border-right: 1px solid var(--llog-line-2) !important;
  color: var(--llog-mute) !important;
}
html body div.userpro a.userpro-count-link span{ color: var(--llog-ink) !important; }
html body div.userpro a.userpro-count-link:hover{ background: var(--llog-ink) !important; color: #fff !important; }
html body div.userpro a.userpro-count-link:hover span{ color: #fff !important; }

/* secciones */
html body div.userpro div.userpro-section{
  border-bottom: 1px solid var(--llog-line-2) !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  color: var(--llog-mute) !important;
  font-size: 11.5px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
html body div.userpro div.userpro-section.userpro-collapsed-1{
  color: var(--llog-ink) !important;
  border-bottom-width: 0 !important;
}
ins.userpro-section-warning{
  color: #fff !important;
  background: var(--llog-red) !important;
  border: 1px solid var(--llog-red) !important;
}

/* =============================================================
   6. MENSAJES
   ============================================================= */

html body div.userpro div.userpro-message p{
  background: var(--llog-soft) !important;
  border: 1px solid var(--llog-line) !important;
  border-left: 3px solid var(--llog-red) !important;
  border-radius: 0 !important;
  color: var(--llog-ink) !important;
}
html body div.userpro div.userpro-warning{
  background: var(--llog-red) !important;
  border: 1px solid var(--llog-red) !important;
  box-shadow: none !important;
  color: #fff !important;
}
html body div.userpro div.userpro-warning i,
html body div.userpro div.userpro-warning a{ color: #fff !important; }

div.userpro-alert{ background: var(--llog-red) !important; color: #fff !important; }
div.userpro-alert i, div.userpro-alert-content,
div.userpro-alert-input, a.userpro-alert-close, a.userpro-alert-edit{ color: #fff !important; }

html body div.userpro div.userpro-help{ color: var(--llog-mute) !important; }
html body div.userpro div.userpro-help i{ color: var(--llog-red) !important; }

div.userpro-input div.icon-ok,
div.userpro-input div.icon-ok i{ color: #2E9E5B !important; border-radius: 0 !important; }

span.strength-container{ border: 1px solid var(--llog-line) !important; }
span.strength-plain{ background: var(--llog-line) !important; }
span.strength-plain.fill{ background: var(--llog-red) !important; }
span.strength-text{ color: var(--llog-mute) !important; }

a.userpro-small-link{ background: var(--llog-ink) !important; color: #fff !important; border-radius: 2px !important; }
a.userpro-small-link:hover{ background: var(--llog-red) !important; }

/* =============================================================
   7. ENLACES GENERALES
   ============================================================= */

html body div.userpro a:not([class*="button"]):not(.userpro-count-link):not(.userpro-profile-icon){
  color: var(--llog-mute) !important;
  text-decoration: none !important;
}
html body div.userpro a:not([class*="button"]):not(.userpro-count-link):not(.userpro-profile-icon):hover{
  color: var(--llog-red) !important;
}

/* =============================================================
   8. DIRECTORIO / LISTAS
   ============================================================= */

div.userpro-search{ border-bottom: 1px solid var(--llog-line) !important; }
form.userpro-search-form input[type=text]{
  border-radius: 2px !important;
  background: var(--llog-soft) !important;
  border: 1px solid var(--llog-line) !important;
  box-shadow: none !important;
  color: var(--llog-ink) !important;
}
form.userpro-search-form input[type=text]:focus{
  background: var(--llog-paper) !important;
  border-color: var(--llog-red) !important;
  box-shadow: 0 0 0 3px var(--llog-focus) !important;
}

div.userpro-paginate span,
div.userpro-paginate a.page-numbers{
  background: var(--llog-paper) !important;
  border: 1px solid var(--llog-line) !important;
  color: var(--llog-body) !important;
}
div.userpro-paginate span.current{ background: var(--llog-red) !important; color: #fff !important; }
div.userpro-paginate a.page-numbers:hover{ background: var(--llog-ink) !important; color: #fff !important; }

div.userpro-list-item, div.userpro-online-item{ border-bottom: 1px solid var(--llog-line-2) !important; }
div.userpro-list-item-i, div.userpro-online-item-i{ background: var(--llog-soft) !important; border-radius: 2px !important; }
div.userpro-list-item-i img, div.userpro-online-item-i img{ border-radius: 2px !important; }
div.userpro-list-item-bio, div.userpro-online-item-bio,
div.userpro-card-bio, div.userpro-awsm-bio{ color: var(--llog-mute) !important; }

.chosen-container-single .chosen-single{
  background: var(--llog-soft) !important;
  border: 1px solid var(--llog-line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: var(--llog-ink) !important;
}
.chosen-container .chosen-drop{ background: var(--llog-paper) !important; border: 1px solid var(--llog-line) !important; }
.chosen-container .chosen-results li.highlighted{ background: var(--llog-red) !important; color: #fff !important; }

.tipsy-inner{ background-color: var(--llog-ink) !important; color: #fff !important; border-radius: 2px !important; }
.tipsy-arrow{ border: 5px dashed var(--llog-ink) !important; }

/* =============================================================
   9. MÓVIL
   ============================================================= */

@media (max-width: 600px){
  html body div.userpro div.userpro-head{ padding: 18px 18px 16px !important; }
  html body div.userpro div.userpro-head::after{ left: 18px !important; right: 18px !important; }
  html body div.userpro div.userpro-field{ padding: 0 18px !important; }
  html body div.userpro div.userpro-field.userpro-submit{ padding: 20px 18px 22px !important; }
  html body div.userpro input[type=submit],
  html body div.userpro button,
  html body div.userpro a[class*="button"]{
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
  }
}

/* ---- encabezado real: .userpro-left / .userpro-right ---- */
html body div.userpro div.userpro-head{
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
html body div.userpro div.userpro-head div.userpro-left{
  float: none !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--llog-ink) !important;
}
html body div.userpro div.userpro-head div.userpro-right{
  float: none !important;
  text-align: right !important;
}
html body div.userpro div.userpro-head div.userpro-right a{
  font-size: 13px !important;
  color: var(--llog-mute) !important;
}
html body div.userpro div.userpro-head div.userpro-right a:hover{ color: var(--llog-red) !important; }
/* =============================================================
   LLOG NDT — UserPro v4 · correcciones de layout + tipografía
   Pegar al FINAL de style.css
   (el @import de la fuente va en la PRIMERA línea del archivo)
   ============================================================= */

/* ---------- 1. Tipografía ---------- */

html body div.userpro,
html body div.userpro input,
html body div.userpro textarea,
html body div.userpro select,
html body div.userpro button,
html body div.userpro label,
html body div.userpro a{
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

html body div.userpro div.userpro-head div.userpro-left{
  font-size: 23px !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
}

/* ---------- 2. Etiqueta + asterisco en la misma línea ---------- */

html body div.userpro div.userpro-label{
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
  text-align: left !important;
}
html body div.userpro div.userpro-label > *{
  display: inline !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

/* etiquetas de campo: mayúsculas finas, no negritas oscuras */
html body div.userpro div.userpro-field label:not(.userpro-checkbox):not(.userpro-radio),
html body div.userpro div.userpro-label label{
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--llog-mute) !important;
}

/* el asterisco no manda: pequeño y al lado */
html body div.userpro div.userpro-label span,
html body div.userpro span.userpro-required{
  display: inline !important;
  float: none !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  color: var(--llog-red) !important;
}

/* icono informativo del campo: dentro de la línea, no flotando */
html body div.userpro div.userpro-label i,
html body div.userpro div.userpro-field > i,
html body div.userpro span.userpro-tip{
  display: inline-block !important;
  float: none !important;
  position: static !important;
  vertical-align: middle !important;
  margin: 0 0 0 4px !important;
}

/* ---------- 3. Fila de botones ---------- */

html body div.userpro div.userpro-field.userpro-submit{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  background: var(--llog-soft) !important;
  border-top: 1px solid var(--llog-line) !important;
  margin: 26px 0 0 !important;
  padding: 20px 26px !important;
  text-align: left !important;
}

html body div.userpro div.userpro-submit input[type=submit],
html body div.userpro div.userpro-submit input[type=button],
html body div.userpro div.userpro-submit a[class*="button"],
html body div.userpro div.userpro-submit button{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 150px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  float: none !important;
}

/* ---------- 4. Medidor de contraseña ---------- */

html body div.userpro span.strength-text{
  display: block !important;
  float: none !important;
  margin: 0 0 6px !important;
  font-size: 11.5px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: var(--llog-mute) !important;
}
html body div.userpro span.strength-container{
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--llog-line) !important;
  overflow: hidden !important;
}
html body div.userpro span.strength-plain{
  display: block !important;
  height: 4px !important;
  background: transparent !important;
}
html body div.userpro span.strength-plain.fill{ background: var(--llog-red) !important; }

/* ---------- 5. Encabezado de sección ---------- */

html body div.userpro div.userpro-section{
  background: var(--llog-soft) !important;
  border: 1px solid var(--llog-line) !important;
  border-left: 3px solid var(--llog-red) !important;
  border-radius: 0 !important;
  margin: 6px 26px 20px !important;
  padding: 12px 16px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--llog-ink) !important;
}
html body div.userpro div.userpro-section i{ color: var(--llog-mute) !important; }

/* ---------- 6. Casillas ---------- */

html body div.userpro div.userpro-input label.userpro-checkbox,
html body div.userpro div.userpro-input label.userpro-radio{
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  float: none !important;
  width: auto !important;
  margin: 10px 0 0 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  letter-spacing: .06em !important;
  text-transform: none !important;
  color: var(--llog-mute) !important;
}
html body div.userpro div.userpro-input label.userpro-checkbox span,
html body div.userpro div.userpro-input label.userpro-radio span{
  flex: 0 0 auto !important;
  margin: 1px 0 0 !important;
}

/* ---------- 7. Ritmo vertical ---------- */

html body div.userpro div.userpro-field{
  margin: 0 0 22px !important;
  padding: 0 26px !important;
}
html body div.userpro div.userpro-body{ padding: 26px 0 0 !important; }

/* ---------- 8. Móvil ---------- */

@media (max-width: 600px){
  html body div.userpro div.userpro-submit input[type=submit],
  html body div.userpro div.userpro-submit input[type=button],
  html body div.userpro div.userpro-submit a[class*="button"]{
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  html body div.userpro div.userpro-section{ margin: 6px 18px 18px !important; }
}

/* ---- asterisco: es un DIV.required, no un span ---- */
html body div.userpro div.userpro-label{
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
}
html body div.userpro div.userpro-label label{
  order: 1 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--llog-mute) !important;
}
html body div.userpro div.userpro-label div.required{
  order: 2 !important;
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: var(--llog-red) !important;
}
html body div.userpro div.userpro-label span.userpro-field-icon{ order: 3 !important; }
html body div.userpro div.userpro-label span.userpro-tip{
  order: 4 !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
}

/* ---- etiquetas: máxima especificidad, ambas estructuras ---- */
html body div.userpro div.userpro-field div.userpro-label,
html body div.userpro div.userpro-field div.userpro-label.iconed{
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}
html body div.userpro div.userpro-field div.userpro-label > label,
html body div.userpro div.userpro-field div.userpro-label.iconed > label,
html body div.userpro div.userpro-field > label{
  display: inline-block !important;
  order: 1 !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
  color: #8B96A3 !important;
}
html body div.userpro div.userpro-field div.userpro-label > div.required,
html body div.userpro div.userpro-field div.required{
  display: inline-block !important;
  order: 2 !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: #E4032B !important;
}