.elementor-226 .elementor-element.elementor-element-39f65b6{--display:flex;--min-height:611px;--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;}.elementor-226 .elementor-element.elementor-element-39f65b6:not(.elementor-motion-effects-element-type-background), .elementor-226 .elementor-element.elementor-element-39f65b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(156deg, #367AE8 22%, #0B3881 100%);}.elementor-226 .elementor-element.elementor-element-d40d63d{--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;}.elementor-226 .elementor-element.elementor-element-d40d63d.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-226 .elementor-element.elementor-element-faf4622{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-226 .elementor-element.elementor-element-faf4622 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:53px;font-weight:600;color:#FFFFFF;}.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-226 .elementor-element.elementor-element-b6da8b3{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-226 .elementor-element.elementor-element-b6da8b3.elementor-element{--align-self:stretch;}.elementor-226 .elementor-element.elementor-element-12aee6b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-226 .elementor-element.elementor-element-66f23b8 .elementor-button{background-color:#3C83F6;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;border-radius:6px 6px 6px 6px;}.elementor-226 .elementor-element.elementor-element-66f23b8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-226 .elementor-element.elementor-element-66f23b8 .elementor-button .elementor-button-content-wrapper{gap:27px;}.elementor-226 .elementor-element.elementor-element-643c4e2 .elementor-button{background-color:#3C83F6;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;border-radius:6px 6px 6px 6px;}.elementor-226 .elementor-element.elementor-element-643c4e2 .elementor-button:hover, .elementor-226 .elementor-element.elementor-element-643c4e2 .elementor-button:focus{background-color:#FFFFFF;color:#3C83F6;}.elementor-226 .elementor-element.elementor-element-643c4e2 .elementor-button:hover svg, .elementor-226 .elementor-element.elementor-element-643c4e2 .elementor-button:focus svg{fill:#3C83F6;}.elementor-226 .elementor-element.elementor-element-7ec466f{--display:flex;--justify-content:center;}.elementor-226 .elementor-element.elementor-element-40637cb{--display:flex;--min-height:357px;--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;--border-radius:18px 18px 18px 18px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-226 .elementor-element.elementor-element-dd44e01 img{width:58%;}.elementor-226 .elementor-element.elementor-element-b9d6674{--display:flex;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-b9d6674:not(.elementor-motion-effects-element-type-background), .elementor-226 .elementor-element.elementor-element-b9d6674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFCFCF36;}.elementor-226 .elementor-element.elementor-element-fba0cc0{text-align:center;}.elementor-226 .elementor-element.elementor-element-fba0cc0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;color:#000000;}.elementor-226 .elementor-element.elementor-element-6a68bc5{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#868686;}.elementor-226 .elementor-element.elementor-element-c6efb5d{--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;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-ab13b6a{text-align:center;}.elementor-226 .elementor-element.elementor-element-ab13b6a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;color:#000000;}.elementor-226 .elementor-element.elementor-element-8256d1d{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:#868686;}.elementor-226 .elementor-element.elementor-element-a20c511{--display:flex;}.elementor-226 .elementor-element.elementor-element-99536f7{padding:0px 0px 90px 0px;}.elementor-226 .elementor-element.elementor-element-373d8ff{--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;}.elementor-226 .elementor-element.elementor-element-46ed4d1{text-align:center;}.elementor-226 .elementor-element.elementor-element-46ed4d1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;color:#000000;}.elementor-226 .elementor-element.elementor-element-1791b95{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:#868686;}.elementor-226 .elementor-element.elementor-element-f755faa{--display:flex;--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;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-0fe8cf5{--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;}.elementor-226 .elementor-element.elementor-element-667cd13{text-align:left;}.elementor-226 .elementor-element.elementor-element-667cd13 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:43px;font-weight:600;color:#000000;}.elementor-226 .elementor-element.elementor-element-230a849{text-align:left;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:#868686;}.elementor-226 .elementor-element.elementor-element-3a47a56{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-226 .elementor-element.elementor-element-61b2cde{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-226 .elementor-element.elementor-element-61b2cde .elementor-icon-list-text{transition:color 0.3s;}.elementor-226 .elementor-element.elementor-element-e35e011{--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;}.elementor-226 .elementor-element.elementor-element-3c7892a{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-226 .elementor-element.elementor-element-3c7892a:not(.elementor-motion-effects-element-type-background), .elementor-226 .elementor-element.elementor-element-3c7892a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(148deg, #3B82F4 0%, #083379 80%);}.elementor-226 .elementor-element.elementor-element-f7def38{text-align:center;}.elementor-226 .elementor-element.elementor-element-f7def38 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-226 .elementor-element.elementor-element-19a3a7a{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-226 .elementor-element.elementor-element-64a51d1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-226 .elementor-element.elementor-element-72cff01 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;fill:#3B82F4;color:#3B82F4;border-radius:6px 6px 6px 6px;}.elementor-226 .elementor-element.elementor-element-72cff01 .elementor-button-content-wrapper{flex-direction:row;}.elementor-226 .elementor-element.elementor-element-72cff01 .elementor-button .elementor-button-content-wrapper{gap:27px;}.elementor-226 .elementor-element.elementor-element-6363dae .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#3B82F4;color:#3B82F4;border-radius:6px 6px 6px 6px;}.elementor-226 .elementor-element.elementor-element-6363dae .elementor-button:hover, .elementor-226 .elementor-element.elementor-element-6363dae .elementor-button:focus{background-color:#FFFFFF;color:#3C83F6;}.elementor-226 .elementor-element.elementor-element-6363dae .elementor-button-content-wrapper{flex-direction:row;}.elementor-226 .elementor-element.elementor-element-6363dae .elementor-button .elementor-button-content-wrapper{gap:27px;}.elementor-226 .elementor-element.elementor-element-6363dae .elementor-button:hover svg, .elementor-226 .elementor-element.elementor-element-6363dae .elementor-button:focus svg{fill:#3C83F6;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-226 .elementor-element.elementor-element-12aee6b{--grid-auto-flow:row;}.elementor-226 .elementor-element.elementor-element-64a51d1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-226 .elementor-element.elementor-element-d40d63d{--width:49%;}.elementor-226 .elementor-element.elementor-element-7ec466f{--width:100%;}.elementor-226 .elementor-element.elementor-element-40637cb{--width:91%;}.elementor-226 .elementor-element.elementor-element-c6efb5d{--content-width:1419px;}.elementor-226 .elementor-element.elementor-element-0fe8cf5{--width:50%;}.elementor-226 .elementor-element.elementor-element-e35e011{--width:50%;}}@media(max-width:767px){.elementor-226 .elementor-element.elementor-element-faf4622 .elementor-heading-title{font-size:30px;}.elementor-226 .elementor-element.elementor-element-b6da8b3{font-size:15px;}.elementor-226 .elementor-element.elementor-element-12aee6b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-226 .elementor-element.elementor-element-f7def38 .elementor-heading-title{font-size:24px;}.elementor-226 .elementor-element.elementor-element-19a3a7a{font-size:13px;}.elementor-226 .elementor-element.elementor-element-64a51d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}}/* Start custom CSS for html, class: .elementor-element-b49c031 *//* Tipografía (omítelo si ya usas Montserrat en Elementor) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

:root{
  --accent: #f97316;     /* naranja */
  --accent-bg: #ffe9d6;  /* fondo suave del icono */
  --title: #0f172a;      /* casi negro */
  --text: #334155;       /* gris oscuro */
  --border: #e6e9ee;     /* borde de tarjeta */
}

.feature-cards{
  max-width: 1419px;   /* ajusta si necesitas otro ancho */
  margin: 24px auto;
  font-family: 'Montserrat', Arial, sans-serif;
  color: var(--text);
}

.feature-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.feature-card{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 22px 24px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.feature-card:hover{
  box-shadow: 0 10px 28px rgba(15,23,42,.06);
  transform: translateY(-2px);
}

/* Icono en caja */
.icon-badge{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--accent-bg);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.icon-badge svg{
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.feature-title{
  margin: 0 0 6px 0;
  color: var(--title);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.feature-desc{
  margin: 0;
  font-size: 15.5px;
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 1024px){
  .feature-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px){
  .feature-grid{ grid-template-columns: 1fr; }
  .feature-card{ padding: 18px; }
  .feature-title{ font-size: 18px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99536f7 *//* Montserrat (si ya la tienes global, puedes quitar esta línea) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

:root{
  --bg: #f8fafc;
  --card-bg: #ffffff;
  --border: #e6e9ee;
  --title: #0f172a;
  --text: #334155;
  --muted: #64748b;
  --accent: #f97316;        /* naranja */
  --accent-2: #6366f1;      /* violeta */
  --accent-3: #0ea5e9;      /* azul */
  --check: #16a34a;
}

.pricing-plans{
  max-width: 1419px;     /* ajusta si quieres otro ancho */
  margin: 24px auto 40px;
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
}

.plans-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* Tarjeta base */
.plan{
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 22px 22px 20px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.plan:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(15,23,42,.08);
  border-color: #dfe5ef;
}

/* Tarjeta destacada */
.plan--featured{
  border-color: rgba(249,115,22,.4);
  box-shadow: 0 24px 60px rgba(249,115,22,.10);
}
.plan--featured::before{
  content: "";
  position: absolute;
  inset: -40% -40% auto -40%;
  height: 220px;
  background: radial-gradient(80% 60% at 20% 0%, rgba(249,115,22,.10), rgba(99,102,241,.06) 60%, transparent 70%);
  pointer-events: none;
}

/* Insignia Recomendado */
.badge{
  position: absolute;
  top: 14px;
  left: 16px;
  background: linear-gradient(90deg, #fb923c, #f97316);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  letter-spacing: .02em;
  box-shadow: 0 6px 18px rgba(249,115,22,.35);
}

/* Encabezado */
.plan-title{
  margin: 28px 6px 4px;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.02em;
  color: var(--title);
}
.plan-title--orange{
  background: linear-gradient(90deg, #fb923c, #f97316);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.plan-title--violet{
  background: linear-gradient(90deg, #818cf8, #6366f1);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.plan-title--blue{
  background: linear-gradient(90deg, #38bdf8, #0ea5e9);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

.plan-sub{
  margin: 0 6px 12px;
  font-size: 14px;
  color: var(--muted);
}

/* Key-Value (Almacenamiento/Usuarios) */
.kv{
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 8px;
  column-gap: 10px;
  margin: 10px 6px 6px;
  font-size: 14px;
}
.kv .label{ color: var(--muted); }
.kv .value{ color: var(--title); font-weight: 700; }

/* Separador suave */
.hr{
  height: 1px;
  background: #eef2f7;
  margin: 16px 0 12px;
  border: 0;
}

/* Lista de features */
.features{
  margin: 0 6px 8px;
  padding: 0;
  list-style: none;
}
.features li{
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: start;
  gap: 10px;
  margin: 9px 0;
  font-size: 15.5px;
  color: var(--text);
}
.features li::before{
  content: "";
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background:
    url("data:image/svg+xml;utf8, \
      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'> \
        <path d='M20 6 9 17l-5-5'/> \
      </svg>") no-repeat center / contain;
}

/* Ideal para */
.ideal{
  margin: 8px 6px 16px;
  font-size: 14px;
  color: var(--muted);
}
.ideal strong{ color: var(--title); }

/* Botones */
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .01em;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.btn-primary{
  color: #fff;
  background: linear-gradient(180deg, #fb923c, #f97316);
  box-shadow: 0 10px 20px rgba(249,115,22,.25);
}
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 14px 26px rgba(249,115,22,.35); }

.btn-ghost{
  color: #fff;
  background: #475569; /* gris azulado para contraste */
}
.btn-ghost:hover{ transform: translateY(-1px); background:#334155; }

/* Responsive */
@media (max-width: 1100px){
  .plans-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px){
  .plans-grid{ grid-template-columns: 1fr; }
  .plan{ padding: 20px; }
  .plan-title{ font-size: 22px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6cdbc5b *//* Tipografía (omítela si ya usas Montserrat en Elementor) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

:root{
  --accent: #f97316;    /* naranja */
  --accent-soft:#ffedd5;/* naranja suave */
  --title:#0f172a;
  --text:#334155;
  --muted:#64748b;
  --border:#e6e9ee;
  --card:#ffffff;
}

.impl-wrap{
  max-width:1419px;
  margin: 16px auto 40px;
  padding: 0 10px;
  font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
}

/* ========== PASOS SUPERIORES ========== */
.steps-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  text-align:center;
  margin: 10px 0 28px;
}

.step{
  padding: 8px 10px;
}

.step-badge{
  width:64px; height:64px;
  margin: 0 auto 10px;
  border-radius:50%;
  background: radial-gradient(80% 80% at 30% 20%, #fda85b, #f97316);
  color:#fff;
  font-weight:700;
  font-size:22px;
  display:grid; place-items:center;
  box-shadow: 0 8px 18px rgba(249,115,22,.25);
}

.step-title{
  margin: 2px 0 6px;
  color:var(--title);
  font-weight:700;
  letter-spacing:-0.01em;
  font-size:20px;
}

.step-desc{
  margin:0 auto 10px;
  max-width: 32ch;
  color:var(--muted);
  line-height:1.6;
  font-size:15px;
}

.step-time{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--accent);
  font-weight:600;
  font-size:12px;
}

/* ========== COMPATIBILIDAD ========== */
.compat-card{
  background: var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding: 26px 18px;
  box-shadow: 0 6px 20px rgba(15,23,42,.04);
}

.compat-title{
  margin: 0 0 18px 0;
  text-align:center;
  color:var(--title);
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.02em;
}

.compat-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items:start;
  text-align:center;
}

.c-item{
  padding: 6px 8px;
}

.c-icon{
  width:56px; height:56px;
  margin: 0 auto 10px;
  border-radius:14px;
  background:#fff7ed; /* muy suave */
  color:var(--accent);
  display:grid; place-items:center;
  border:1px solid #ffe8cf;
}
.c-icon svg{ width:28px; height:28px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.c-title{
  margin: 4px 0 4px;
  font-weight:700;
  color:var(--title);
  font-size:18px;
}

.c-desc{
  margin:0 auto;
  max-width: 44ch;
  color:var(--muted);
  line-height:1.7;
  font-size:15px;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1100px){
  .steps-grid{ grid-template-columns: repeat(2, 1fr); }
  .compat-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px){
  .steps-grid{ grid-template-columns: 1fr; }
  .compat-grid{ grid-template-columns: 1fr; }
  .step-title{ font-size:18px; }
  .compat-title{ font-size:22px; }
}/* End custom CSS */