.elementor-kit-6{--e-global-color-primary:#1E73BE;--e-global-color-secondary:#0E5CA7;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FABC43;--e-global-color-4d1e508:#1B1B1B;--e-global-color-79d9b60:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"GalanoGrotesque", Sans-serif;color:var( --e-global-color-79d9b60 );border-style:none;border-radius:15px 15px 15px 15px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h1{font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h2{font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h3{font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h4{font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h5{font-family:"GalanoGrotesque", Sans-serif;}.elementor-kit-6 h6{font-family:"GalanoGrotesque", Sans-serif;}.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:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   MiYOSMART Latam · Estilos de marca para Elementor
   Paleta extraída de MiYOSMART España (miyosmart.es)
   ------------------------------------------------------------
   DÓNDE PEGAR:
   1) Tokens + tipografías → Elementor: Site Settings › Custom CSS
   2) El bloque .miyo-form aplica solo si añades la clase "miyo-form"
      al widget de Formulario: Avanzado › CSS Classes › miyo-form
   ============================================================ */

/* Tipografías de marca — Galano Grotesque (self-hosted) */
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueThin.otf') format('opentype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueExtraLight.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueLight.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueRegular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueMedium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueSemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueBold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueExtraBold.otf') format('opentype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueHeavy.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesque';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueBlack.otf') format('opentype');font-weight:950;font-style:normal;font-display:swap}

/* Variante Alt (formas alternativas de algunos glifos) */
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltThin.otf') format('opentype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltExtraLight.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltLight.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltRegular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltMedium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltSemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltBold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltExtraBold.otf') format('opentype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltHeavy.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'GalanoGrotesqueAlt';src:url('https://miyosmart-faculty.hoyalenscolombia.com/fonts/GalanoGrotesqueAltBlack.otf') format('opentype');font-weight:950;font-style:normal;font-display:swap}

:root{
  /* Paleta MiYOSMART real */
  --miyo-gold:#FABC43;           /* Dorado — acento principal, fondos cálidos */
  --miyo-gold-deep:#E5A820;      /* Dorado oscuro — hover sobre dorado */
  --miyo-blue:#1E73BE;           /* Azul — tipografía sobre dorado, íconos */
  --miyo-blue-btn:#0E5CA7;       /* Azul oscuro — botones primarios */
  --miyo-blue-btn-deep:#0A4A8A;  /* Azul más oscuro — hover botón */
  --miyo-dark:#34363A;           /* Gris oscuro — fondos oscuros, secciones */
  --miyo-gray:#CDCED6;           /* Gris claro — fondos secundarios, bordes */
  --miyo-ink:#1E1E1E;            /* Negro suave — texto sobre dorado */
  --miyo-white:#FFFFFF;          /* Blanco — fondos, texto sobre oscuro */
  --miyo-muted:#6B6E75;          /* Gris texto — descripciones secundarias */
  --miyo-line:#CDCED6;           /* Borde inputs y separadores */

  /* Tipografías — Galano Grotesque (misma familia para display y body) */
  --miyo-display:'GalanoGrotesque',system-ui,sans-serif;
  --miyo-body:'GalanoGrotesque',system-ui,sans-serif;
}

/* ---------- EYEBROW / ETIQUETA PILL ---------- */
/* Usar con widget HTML: <div class="miyo-eyebrow"><span class="dot"></span> Texto</div> */
.miyo-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--miyo-display);font-weight:700;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--miyo-ink);
  background:var(--miyo-gold);padding:7px 14px;border-radius:999px;
  border:none;
}
.miyo-eyebrow .dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--miyo-blue);flex-shrink:0;
}

/* ---------- TÍTULOS DE MARCA ---------- */
/* Clase miyo-title en widget Heading */
.miyo-title{
  font-family:var(--miyo-display)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:var(--miyo-dark)!important;
  line-height:1.08!important;
}
/* Uso: <span class="accent">palabra</span> dentro del Heading para resaltar en dorado */
.miyo-title .accent{color:var(--miyo-gold)!important}

/* Título sobre fondo oscuro */
.miyo-title-white{
  font-family:var(--miyo-display)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:var(--miyo-white)!important;
  line-height:1.08!important;
}

/* ---------- BOTONES ---------- */
/* Botón azul con texto blanco — clase miyo-btn-blue en widget Button */
.miyo-btn-blue .elementor-button,
a.miyo-btn-blue{
  font-family:var(--miyo-display)!important;font-weight:700!important;
  font-size:15px!important;color:var(--miyo-white)!important;
  background:var(--miyo-blue-btn)!important;border:none!important;
  border-radius:10px!important;padding:14px 28px!important;
  transition:background .18s,transform .12s;text-decoration:none;
}
.miyo-btn-blue .elementor-button:hover,
a.miyo-btn-blue:hover{background:var(--miyo-blue-btn-deep)!important}

/* Botón blanco con texto azul — clase miyo-btn-white */
.miyo-btn-white .elementor-button,
a.miyo-btn-white{
  font-family:var(--miyo-display)!important;font-weight:700!important;
  font-size:15px!important;color:var(--miyo-blue-btn)!important;
  background:var(--miyo-white)!important;
  border:2px solid var(--miyo-blue-btn)!important;
  border-radius:10px!important;padding:14px 28px!important;
  transition:background .18s,color .18s;text-decoration:none;
}
.miyo-btn-white .elementor-button:hover,
a.miyo-btn-white:hover{
  background:var(--miyo-blue-btn)!important;
  color:var(--miyo-white)!important;
}

/* Botón dorado con texto oscuro — clase miyo-btn-gold */
.miyo-btn-gold .elementor-button,
a.miyo-btn-gold{
  font-family:var(--miyo-display)!important;font-weight:700!important;
  font-size:15px!important;color:var(--miyo-ink)!important;
  background:var(--miyo-gold)!important;border:none!important;
  border-radius:10px!important;padding:14px 28px!important;
  transition:background .18s;text-decoration:none;
}
.miyo-btn-gold .elementor-button:hover,
a.miyo-btn-gold:hover{background:var(--miyo-gold-deep)!important}

/* ---------- FORMULARIO (clase: miyo-form) ---------- */
.miyo-form .elementor-field-group > label,
.miyo-form .elementor-field-label{
  font-family:var(--miyo-display);font-weight:600;font-size:13px;
  color:var(--miyo-dark);margin-bottom:7px;
}
.miyo-form .elementor-mark-required .elementor-field-label:after,
.miyo-form .elementor-field-required .elementor-field-label:after{
  color:var(--miyo-blue);
}

/* Inputs y selects */
.miyo-form .elementor-field-group .elementor-field:not(.elementor-selected-filter),
.miyo-form .elementor-field-textual{
  font-family:var(--miyo-body)!important;font-size:15px!important;
  color:var(--miyo-ink)!important;background:var(--miyo-white)!important;
  border:1.5px solid var(--miyo-line)!important;border-radius:10px!important;
  padding:13px 15px!important;min-height:50px;
  box-shadow:none!important;
  transition:border-color .18s,box-shadow .18s;
}
.miyo-form .elementor-field-textual:focus,
.miyo-form select.elementor-field:focus{
  border-color:var(--miyo-blue)!important;
  box-shadow:0 0 0 3px rgba(14,92,167,.15)!important;
  outline:none;
}
.miyo-form .elementor-field-textual::placeholder{color:#9A9DA6}

/* Consentimiento */
.miyo-form .elementor-field-type-acceptance .elementor-field-subgroup,
.miyo-form .elementor-field-type-checkbox .elementor-field-subgroup{
  font-family:var(--miyo-body);font-size:13px;
  color:var(--miyo-muted);line-height:1.5;
}
.miyo-form input[type=checkbox],
.miyo-form input[type=radio]{accent-color:var(--miyo-blue-btn)}
.miyo-form .elementor-field-type-acceptance a{
  color:var(--miyo-blue);text-decoration:underline;text-underline-offset:2px;
}

/* Botón enviar del formulario */
.miyo-form .elementor-button,
.miyo-form .elementor-field-type-submit .elementor-button{
  font-family:var(--miyo-display)!important;font-weight:700!important;
  font-size:16px!important;color:var(--miyo-white)!important;
  background:var(--miyo-blue-btn)!important;border:none!important;
  border-radius:10px!important;padding:15px 24px!important;
  min-height:52px;width:100%;
  transition:background .18s,transform .12s;
}
.miyo-form .elementor-button:hover{background:var(--miyo-blue-btn-deep)!important}
.miyo-form .elementor-button:active{transform:translateY(1px)}

/* Mensajes */
.miyo-form .elementor-message.elementor-message-success{
  color:var(--miyo-dark);font-family:var(--miyo-display);font-weight:600;
}
.miyo-form .elementor-message-danger{color:#c0392b}

/* ---------- TARJETA DE MÓDULO ---------- */
/* clase miyo-card en widget Inner Section o contenedor */
.miyo-card{
  background:var(--miyo-white);border-radius:14px;
  border:1.5px solid var(--miyo-gray);
  padding:24px;
  transition:border-color .2s,box-shadow .2s;
}
.miyo-card:hover{
  border-color:var(--miyo-gold);
  box-shadow:0 8px 32px -8px rgba(250,188,67,.25);
}

/* Número de módulo */
.miyo-module-num{
  font-family:var(--miyo-display);font-weight:800;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--miyo-white);background:var(--miyo-blue-btn);
  display:inline-block;padding:4px 10px;border-radius:6px;
  margin-bottom:10px;
}

@media (prefers-reduced-motion:reduce){
  .miyo-form .elementor-button,
  .miyo-btn-blue .elementor-button,
  .miyo-btn-white .elementor-button,
  .miyo-btn-gold .elementor-button{transition:none}
}
/* === cajas===== */
.miyo-benefit-card {
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:20px;
  background:rgba(255,255,255,0.5);
  border-radius:14px;
  height:140px;
}

/* === responsive ===== */

/* ── Mobile fixes ─────────────────────────────── */
@media (max-width: 767px) {

  /* Benefit cards: quitar alto fijo, que crezca con el contenido */
  .miyo-benefit-card {
    height: auto !important;
    min-height: 100px;
  }

  /* Hero DIMS: reducir SVG para que no tape el texto */
  .miyo-lens svg {
    width: min(280px, 70vw) !important;
  }

  /* Módulos: asegurar que cada card ocupa su propia línea */
  .miyo-card {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Formulario: padding lateral para que no se corte */
  .miyo-form .elementor-field-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Eyebrow pill: que no se desborde */
  .miyo-eyebrow {
    font-size: 10px;
    padding: 6px 12px;
  }

  /* Zoom widget: aspect-ratio 16/9 puede ser muy pequeño en móvil */
  .miyo-stage {
    aspect-ratio: auto !important;
    min-height: 200px;
  }

}

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
  .miyo-benefit-card {
    height: auto !important;
    min-height: 120px;
  }
}/* End custom CSS */