.elementor-2414 .elementor-element.elementor-element-40994fac{--display:flex;--min-height:85vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2414 .elementor-element.elementor-element-40994fac:not(.elementor-motion-effects-element-type-background), .elementor-2414 .elementor-element.elementor-element-40994fac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blog.mastermetrics.com/wp-content/uploads/2026/01/ChatGPT-Image-8-ene-2026-07_27_49-p.m.png");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-2414 .elementor-element.elementor-element-fe67382{--display:flex;}.elementor-2414 .elementor-element.elementor-element-fe67382.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2414 .elementor-element.elementor-element-84adcdc .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:600;line-height:47px;color:var( --e-global-color-bf2769d );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2414 .elementor-element.elementor-element-0e15be8 .elementor-button{background-color:#646EEB;font-family:"Poppins", Sans-serif;font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;padding:10px 20px 10px 20px;}.elementor-2414 .elementor-element.elementor-element-0e15be8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2414 .elementor-element.elementor-element-0e15be8.elementor-element{--align-self:flex-start;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2414 .elementor-element.elementor-element-9f59b60{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-bf2769d );}.elementor-2414 .elementor-element.elementor-element-f4918cf{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-2414 .elementor-element.elementor-element-43abdab{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;}.elementor-2414 .elementor-element.elementor-element-9aa2fce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:58px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-2414 .elementor-element.elementor-element-108dff8{--display:flex;--min-height:819px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:050px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-2414 .elementor-element.elementor-element-108dff8:not(.elementor-motion-effects-element-type-background), .elementor-2414 .elementor-element.elementor-element-108dff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blog.mastermetrics.com/wp-content/uploads/2026/01/ChatGPT-Image-8-ene-2026-09_24_48-p.m.png");background-position:bottom right;background-size:cover;}.elementor-2414 .elementor-element.elementor-element-9c6d270{padding:0% 40% 0% 0%;}.elementor-2414 .elementor-element.elementor-element-9c6d270 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:600;line-height:47px;color:#FFFFFF;}.elementor-2414 .elementor-element.elementor-element-c72f449{padding:0% 40% 0% 0%;}.elementor-2414 .elementor-element.elementor-element-c72f449 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:47px;color:#FFFFFF;}.elementor-2414 .elementor-element.elementor-element-45e2e03{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-2414 .elementor-element.elementor-element-0c0a080{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2414 .elementor-element.elementor-element-d0cf483{text-align:center;}.elementor-2414 .elementor-element.elementor-element-d0cf483 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:600;line-height:47px;color:var( --e-global-color-bf2769d );}.elementor-2414 .elementor-element.elementor-element-9a68132{--display:flex;--margin-top:040px;--margin-bottom:060px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2414 .elementor-element.elementor-element-2db5656{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-2414 .elementor-element.elementor-element-40994fac:not(.elementor-motion-effects-element-type-background), .elementor-2414 .elementor-element.elementor-element-40994fac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-2414 .elementor-element.elementor-element-40994fac{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2414 .elementor-element.elementor-element-84adcdc .elementor-heading-title{font-size:37px;line-height:1.1em;}.elementor-2414 .elementor-element.elementor-element-f4918cf{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2414 .elementor-element.elementor-element-9aa2fce{--content-width:95%;}.elementor-2414 .elementor-element.elementor-element-108dff8{--content-width:95%;}.elementor-2414 .elementor-element.elementor-element-108dff8:not(.elementor-motion-effects-element-type-background), .elementor-2414 .elementor-element.elementor-element-108dff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;background-size:cover;}.elementor-2414 .elementor-element.elementor-element-9c6d270{padding:0% 0% 0% 0%;}.elementor-2414 .elementor-element.elementor-element-9c6d270 .elementor-heading-title{font-size:37px;line-height:1em;}.elementor-2414 .elementor-element.elementor-element-45e2e03{width:100%;max-width:100%;}.elementor-2414 .elementor-element.elementor-element-d0cf483 .elementor-heading-title{font-size:37px;line-height:1.1em;}}@media(min-width:768px){.elementor-2414 .elementor-element.elementor-element-40994fac{--content-width:90%;}.elementor-2414 .elementor-element.elementor-element-fe67382{--width:45%;}.elementor-2414 .elementor-element.elementor-element-f4918cf{--width:55%;}.elementor-2414 .elementor-element.elementor-element-43abdab{--width:100%;}.elementor-2414 .elementor-element.elementor-element-9aa2fce{--content-width:90%;}.elementor-2414 .elementor-element.elementor-element-108dff8{--content-width:90%;}.elementor-2414 .elementor-element.elementor-element-9a68132{--content-width:90%;}}/* Start custom CSS for html, class: .elementor-element-98d9c9e *//* =========================
   MASTER METRICS - FORM UI
   Color principal: #646EEB
   ========================= */

:root{
  --mm-primary: #646EEB;
  --mm-primary-dark: #5A63D8;     /* misma familia, apenas más profundo */
  --mm-primary-darker: #4F58C8;   /* para estados active */
  --mm-primary-rgb: 100,110,235;

  --mm-ink: #0F172A;
  --mm-muted: #64748B;
  --mm-border: #E2E8F0;
  --mm-bg: #FFFFFF;

  --mm-shadow: 0 18px 45px rgba(15, 23, 42, .12);
  --mm-radius: 22px;
}

/* Wrapper opcional */
.registro-wrap{
  width: 100%;
}

/* Card contenedor */
#registro-form{
  background: var(--mm-bg);
  border: 1px solid rgba(226,232,240,.85);
  border-radius: var(--mm-radius);
  box-shadow: var(--mm-shadow);
  padding: 30px 28px;
  max-width: 520px;
  width: 100%;
}

/* Layout general */
#registro-form > div{
  margin-bottom: 14px;
}

/* Labels vacíos: ocultalos */
#registro-form label:empty{
  display: none;
}

/* Inputs */
#registro-form .registro-input{
  width: 100%;
  height: 46px;
  padding: 12px 14px;
  border: 1px solid var(--mm-border);
  border-radius: 10px;
  background: #fff;
  color: var(--mm-ink);
  font-size: 15px;
  line-height: 1.2;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
  box-sizing: border-box;
}

/* Placeholder */
#registro-form .registro-input::placeholder{
  color: rgba(100,116,139,.85);
}

/* Focus consistente con marca */
#registro-form .registro-input:focus{
  border-color: rgba(var(--mm-primary-rgb), .70);
  box-shadow: 0 0 0 4px rgba(var(--mm-primary-rgb), .18);
}

/* Reseteos */
#registro-form input[type="password"].registro-input,
#registro-form input[type="email"].registro-input,
#registro-form input[type="text"].registro-input,
#registro-form input[type="tel"].registro-input{
  -webkit-appearance: none;
  appearance: none;
}

/* Checkbox términos */
#registro-form .terms-checkbox{
  display: grid;
  grid-template-columns: 20px auto;
  align-items: start;
  gap: 10px;
  margin-top: 6px;
  margin-bottom: 10px;
}

#registro-form .terms-checkbox input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--mm-primary);
  cursor: pointer;
}

#registro-form .terms-checkbox label{
  font-size: 13px;
  color: var(--mm-muted);
  line-height: 1.35;
}

#registro-form .terms-checkbox a{
  color: var(--mm-primary);
  text-decoration: none;
  font-weight: 700;
}

#registro-form .terms-checkbox a:hover{
  text-decoration: underline;
}

/* Botón submit (100% marca) */
#registro-submit{
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 12px;

  background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;

  box-shadow:
    0 12px 24px rgba(var(--mm-primary-rgb), .34),
    inset 0 -1px 0 rgba(0,0,0,.10);

  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

#registro-submit:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow:
    0 16px 32px rgba(var(--mm-primary-rgb), .42),
    inset 0 -1px 0 rgba(0,0,0,.12);
}

#registro-submit:active{
  transform: translateY(0px);
  background: linear-gradient(135deg, var(--mm-primary-dark) 0%, var(--mm-primary-darker) 100%);
  box-shadow:
    0 10px 18px rgba(var(--mm-primary-rgb), .28),
    inset 0 2px 6px rgba(0,0,0,.16);
}

/* Alert / error principal (bien visible) */
#registro-form .mm-alert{
  display: none;
  margin: 8px 0 12px 0;
  padding: 12px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.35;

  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.25);
  color: #B91C1C;

  box-shadow: 0 10px 20px rgba(15,23,42,.08);
}

#registro-form .mm-alert.is-visible{
  display: block;
}

/* Estado error visual para inputs/checkbox */
#registro-form .registro-input.is-error{
  border-color: rgba(239,68,68,.60) !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.14) !important;
}

#registro-form .terms-checkbox input.is-error{
  outline: 4px solid rgba(239,68,68,.14);
  border-radius: 6px;
}

/* =========================
   REGISTRO - HEADER
   ========================= */

.registro-header{
  text-align: center;
  margin-bottom: 18px;
}

.registro-header h2{
  margin: 0 0 6px 0;
  font-size: 26px;
  font-weight: 900;
  color: var(--mm-primary);
  letter-spacing: -0.3px;
}

.registro-header p{
  margin: 0;
  font-size: 14px;
  color: var(--mm-muted);
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 480px){
  #registro-form{
    padding: 22px 18px;
    border-radius: 18px;
  }
  #registro-form .registro-input{
    height: 44px;
    font-size: 14px;
  }
  #registro-submit{
    height: 46px;
  }
  .registro-header h2{
    font-size: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-873306a *//* =========================
   MASTER METRICS vs SUPERMETRICS
   (aislado por clase .mm-compare)
   ========================= */

.mm-compare{
  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  --mm-primary: #646EEB;
  --mm-ink: #0F172A;
  --mm-muted: #64748B;
  --mm-line: rgba(100,110,235,.28);
  --mm-row-bg: rgba(100,110,235,.06);
  --mm-radius: 22px;
}

/* HEADER */
.mm-compare__header{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  align-items: center;              /* ✅ centra vertical */
  gap: 0;
  background: var(--mm-primary);
  color: #fff;
  border-radius: var(--mm-radius);
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
}

.mm-compare__head{
  display: flex;
  align-items: center;              /* ✅ centra vertical */
  justify-content: center;          /* ✅ centra horizontal */
  min-height: 64px;                 /* ✅ altura consistente */
  padding: 14px 18px;
  border-right: 1px solid rgba(255,255,255,.18);
  box-sizing: border-box;
}

.mm-compare__head:last-child{
  border-right: none;
}

.mm-compare__head--left{
  justify-content: flex-start;
}

.mm-compare__head-title{
  font-weight: 800;                 /* ✅ vuelve el bold */
  letter-spacing: -0.2px;
  line-height: 1.05;
  font-size: 16px;
}

/* marca (logo + nombre) */
.mm-compare__brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.mm-compare__brand-name{
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
}

/* logo dentro de círculo blanco */
.mm-compare__brand-logo{
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;              /* ✅ círculo */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(15, 23, 42, .12);
  overflow: hidden;
  flex: 0 0 36px;
}

.mm-compare__brand-logo img{
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* ROWS */
.mm-compare__rows{
  margin-top: 14px;
  display: grid;
  gap: 12px;
}

.mm-compare__row{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  align-items: center;
  background: #fff;
  border: 1px solid var(--mm-line);
  border-radius: 18px;
  overflow: hidden;
}

.mm-compare__row--alt{
  background: var(--mm-row-bg);
}

.mm-compare__cell{
  padding: 18px 18px;
  font-size: 15px;
  color: var(--mm-ink);
  box-sizing: border-box;
  min-height: 58px;                /* ✅ centra mejor verticalmente */
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--mm-line);
}

.mm-compare__cell:last-child{
  border-right: none;
}

.mm-compare__cell--label{
  justify-content: flex-start;
  font-weight: 700;
  color: #111827;
}

/* valores tipo +15, +110 */
.mm-compare__value{
  font-weight: 700;
  color: var(--mm-primary);
}

/* ✅ ICONITOS (circulitos) para check / cross */
.mm-compare__status{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  user-select: none;
}

.mm-compare__status--ok{
  color: #0F766E;
  background: rgba(16,185,129,.12);
  border: 1px solid rgba(16,185,129,.35);
}

.mm-compare__status--no{
  color: #B91C1C;
  background: rgba(239,68,68,.10);
  border: 1px solid rgba(239,68,68,.30);
}

/* Responsive */
@media (max-width: 768px){
  .mm-compare{
    max-width: 100%;
  }
  .mm-compare__header,
  .mm-compare__row{
    grid-template-columns: 1.25fr 1fr 1fr;
  }
  .mm-compare__cell{
    padding: 14px 12px;
    font-size: 14px;
  }
  .mm-compare__head{
    min-height: 60px;
    padding: 12px 12px;
  }
  .mm-compare__brand-name{
    font-size: 14px;
  }
  .mm-compare__brand-logo{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  .mm-compare__brand-logo img{
    width: 18px;
    height: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4139cad *//* ====== ANCHO FULL (para que no quede más angosto que el 90%) ====== */
.mm-compare__card{
  width: 90vw;          /* o 90% si preferís */
  max-width: none;
  margin: 0 auto;
}

/* ====== 1) UNA SOLA GRILLA PARA TODO (header + rows) ====== */
.mm-compare{
  --mm-col-1: 1.4fr;   /* etiqueta */
  --mm-col-2: 1fr;     /* Master */
  --mm-col-3: 1fr;     /* Super */
  --mm-cols: var(--mm-col-1) var(--mm-col-2) var(--mm-col-3);
}

.mm-compare__header{
  display: grid;
  grid-template-columns: var(--mm-cols);
  align-items: center;
}

.mm-compare__row{
  display: grid;
  grid-template-columns: var(--mm-cols);
  align-items: center;
}

/* Asegura que cada “celda” no meta padding raro que desplace */
.mm-compare__cell{
  min-width: 0;
}

/* ====== 2) HEADER: centrado real (vertical + horizontal) ====== */
.mm-compare__header .mm-compare__cell{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* La 1ra columna (Características) alineada a la izquierda */
.mm-compare__header .mm-compare__cell:first-child{
  justify-content: flex-start;
  font-weight: 800; /* el bold que querías */
}

/* ====== 3) “+ Google Sheets / + Looker” más compacto ====== */
.mm-compare__brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px; /* antes estaba muy abierto */
}

.mm-compare__plus{
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  opacity: .9;
}

/* Logos en círculo blanco (por si alguno quedó cuadrado) */
.mm-compare__logo-wrap{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mm-compare__logo-wrap img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

/* ====== 4) MOBILE: header sin texto, solo logos (evita desfasajes) ====== */
@media (max-width: 520px){
  .mm-compare{
    --mm-col-1: 1.25fr;
    --mm-col-2: 88px;  /* columnas más angostas */
    --mm-col-3: 88px;
  }

  /* Oculta textos del header si tenés algo tipo “Master Metrics / Supermetrics” */
  .mm-compare__brand-text{
    display: none !important;
  }

  /* Hace aún más “pegado” el + y los logos */
  .mm-compare__brand{
    gap: 4px;
  }
  .mm-compare__plus{
    font-size: 11px;
  }
  .mm-compare__logo-wrap{
    width: 32px;
    height: 32px;
  }
  .mm-compare__logo-wrap img{
    width: 17px;
    height: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49f6a30 *//* =========================
   MM vs Supermetrics - FIX WIDTH + MOBILE HEADER
   (pegalo al final para que pise todo)
   ========================= */

.mm-compare{
  width: 100%;
}



/* Si tenías algo tipo max-width: 980px, esto lo pisa */
.mm-compare__card{
  width: 100%;
  max-width: none;
}

/* -------------------------
   HEADER: alineación y espaciados
   ------------------------- */


/* contenedor de “marca”: logos + (opcional) texto */
.mm-compare__brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
}

/* grupo de logos (por ej: MM + Sheets) */
.mm-compare__brand-logos{
  display: inline-flex;
  align-items: center;
  gap: 8px;                         /* default desktop */
}

/* el “+” entre logos */
.mm-compare__plus{
  font-weight: 700;
  color: rgba(255,255,255,.9);
  line-height: 1;
  transform: translateY(-1px);
}

/* círculo blanco detrás del logo (el que querías) */
.mm-compare__logoCircle{
  width: 34px;
  height: 34px;
  border-radius: 999px;             /* círculo perfecto */
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(15,23,42,.14);
}

/* el logo adentro del circulo */
.mm-compare__logoCircle img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}

/* texto de marca (si lo usás en desktop) */
.mm-compare__brand-name{
  font-weight: 700;
  letter-spacing: -0.2px;
  color: rgba(255,255,255,.95);
  font-size: 15px;
}

/* -------------------------
   MOBILE: solo logos + menos padding + logos más pegados
   ------------------------- */
@media (max-width: 768px){
  .mm-compare__wrap{
    width: min(90vw, 980px);        /* mantiene el 90% */
  }

  /* achicamos paddings del header para que no “apriete” */
  .mm-compare__header{
    grid-template-columns: 1.1fr 1fr 1fr;
  }

  /* ocultar texto, dejar solo logos */
  .mm-compare__brand-name{
    display: none !important;
  }

  /* cuando hay + Google Sheets o + Looker: más pegado */
  .mm-compare__brand-logos{
    gap: 6px;
  }

  .mm-compare__logoCircle{
    width: 32px;
    height: 32px;
  }
  .mm-compare__logoCircle img{
    width: 17px;
    height: 17px;
  }

  .mm-compare__plus{
    font-size: 14px;
    transform: translateY(-0.5px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2db5656 *//* =========================
   MASTER METRICS - PLANS TABLE
   ========================= */

:root{
  --mm-primary: #646EEB;
  --mm-ink: #0F172A;
  --mm-muted: #64748B;
  --mm-line: rgba(100,110,235,.22);
  --mm-soft: rgba(100,110,235,.07);
  --mm-radius: 18px;
}

.mm-plans-wrap{
  width: 100%;
  margin: 0 auto;
  font-family: Outfit, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Card + scroll */
.mm-plans-card{
  background: #fff;
  border: 1px solid var(--mm-line);
  border-radius: var(--mm-radius);
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(15,23,42,.08);
}

.mm-plans-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Grid “tabla” */
.mm-plans-grid{
  /* 1ra columna + 8 planes */
  display: grid;
  grid-template-columns: 190px repeat(8, minmax(150px, 1fr));
  min-width: 1400px; /* fuerza scroll si no entra */
}

/* Celdas */
.mm-plans-head,
.mm-plans-label,
.mm-plans-cell{
  padding: 16px 14px;
  border-right: 1px solid var(--mm-line);
  border-bottom: 1px solid var(--mm-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mm-ink);
  font-size: 14px;
}

/* Header */
.mm-plans-head{
  background: var(--mm-primary);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

.mm-plans-head.mm-sticky-col{
  justify-content: center;
}

/* Labels (1ra columna) */
.mm-plans-label{
  justify-content: flex-start;
  font-weight: 650;
  background: #fff;
}

/* Zebra suave */
.mm-plans-label:nth-child(18n + 1),
.mm-plans-cell:nth-child(18n + 2),
.mm-plans-cell:nth-child(18n + 3),
.mm-plans-cell:nth-child(18n + 4),
.mm-plans-cell:nth-child(18n + 5),
.mm-plans-cell:nth-child(18n + 6),
.mm-plans-cell:nth-child(18n + 7),
.mm-plans-cell:nth-child(18n + 8),
.mm-plans-cell:nth-child(18n + 9){
  /* no hace falta, queda limpio */
}

/* Sticky primera columna (queda “fija” cuando scrolleas a costado) */
.mm-sticky-col{
  position: sticky;
  left: 0;
  z-index: 3;
}

.mm-plans-label.mm-sticky-col{
  z-index: 2;
  background: #fff;
}

.mm-plans-head.mm-sticky-col{
  z-index: 4;
}

/* Yes/No icons (igual a las comparativas que venías usando) */
.mm-ic{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
}

.mm-yes{
  background: rgba(16,185,129,.14);
  border: 1px solid rgba(16,185,129,.35);
  color: #059669;
}

.mm-no{
  background: rgba(239,68,68,.12);
  border: 1px solid rgba(239,68,68,.30);
  color: #DC2626;
}

/* Precio row destacado */
.mm-price-row{
  background: rgba(100,110,235,.10);
  font-weight: 750;
}

/* Soporte icons */
.mm-support{
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.mm-support-ic{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(15,23,42,.05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

/* Quita borde derecho al final */
.mm-plans-grid > div:nth-child(9n){
  border-right: none;
}

/* Hint abajo */
.mm-plans-hint{
  margin-top: 10px;
  font-size: 12px;
  color: var(--mm-muted);
}

/* Mobile: más cómodo */
@media (max-width: 520px){
  .mm-plans-wrap{ width: 92%; }
  .mm-plans-head, .mm-plans-label, .mm-plans-cell{
    padding: 14px 12px;
    font-size: 13px;
  }
  .mm-plans-head{ font-size: 14px; }
}/* End custom CSS */