.elementor-kit-5{--e-global-color-primary:#0070EB;--e-global-color-secondary:#E0E0E0;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-f85f653:#DEDEDE;--e-global-color-bcc7f63:#F8F8F8;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:65px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:49px;--e-global-typography-accent-font-weight:300;--e-global-typography-9c8c805-font-family:"Roboto";--e-global-typography-9c8c805-font-size:16px;--e-global-typography-9c8c805-font-weight:300;--e-global-typography-1b428dc-font-family:"Roboto";--e-global-typography-1b428dc-font-size:21px;--e-global-typography-1b428dc-font-weight:300;--e-global-typography-e04e0e0-font-family:"Roboto";--e-global-typography-e04e0e0-font-size:46px;--e-global-typography-e04e0e0-font-weight:100;--e-global-typography-b46f4a4-font-family:"Roboto";--e-global-typography-b46f4a4-font-size:19px;--e-global-typography-b46f4a4-font-weight:100;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#61CE70;font-family:"Roboto", Sans-serif;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1405px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-e04e0e0-font-size:33px;--e-global-typography-b46f4a4-font-size:16px;font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html, body { overflow-x: clip; }
.page-header{display:none}

/* ── Ajuste global del hero para laptops anchas y bajitas (lo activa el JS) ── */
@media (min-width: 768px){
  .nx-fit{
    background-image:
      linear-gradient(to right,
        rgba(6,11,26,.55) 0,
        rgba(6,11,26,.92) calc(100% - var(--mover) - var(--img-w)),
        rgba(6,11,26,0)   calc(100% - var(--mover) - var(--img-w) + 260px),
        rgba(6,11,26,0)   calc(100% - var(--mover) - 160px),
        rgba(6,11,26,.92) calc(100% - var(--mover)),
        rgba(6,11,26,.92) 100%),
      var(--nx-img),
      var(--nx-img) !important;
    background-size: 100% 100%, auto 100%, cover !important;
    background-position: 0 0, right var(--mover) center, left top !important;
    background-repeat: no-repeat !important;
    background-color: #060b1a !important;
  }
}

/* ── Tarjetas de las panorámicas: fondo negro al pasar el mouse ──
   En cada panorámica: Grid de las 6 tarjetas → Avanzado → Clases CSS → nx-pano */
.nx-pano > .e-con,
.nx-pano > .e-con-inner > .e-con{
  transition:background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .35s cubic-bezier(.2,.7,.2,1);
}
.nx-pano > .e-con:hover,
.nx-pano > .e-con-inner > .e-con:hover{
  background-color:#000 !important;
  background-image:none !important;
  box-shadow:0 20px 40px -24px rgba(0,0,0,.8);
  transform:scale(1.02);                 /* zoom sutil: 1.02 = 2% más grande */
  position:relative; z-index:2;          /* que la tarjeta crecida quede encima de sus vecinas */
}
@media (hover:none),(prefers-reduced-motion:reduce){
  .nx-pano > .e-con:hover,
  .nx-pano > .e-con-inner > .e-con:hover{transform:none}
}

/* ── Imágenes con zoom (clase nx-zoom): centradas en tablet y celular ── */
@media (max-width:1024px){
  .nx-zoom .nxz-marco{margin-left:auto !important;margin-right:auto !important}
  .nx-zoom .elementor-widget-container{text-align:center !important}
  .nx-zoom img{margin-left:auto !important;margin-right:auto !important}
}

/* =====================================================================
   NEXTOR MÓVIL · Estética GLOBAL de botones   v1
   Pegar UNA vez en: Elementor › Ajustes del sitio › CSS personalizado
   (al final de lo que ya tienes).

   QUÉ HACE
   · Todos los widgets "Botón" de Elementor toman la misma forma: píldora, 250 px de ancho,
     48 px de alto, sombra suave y brillo al pasar el mouse.
   · EL COLOR LO SIGUES ELIGIENDO EN ELEMENTOR, como siempre (Estilo › Color de fondo y Color del texto):
     el código solo le pone encima un degradado de luz, así que funciona con verde, azul, negro,
     blanco o el que sea.
   · Si quieres el tono EXACTO de marca (con su resplandor de color), en el botón ve a
     Avanzado › Clases CSS y escribe una de estas:
        nx-verde   → verde ecosistema (#61CE70)
        nx-azul    → azul telefonía / planes (#1F6FFF)
        nx-negro   → negro
        nx-blanco  → blanco con texto oscuro
   · Clases opcionales:
        nx-libre      → este botón NO toma la estética global (se queda como lo tengas)
        nx-sin-icono  → oculta el ícono / flecha del botón
        nx-auto       → ancho según el texto en lugar de 250 px
   · Si el botón está en "Justificado" (ancho completo) en Elementor, respeta el 100 %.
   ===================================================================== */

/* ── forma general ── */
.elementor-widget-button:not(.nx-libre) .elementor-button{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px;
  width:250px !important;max-width:100% !important;min-height:48px !important;padding:0 20px !important;box-sizing:border-box !important;
  border:0 !important;border-radius:999px !important;text-decoration:none !important;white-space:nowrap !important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;font-size:15.5px !important;font-weight:500 !important;
  line-height:1 !important;letter-spacing:.01em !important;text-transform:none !important;
  /* luz encima del color que elegiste en Elementor */
  background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.08)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px -10px rgba(0,0,0,.30) !important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .2s !important}
.elementor-widget-button:not(.nx-libre) .elementor-button:hover{
  transform:translateY(-1px);filter:brightness(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -10px rgba(0,0,0,.34) !important}
.elementor-widget-button:not(.nx-libre) .elementor-button-content-wrapper{display:inline-flex !important;align-items:center !important;gap:8px !important}
.elementor-widget-button:not(.nx-libre) .elementor-button-text{white-space:nowrap}

/* ancho completo cuando en Elementor está "Justificado" */
.elementor-widget-button.elementor-align-justify:not(.nx-libre) .elementor-button,
.elementor-widget-button.elementor-mobile-align-justify:not(.nx-libre) .elementor-button{width:100% !important}
/* ancho según el texto */
.elementor-widget-button.nx-auto .elementor-button{width:auto !important;padding:0 26px !important}
/* sin ícono */
.elementor-widget-button.nx-sin-icono .elementor-button-icon{display:none !important}

/* ── tonos exactos de marca (opcionales, con su resplandor) ── */
.elementor-widget-button.nx-verde .elementor-button{
  background:linear-gradient(180deg,#4fd162,#26ad3d) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px -10px rgba(40,190,80,.45) !important}
.elementor-widget-button.nx-verde .elementor-button:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -10px rgba(40,190,80,.5) !important}

.elementor-widget-button.nx-azul .elementor-button{
  background:linear-gradient(180deg,#2f74ff,#1556e8) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px -10px rgba(31,111,255,.45) !important}
.elementor-widget-button.nx-azul .elementor-button:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -10px rgba(31,111,255,.5) !important}

.elementor-widget-button.nx-negro .elementor-button{
  background:linear-gradient(180deg,#2a2d33,#111317) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px -10px rgba(0,0,0,.5) !important}

.elementor-widget-button.nx-blanco .elementor-button{
  background:linear-gradient(180deg,#ffffff,#f1f3f6) !important;color:#141414 !important;
  box-shadow:inset 0 0 0 1px #e1e5eb,0 8px 22px -12px rgba(16,24,40,.28) !important}
.elementor-widget-button.nx-blanco .elementor-button:hover{
  box-shadow:inset 0 0 0 1px #d3d9e2,0 12px 28px -12px rgba(16,24,40,.32) !important}

/* ── celular ── */
@media (max-width:640px){
  .elementor-widget-button:not(.nx-libre):not(.nx-auto) .elementor-button{width:260px !important}
  .elementor-widget-button.elementor-align-justify:not(.nx-libre) .elementor-button,
  .elementor-widget-button.elementor-mobile-align-justify:not(.nx-libre) .elementor-button{width:100% !important}
}

/* ── Botones de los códigos HTML con la MISMA estética que los botones de Elementor ──
   (cintillo, "Dos soluciones" y la barra "Conocer el ecosistema")
   Verde = lleva al ecosistema · Azul = telefonía / planes · Blanco = hablar con alguien */
html body #nxCinta .nxc-btn,
html body a.nx-btn-eg, html body a.nx-btn-vp,
html body a.ne-btn{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
  width:250px !important;max-width:100% !important;min-height:48px !important;height:48px !important;padding:0 20px !important;box-sizing:border-box !important;
  border:0 !important;border-radius:999px !important;text-decoration:none !important;white-space:nowrap !important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;font-size:15.5px !important;font-weight:500 !important;
  line-height:1 !important;letter-spacing:.01em !important;text-transform:none !important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .2s !important}
html body #nxCinta .nxc-btn:hover,
html body a.nx-btn-eg:hover, html body a.nx-btn-vp:hover,
html body a.ne-btn:hover{transform:translateY(-1px) !important;filter:brightness(1.06)}

/* sin flechas ni círculos */
html body #nxCinta .nxc-go,
html body .nx-btn-eg__go, html body .nx-btn-vp__go,
html body a.ne-btn svg{display:none !important}
html body a.ne-btn::before{display:none !important}

/* verde */
html body #nxCinta .nxc-btn.ok,
html body a.nx-btn-eg,
html body a.ne-btn{
  background:linear-gradient(180deg,#4fd162,#26ad3d) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px -10px rgba(40,190,80,.45) !important}
html body #nxCinta .nxc-btn.ok:hover,
html body a.nx-btn-eg:hover,
html body a.ne-btn:hover{
  background:linear-gradient(180deg,#4fd162,#26ad3d) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -10px rgba(40,190,80,.5) !important}

/* azul */
html body #nxCinta .nxc-btn.pri,
html body a.nx-btn-vp{
  background:linear-gradient(180deg,#2f74ff,#1556e8) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px -10px rgba(31,111,255,.45) !important}
html body #nxCinta .nxc-btn.pri:hover,
html body a.nx-btn-vp:hover{
  background:linear-gradient(180deg,#2f74ff,#1556e8) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px -10px rgba(31,111,255,.5) !important}

/* blanco */
html body #nxCinta .nxc-btn.sec{
  background:linear-gradient(180deg,#ffffff,#f1f3f6) !important;color:#141414 !important;
  box-shadow:inset 0 0 0 1px #e1e5eb,0 8px 22px -12px rgba(0,0,0,.35) !important}
html body #nxCinta .nxc-btn.sec:hover{
  background:linear-gradient(180deg,#ffffff,#f1f3f6) !important;
  box-shadow:inset 0 0 0 1px #d3d9e2,0 12px 28px -12px rgba(0,0,0,.4) !important}

@media (max-width:640px){
  html body #nxCinta .nxc-btn,
  html body a.nx-btn-eg, html body a.nx-btn-vp,
  html body a.ne-btn{width:260px !important}
}

/* ── Migas de pan de Rank Math: texto blanco, Roboto, 16 px (como las de antes) ──
   Pegar al final de: Ajustes del sitio › Custom CSS
   El widget Shortcode con [rank_math_breadcrumb] lleva en Avanzado › Clases CSS: migas */
.migas .rank-math-breadcrumb,
.migas .rank-math-breadcrumb p,
.migas .rank-math-breadcrumb a,
.migas .rank-math-breadcrumb span{
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:16px !important;font-weight:400 !important;line-height:1.4 !important;
  letter-spacing:normal !important;text-transform:none !important;color:#fff !important}
.migas .rank-math-breadcrumb p{margin:0 !important}
.migas .rank-math-breadcrumb a{text-decoration:none !important;opacity:.85;transition:opacity .2s}
.migas .rank-math-breadcrumb a:hover{opacity:1;text-decoration:underline !important;text-underline-offset:3px}
.migas .rank-math-breadcrumb .separator{margin:0 .4em !important;opacity:.6}
.migas .rank-math-breadcrumb .last{opacity:1 !important}
@media (max-width:767px){
  .migas .rank-math-breadcrumb,
  .migas .rank-math-breadcrumb p,
  .migas .rank-math-breadcrumb a,
  .migas .rank-math-breadcrumb span{font-size:14px !important}
}/* End custom CSS */