/*
 * Mazca 3 · Botones planos y acento oliva · v0.9.192
 * Capa final de consistencia: elimina sombras solo de controles accionables.
 */

body:not(.wp-admin) button,
body:not(.wp-admin) [role="button"],
body:not(.wp-admin) input[type="button"],
body:not(.wp-admin) input[type="submit"],
body:not(.wp-admin) input[type="reset"],
body:not(.wp-admin) a.m3-btn,
body:not(.wp-admin) a[class*="-btn"],
body:not(.wp-admin) a[class*="-cta"]{
  box-shadow:none !important;
  filter:none !important;
}

body:not(.wp-admin) button:hover,
body:not(.wp-admin) button:focus,
body:not(.wp-admin) button:active,
body:not(.wp-admin) [role="button"]:hover,
body:not(.wp-admin) [role="button"]:focus,
body:not(.wp-admin) [role="button"]:active,
body:not(.wp-admin) input[type="button"]:hover,
body:not(.wp-admin) input[type="button"]:focus,
body:not(.wp-admin) input[type="button"]:active,
body:not(.wp-admin) input[type="submit"]:hover,
body:not(.wp-admin) input[type="submit"]:focus,
body:not(.wp-admin) input[type="submit"]:active,
body:not(.wp-admin) input[type="reset"]:hover,
body:not(.wp-admin) input[type="reset"]:focus,
body:not(.wp-admin) input[type="reset"]:active,
body:not(.wp-admin) a.m3-btn:hover,
body:not(.wp-admin) a.m3-btn:focus,
body:not(.wp-admin) a.m3-btn:active,
body:not(.wp-admin) a[class*="-btn"]:hover,
body:not(.wp-admin) a[class*="-btn"]:focus,
body:not(.wp-admin) a[class*="-btn"]:active,
body:not(.wp-admin) a[class*="-cta"]:hover,
body:not(.wp-admin) a[class*="-cta"]:focus,
body:not(.wp-admin) a[class*="-cta"]:active{
  box-shadow:none !important;
  filter:none !important;
}

/* Mayor especificidad que los estilos inline de WPForms. */
body:not(.wp-admin) form .wpforms-submit.wpforms-submit.wpforms-submit,
body:not(.wp-admin) form .wpforms-submit.wpforms-submit.wpforms-submit:hover,
body:not(.wp-admin) form .wpforms-submit.wpforms-submit.wpforms-submit:focus,
body:not(.wp-admin) form .wpforms-submit.wpforms-submit.wpforms-submit:active{
  box-shadow:none !important;
  filter:none !important;
}

/* CTA y estado activo del idioma en verde petróleo. */
html body:not(.wp-admin) #m3-header.m3-header .m3-header-cta,
html body:not(.wp-admin) #m3-header.m3-header .m3-header-cta:visited{
  background:#0C2421 !important;
  border-color:#0C2421 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}
html body:not(.wp-admin) #m3-header.m3-header .m3-header-cta:hover,
html body:not(.wp-admin) #m3-header.m3-header .m3-header-cta:focus{
  background:#163A34 !important;
  border-color:#163A34 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

html body:not(.wp-admin) #m3-header.m3-header .m3-lang-toggle{
  box-shadow:none !important;
}
html body:not(.wp-admin) #m3-header.m3-header .m3-lang-toggle[data-active="es"] .m3-lang-es,
html body:not(.wp-admin) #m3-header.m3-header .m3-lang-toggle[data-active="en"] .m3-lang-en{
  background:#0C2421 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

/* Flecha vectorial CSS: evita que iOS represente ↗ como emoji azul. */
html body:not(.wp-admin) a.m3-btn::after,
html body:not(.wp-admin) a[class*="-cta"]::after,
html body:not(.wp-admin) button.wpforms-submit.wpforms-submit::after{
  content:'' !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  position:static !important;
  width:11px !important;
  height:11px !important;
  border:0 !important;
  border-radius:0 !important;
  background:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  box-shadow:none !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-text-stroke:0 !important;
  transform:translateY(-1px) !important;
  transform-origin:center !important;
}
html body:not(.wp-admin) a.m3-btn:hover::after,
html body:not(.wp-admin) a[class*="-cta"]:hover::after,
html body:not(.wp-admin) button.wpforms-submit.wpforms-submit:hover::after{
  transform:translate(2px,-3px) !important;
}

/* El hero de portada conserva reglas históricas más específicas: esta variante
   garantiza la misma flecha SVG también en el botón secundario. */
html body:not(.wp-admin) #m3-hero .m3-hero__btns a.m3-btn.m3-btn--ghost::after{
  content:'' !important;
  display:inline-block !important;
  flex:0 0 11px !important;
  position:static !important;
  width:11px !important;
  min-width:11px !important;
  height:11px !important;
  border:0 !important;
  border-radius:0 !important;
  background:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 9.5 9.5 2.5M4 2.5h5.5V8' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:translateY(-1px) !important;
}

html body:not(.wp-admin) #m3-hero .m3-hero__btns a.m3-btn.m3-btn--ghost:hover::after{
  transform:translate(2px,-3px) !important;
}
