/**
 * Marítima Andina (MTA) - Advanced Elementor Animations, Container Spacing & Isolation Reset
 */

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-latin.woff2") format("woff2");
}

:root {
  --mta-font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mta-navy: #061a2f;
  --mta-blue: #0879d9;
  --mta-cyan: #34c4e9;
  --mta-mint: #b9f2f0;
  --mta-ink: #0a1725;
  --mta-muted: #687585;
  --mta-line: #dce4ea;
  --mta-wash: #f3f7f9;
}

/* ==========================================================================
   1. CONTENEDOR GENERAL 10% MÁS ANCHO (1364px para mayor amplitud y elegancia)
   ========================================================================== */
.wrap,
.mta-wrap,
.mta-exchange-wrap,
.mta-hero-wrap,
.mta-intro-wrap,
.mta-numbers-wrap,
.mta-services-wrap,
.mta-advantages-wrap,
.mta-coverage-wrap,
.mta-gol-wrap,
.mta-process-wrap,
.mta-faq-wrap,
.mta-contact-wrap,
.mta-footer-wrap,
.mta-about-wrap {
  width: min(1364px, 100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.header,
.mta-header {
  width: min(1450px, 100% - 48px) !important;
}

/* ==========================================================================
   2. ELEMENTOR-STYLE ENTRANCE REVEAL ANIMATIONS
   ========================================================================== */
.mta-reveal-up,
.mta-fade-up {
  opacity: 0;
  transform: translateY(34px) scale(0.985);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.mta-reveal-left {
  opacity: 0;
  transform: translateX(-36px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.mta-reveal-right {
  opacity: 0;
  transform: translateX(36px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.mta-zoom-in {
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Estado Visible activado por IntersectionObserver */
.mta-reveal-up.is-visible,
.mta-fade-up.is-visible,
.mta-reveal-left.is-visible,
.mta-reveal-right.is-visible,
.mta-zoom-in.is-visible {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}

/* Stagger Delays para tarjetas en secuencia */
.mta-delay-1 { transition-delay: 80ms !important; }
.mta-delay-2 { transition-delay: 160ms !important; }
.mta-delay-3 { transition-delay: 240ms !important; }
.mta-delay-4 { transition-delay: 320ms !important; }
.mta-delay-5 { transition-delay: 400ms !important; }
.mta-delay-6 { transition-delay: 480ms !important; }

/* Cascada automática en listas de tarjetas */
.mta-stagger-container > *:nth-child(1) { transition-delay: 50ms; }
.mta-stagger-container > *:nth-child(2) { transition-delay: 130ms; }
.mta-stagger-container > *:nth-child(3) { transition-delay: 210ms; }
.mta-stagger-container > *:nth-child(4) { transition-delay: 290ms; }
.mta-stagger-container > *:nth-child(5) { transition-delay: 370ms; }
.mta-stagger-container > *:nth-child(6) { transition-delay: 450ms; }

/* Micro-animaciones Flotantes */
@keyframes mtaFloating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.mta-float-subtle {
  animation: mtaFloating 4s ease-in-out infinite;
}

/* ==========================================================================
   3. MINIS GRÁFICAS SVG Y SPARKELINES LLAMATIVOS
   ========================================================================== */
.mta-sparkline-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.mta-sparkline {
  width: 100%;
  max-width: 150px;
  height: 38px;
  overflow: visible;
}

.mta-sparkline path.sparkline-line {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: mtaDrawLine 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.mta-sparkline path.sparkline-area {
  opacity: 0;
  animation: mtaFadeInArea 1.2s 0.8s ease forwards;
}

@keyframes mtaDrawLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes mtaFadeInArea {
  to {
    opacity: 0.3;
  }
}

/* Badge de crecimiento en tiempo real */
.mta-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(52, 196, 233, 0.12);
  color: var(--mta-cyan);
  border: 1px solid rgba(52, 196, 233, 0.3);
  padding: 3px 9px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.mta-live-badge.green {
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border-color: rgba(16, 185, 129, 0.3);
}

.mta-live-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(52, 196, 233, 0.25);
  animation: mtaPulse 1.8s infinite;
}

/* Gráfica circular SVG (Gauge de eficiencia) */
.mta-circle-gauge {
  width: 36px;
  height: 36px;
  transform: rotate(-90deg);
  flex-shrink: 0;
}

.mta-circle-gauge circle.gauge-bg {
  stroke: rgba(255, 255, 255, 0.15);
}

.mta-circle-gauge circle.gauge-val {
  stroke: var(--mta-cyan);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 1.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.mta-circle-gauge.is-visible circle.gauge-val {
  stroke-dashoffset: 3; /* 97% - 99% */
}

/* Mini gráfico de barras en tarjetas */
.mta-mini-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 28px;
}

.mta-mini-bars span {
  width: 5px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, var(--mta-cyan), var(--mta-blue));
  transform-origin: bottom;
  transform: scaleY(0);
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-visible .mta-mini-bars span,
.mta-mini-bars.is-visible span {
  transform: scaleY(1);
}

/* Red de nodos para presencia portuaria */
.mta-network-node-svg {
  width: 100%;
  max-width: 120px;
  height: 34px;
}

/* ==========================================================================
   4. ICONOS VECTORIALES CERO-EMOJI (SVG Estrictos)
   ========================================================================== */
.mta-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  vertical-align: middle;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  fill: currentColor;
  flex-shrink: 0;
}

.btn:hover .mta-btn-icon,
.mta-btn:hover .mta-btn-icon {
  transform: translate(3px, -3px);
}

.mta-btn-icon.icon-down {
  transform: rotate(45deg);
}

.btn:hover .mta-btn-icon.icon-down,
.mta-btn:hover .mta-btn-icon.icon-down {
  transform: rotate(45deg) translate(3px, 3px);
}

.mta-btn-icon.icon-up {
  transform: rotate(-45deg);
}

.btn:hover .mta-btn-icon.icon-up,
.mta-btn:hover .mta-btn-icon.icon-up,
.btn-white:hover .mta-btn-icon.icon-up {
  transform: rotate(-45deg) translate(3px, -3px);
}

.mta-check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  fill: currentColor;
  flex-shrink: 0;
}

/* Live dot animado */
@keyframes mtaPulseLive {
  0% {
    box-shadow: 0 0 0 0 rgba(110, 231, 183, 0.5);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(110, 231, 183, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(110, 231, 183, 0);
  }
}

.mta-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6ee7b7;
  margin-right: 9px;
  animation: mtaPulseLive 2s infinite;
}

/* ==========================================================================
   5. HOVER EFFECTS MEJORADOS EN CARDS
   ========================================================================== */
.service,
.stat,
.process-grid article,
.about-model-grid article {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.service:hover,
.stat:hover,
.process-grid article:hover,
.about-model-grid article:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 26px 60px rgba(6, 26, 47, 0.16) !important;
}

/* ==========================================================================
   5b. RESET GENÉRICO DE SECCIÓN
   Varios widgets combinan una clase propia (ej. "mta-faq-section") con la
   clase utilitaria genérica "section" para el espaciado vertical estándar
   del sitio. Cada widget define su propio padding específico (con mayor
   especificidad de carga posterior), pero esta regla evita que el widget
   quede completamente sin espaciado si esa clase propia llegara a faltar.
   ========================================================================== */
.section {
  padding: 110px 0;
}

@media (max-width: 800px) {
  .section {
    padding: 78px 0;
  }
}

/* ==========================================================================
   6. ELEMENTOR LAYOUT & THEME ISOLATION RESET GLOBAL
   Neutraliza interferencias de temas (Astra, Hello Elementor, Divi, etc.):
   elimina subrayados, márgenes desmedidos de párrafos, listas con viñetas,
   fuentes genéricas y asegura que en Elementor se vea idéntico a preview-widgets.html.
   ========================================================================== */

/* ── Aislamiento tipográfico y box-sizing en todos los componentes MTA ── */
[class*="elementor-widget-mta_"],
.mta-exchange-bar,
.mta-header-wrapper,
.mta-hero,
.mta-intro-section,
.mta-numbers-section,
.mta-services-section,
.mta-advantages-section,
.mta-coverage-section,
.mta-gol-section,
.mta-process-section,
.mta-faq-section,
.mta-contact-section,
.mta-footer,
.mta-about-hero,
.mta-about-facts,
.mta-about-story-section,
.mta-about-visual-section,
.mta-about-purpose-section,
.mta-about-vision-section,
.mta-about-values-section,
.mta-about-policy-section,
.mta-contact-page-section,
.mta-floating-actions {
  font-family: var(--mta-font-sans) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  box-sizing: border-box !important;
}

[class*="elementor-widget-mta_"] *,
[class*="elementor-widget-mta_"] *::before,
[class*="elementor-widget-mta_"] *::after {
  box-sizing: border-box !important;
}

/* Anular subrayados y colores de enlaces forzados por el tema */
[class*="elementor-widget-mta_"] a {
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Anular viñetas y márgenes de listas del tema de WordPress */
[class*="elementor-widget-mta_"] ul,
[class*="elementor-widget-mta_"] ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

[class*="elementor-widget-mta_"] li {
  list-style: none !important;
  margin: 0 !important;
}

/* Anular botones genéricos del tema de WordPress */
[class*="elementor-widget-mta_"] button {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  cursor: pointer;
}

/* Anular márgenes de párrafos del tema que expanden tarjetas */
[class*="elementor-widget-mta_"] p {
  margin-top: 0;
}

/* Anular fuentes y márgenes de titulares del tema */
[class*="elementor-widget-mta_"] h1,
[class*="elementor-widget-mta_"] h2,
[class*="elementor-widget-mta_"] h3,
[class*="elementor-widget-mta_"] h4,
[class*="elementor-widget-mta_"] h5,
[class*="elementor-widget-mta_"] h6 {
  font-family: var(--mta-font-sans) !important;
}

/* Proteger imágenes con position absolute y object-fit cover */
.mta-hero-media,
.mta-stat-photo > img,
.mta-about-visual-main img,
.mta-about-visual-side img,
.about-visual img,
.about-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Proteger dimensiones exactas de SVGs gráficos */
.mta-sparkline,
.mta-doc-chart,
.mta-kpi-svg {
  display: block !important;
  max-width: 100% !important;
}

/* ── Sobrescritura Blindada para <select>, <input> y <textarea> contra temas de WP ── */
[class*="elementor-widget-mta_"] select,
.elementor-widget select,
.mta-form select,
#formulario select,
select[name="city"],
select[name="office"],
select[name="service"] {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #dce4ea !important;
  background-color: #fbfcfd !important;
  border-radius: 11px !important;
  outline: 0 !important;
  padding: 11px 42px 11px 16px !important;
  font-size: 14px !important;
  font-family: var(--mta-font-sans, inherit) !important;
  font-weight: 500 !important;
  color: #0a1725 !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230879d9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
  box-shadow: 0 1px 2px rgba(10, 23, 37, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
}

[class*="elementor-widget-mta_"] select:focus,
.elementor-widget select:focus,
.mta-form select:focus,
#formulario select:focus,
select[name="city"]:focus,
select[name="office"]:focus,
select[name="service"]:focus {
  border-color: #0879d9 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(8, 121, 217, 0.14) !important;
  outline: none !important;
}

[class*="elementor-widget-mta_"] select option,
.mta-form select option,
#formulario select option {
  color: #0a1725 !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
}

[class*="elementor-widget-mta_"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.mta-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
#formulario input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid #dce4ea !important;
  background-color: #fbfcfd !important;
  border-radius: 11px !important;
  outline: 0 !important;
  padding: 11px 16px !important;
  font-size: 14px !important;
  font-family: var(--mta-font-sans, inherit) !important;
  color: #0a1725 !important;
  box-shadow: 0 1px 2px rgba(10, 23, 37, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
}

[class*="elementor-widget-mta_"] textarea,
.mta-form textarea,
#formulario textarea {
  display: block !important;
  width: 100% !important;
  border: 1px solid #dce4ea !important;
  background-color: #fbfcfd !important;
  border-radius: 11px !important;
  outline: 0 !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-family: var(--mta-font-sans, inherit) !important;
  color: #0a1725 !important;
  box-shadow: 0 1px 2px rgba(10, 23, 37, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
}

/* ── Desbloquear contenedor del tema Hub / Liquid para ancho completo ── */
#lqd-contents-wrap.container,
.container#lqd-contents-wrap {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.lqd-mobile-sec {
  display: none !important;
}

/* ── Visibilidad Inmediata en el Editor de Elementor (Canvas) ── */
body.elementor-editor-active .mta-reveal-up,
body.elementor-editor-active .mta-fade-up,
body.elementor-editor-active .mta-reveal-left,
body.elementor-editor-active .mta-reveal-right,
body.elementor-editor-active .mta-zoom-in,
body.elementor-editor-preview .mta-reveal-up,
body.elementor-editor-preview .mta-fade-up,
.elementor-edit-area .mta-reveal-up,
.elementor-edit-area .mta-fade-up,
.elementor-editor-active .mta-stat,
.elementor-editor-active .mta-service-card,
.elementor-editor-active .mta-number-item,
.elementor-editor-active .mta-process-card {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* ── Neutralizar padding interno en TODAS las secciones MTA ── */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con-inner {
  max-width: 100% !important;
}

/* Columnas sin padding lateral innecesario en los bloques MTA */
.elementor-widget-mta_exchange_bar,
.elementor-widget-mta_header,
.elementor-widget-mta_hero,
.elementor-widget-mta_intro_stats,
.elementor-widget-mta_numbers,
.elementor-widget-mta_services,
.elementor-widget-mta_advantages,
.elementor-widget-mta_coverage,
.elementor-widget-mta_gol_technology,
.elementor-widget-mta_process,
.elementor-widget-mta_faq,
.elementor-widget-mta_contact,
.elementor-widget-mta_footer,
.elementor-widget-mta_about_hero,
.elementor-widget-mta_about_story,
.elementor-widget-mta_about_visual,
.elementor-widget-mta_about_purpose,
.elementor-widget-mta_about_vision_values,
.elementor-widget-mta_about_policy,
.elementor-widget-mta_contact_page,
.elementor-widget-mta_floating_actions {
  width: 100% !important;
  max-width: 100% !important;
}

/* ── El .elementor-widget-container no debe tener padding propio ── */
.elementor-widget-mta_exchange_bar .elementor-widget-container,
.elementor-widget-mta_header .elementor-widget-container,
.elementor-widget-mta_hero .elementor-widget-container,
.elementor-widget-mta_intro_stats .elementor-widget-container,
.elementor-widget-mta_numbers .elementor-widget-container,
.elementor-widget-mta_services .elementor-widget-container,
.elementor-widget-mta_advantages .elementor-widget-container,
.elementor-widget-mta_coverage .elementor-widget-container,
.elementor-widget-mta_gol_technology .elementor-widget-container,
.elementor-widget-mta_process .elementor-widget-container,
.elementor-widget-mta_faq .elementor-widget-container,
.elementor-widget-mta_contact .elementor-widget-container,
.elementor-widget-mta_footer .elementor-widget-container,
.elementor-widget-mta_about_hero .elementor-widget-container,
.elementor-widget-mta_about_story .elementor-widget-container,
.elementor-widget-mta_about_visual .elementor-widget-container,
.elementor-widget-mta_about_purpose .elementor-widget-container,
.elementor-widget-mta_about_vision_values .elementor-widget-container,
.elementor-widget-mta_about_policy .elementor-widget-container,
.elementor-widget-mta_contact_page .elementor-widget-container,
.elementor-widget-mta_floating_actions .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Ancho completo garantizado para barra superior y cabecera ── */
.elementor-widget-mta_exchange_bar,
.elementor-widget-mta_header {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── Secciones contenedoras: sin espacios extra entre bloques ── */
.elementor-section:has(.elementor-widget-mta_exchange_bar),
.elementor-section:has(.elementor-widget-mta_header),
.elementor-section:has(.elementor-widget-mta_hero),
.e-con:has(.elementor-widget-mta_exchange_bar),
.e-con:has(.elementor-widget-mta_header),
.e-con:has(.elementor-widget-mta_hero) {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Evitar que la sección hero se solape con la barra superior ── */
.elementor-widget-mta_hero {
  position: relative;
  z-index: 1;
  display: block;
}
.elementor-widget-mta_exchange_bar {
  position: relative;
  z-index: 9999;
  display: block;
}
.elementor-widget-mta_header {
  position: relative;
  z-index: 1000;
  display: block;
}

/* ── El hero no debe tener margen superior negativo accidental ── */
.mta-hero {
  margin-top: 0 !important;
}

/* ── Evitar que el header-wrapper se solape sobre otros widgets ── */
.mta-header-wrapper {
  position: relative !important;
  z-index: 1000 !important;
}

/* ==========================================================================
   7. MEJORAS RESPONSIVE GLOBAL MOBILE/TABLET
   ========================================================================== */

/* ── Tablet (≤ 1024px) ── */
@media (max-width: 1024px) {
  .mta-hero {
    width: 100% !important;
    border-radius: 0 !important;
    height: 680px;
  }
  .mta-hero-copy {
    width: 80% !important;
    padding: 60px 40px !important;
  }
}

/* ── Móvil grande (≤ 768px) ── */
@media (max-width: 768px) {
  .mta-hero {
    height: 620px;
    align-items: flex-start;
  }
  .mta-hero-copy {
    width: 100% !important;
    padding: 50px 24px !important;
  }
  .mta-hero h1 {
    font-size: clamp(32px, 8vw, 46px) !important;
  }
  /* Botones apilados en móvil */
  .mta-hero-copy .actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  /* Live badge reposicionado */
  .mta-live-dot-outer {
    display: none;
  }
  /* Números se reorganizan en 2 columnas */
  .mta-numbers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── Móvil pequeño (≤ 480px) ── */
@media (max-width: 480px) {
  .mta-hero {
    border-radius: 0 !important;
    width: 100% !important;
    height: 580px;
  }
  .mta-hero-copy {
    padding: 40px 20px !important;
  }
  .mta-hero h1 {
    font-size: 30px !important;
    line-height: 1.12 !important;
  }
  /* Sección de intro en 1 columna */
  .mta-intro-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  /* Cards de servicios en 1 columna */
  .mta-service-grid {
    grid-template-columns: 1fr !important;
  }
  /* Header altura reducida */
  .mta-header {
    height: 68px !important;
  }
  /* Botones full-width en móvil */
  .mta-header .btn {
    padding: 0 14px !important;
    font-size: 13px !important;
    min-height: 40px !important;
  }
}