.elementor-1216 .elementor-element.elementor-element-0361e02{width:var( --container-widget-width, 101.064% );max-width:101.064%;--container-widget-width:101.064%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-0361e02.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-fc892f8{width:var( --container-widget-width, 100.781% );max-width:100.781%;--container-widget-width:100.781%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-fc892f8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-238a2b6{width:var( --container-widget-width, 101.094% );max-width:101.094%;--container-widget-width:101.094%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-238a2b6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-499def6{width:var( --container-widget-width, 100.809% );max-width:100.809%;--container-widget-width:100.809%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-499def6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-f5ab576{width:var( --container-widget-width, 101.172% );max-width:101.172%;--container-widget-width:101.172%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-f5ab576.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-9548c16{width:var( --container-widget-width, 101.094% );max-width:101.094%;--container-widget-width:101.094%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-9548c16.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-72e7317{width:var( --container-widget-width, 101.328% );max-width:101.328%;--container-widget-width:101.328%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-72e7317.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-9cfeb3c{width:var( --container-widget-width, 101.172% );max-width:101.172%;--container-widget-width:101.172%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-9cfeb3c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-6e585fc{width:var( --container-widget-width, 101.016% );max-width:101.016%;--container-widget-width:101.016%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-6e585fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-5a740d1{width:var( --container-widget-width, 101.25% );max-width:101.25%;--container-widget-width:101.25%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-5a740d1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-8ec0f09{width:var( --container-widget-width, 100.859% );max-width:100.859%;--container-widget-width:100.859%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-8ec0f09.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-757ba0c{width:var( --container-widget-width, 100.938% );max-width:100.938%;--container-widget-width:100.938%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-757ba0c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-e86b1f5{width:var( --container-widget-width, 101.016% );max-width:101.016%;--container-widget-width:101.016%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-e86b1f5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-11475d2{width:var( --container-widget-width, 101.093% );max-width:101.093%;--container-widget-width:101.093%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-11475d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-e899a46{width:var( --container-widget-width, 101.172% );max-width:101.172%;--container-widget-width:101.172%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-e899a46.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1216 .elementor-element.elementor-element-b6b93bb{width:var( --container-widget-width, 100.937% );max-width:100.937%;--container-widget-width:100.937%;--container-widget-flex-grow:0;}.elementor-1216 .elementor-element.elementor-element-b6b93bb.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS *//* ============================================================
   MÁSTER DE ECOMMERCE · CSS de página
   (Elementor → Ajustes de página → Avanzado → CSS personalizado)
   Un único sitio para lo que afecta a TODA la landing.
   Los 18 bloques HTML traían cada uno su fondo (#000, #0a0a0a,
   #0d0d0f, #111…) y se notaban los cortes entre secciones.
   ============================================================ */

/* ---------- 1. FONDO UNIFICADO ---------- */
/* Negro puro (#000000): mismo fondo que el body, el header y el pie,
   para que toda la página se vea homogénea de arriba abajo. */
body.elementor-page-1216{
  --lfa-bg:#000000;
  background:var(--lfa-bg);
}
/* raíz de cada bloque */
body.elementor-page-1216 .lfb,
body.elementor-page-1216 #lfb-hero-v6 .hero,
body.elementor-page-1216 #lfb-consigues,
body.elementor-page-1216 #lfb-perfiles,
body.elementor-page-1216 #lfb-perfiles-v2,
body.elementor-page-1216 #lfb-incluye,
body.elementor-page-1216 #logos-clientes,
body.elementor-page-1216 .booking-section,
/* secciones interiores que pintaban #0a0a0a (--darker) a todo el ancho */
body.elementor-page-1216 #temario,
body.elementor-page-1216 section.profes,
body.elementor-page-1216 section.compare-section,
body.elementor-page-1216 section.faq,
body.elementor-page-1216 .lfb > section{
  background:var(--lfa-bg) !important;
}

/* El hero lleva foto con un velo que termina en negro al 85%:
   se funde en el mismo negro para que no quede escalón con el
   bloque siguiente. */
body.elementor-page-1216 #lfb-hero-v6 .hero::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:160px;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, var(--lfa-bg) 100%);
  z-index:1;           /* sobre la foto y el velo, bajo el texto (z 2) */
  pointer-events:none;
}

/* ---------- 2. DESTELLOS (degradados celestes) ---------- */
/* a) Los ::before con el degradado radial no tenían z-index: al ser
   elementos posicionados se pintaban POR ENCIMA del contenido, como
   una neblina sobre tarjetas y botones. Se aíslan y se mandan detrás
   del contenido, delante del fondo. */
body.elementor-page-1216 #lfb-perfiles-v2 .cards-area,
body.elementor-page-1216 .cta-final{
  isolation:isolate;
}
body.elementor-page-1216 #lfb-perfiles-v2 .cards-area::before,
body.elementor-page-1216 .cta-final::before{
  z-index:0;
}
body.elementor-page-1216 #lfb-perfiles-v2 .cards-area > *,
body.elementor-page-1216 .cta-final > *{
  position:relative;
  z-index:1;
}
/* b) El celeste iba al 5-7% de opacidad: no se veía. Misma forma,
   celeste perceptible. Ajustable aquí. */
body.elementor-page-1216 #lfb-perfiles-v2 .cards-area::before{
  background:radial-gradient(ellipse at center,
    rgba(100,29,245,.30) 0%, rgba(0,238,255,.13) 48%, transparent 75%);
}
body.elementor-page-1216 .cta-final::before{
  background:radial-gradient(ellipse at center,
    rgba(100,29,245,.30) 0%, rgba(29,233,255,.15) 45%, transparent 72%);
}
/* c) El destello del CTA final quedaba cortado en seco por el overflow
   del bloque justo donde empieza el pie (negro). Se le da sitio y se
   sube el centro del degradado para que se desvanezca ANTES del borde
   (el radio vertical es 240px y el degradado es transparente al 72%,
   así que con el centro a 200px del borde ya llega apagado). */
body.elementor-page-1216 .cta-final{
  padding-bottom:120px;
}
body.elementor-page-1216 .cta-final::before{
  bottom:-40px;
}

/* ---------- 3. HERO → BARRA DE BURBUJAS: sin hueco ---------- */
/* Entre la franja MODALIDAD/PRECIO y las burbujas había 136px: 48 del
   .hero-grid más 88 de una regla ".hero{padding:120px … 88px}" que viene
   de las hojas repetidas de otros bloques y se cuela aquí por compartir
   la clase .hero. Se anula ese padding colado y se deja un margen corto. */
body.elementor-page-1216 #lfb-hero-v6 .hero{
  padding-bottom:0 !important;
}
body.elementor-page-1216 #lfb-hero-v6 .hero-grid{
  padding-bottom:36px !important;
}
/* el fundido inferior del hero, más corto para no oscurecer la franja */
body.elementor-page-1216 #lfb-hero-v6 .hero::after{
  height:110px;
}
/* ---------- 4. CABECERAS DE SECCIÓN CENTRADAS ---------- */
/* El hero, la reserva, los logos y el CTA iban centrados; el resto de
   secciones tenía etiqueta, título y subtítulo alineados a la izquierda.
   Se unifica: todas las cabeceras centradas. Las tarjetas, acordeones y
   tablas de cada bloque no se tocan. */

/* etiqueta pequeña con rayita ("QUÉ VAS A APRENDER", "TEMARIO DEL MÁSTER"…) */
body.elementor-page-1216 .section-label{
  display:flex !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100%;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* variante de los bloques 4 y 12 (eyebrow + barra de acento) */
body.elementor-page-1216 #lfb-consigues .eyebrow,
body.elementor-page-1216 #lfb-incluye .eyebrow{
  display:block;
  text-align:center;
}
body.elementor-page-1216 #lfb-consigues .accent-bar,
body.elementor-page-1216 #lfb-incluye .accent-bar{
  margin-left:auto !important;
  margin-right:auto !important;
}
/* títulos y subtítulos (los que tienen max-width se centran como caja) */
body.elementor-page-1216 h2.sec-title,
body.elementor-page-1216 .sec-sub,
body.elementor-page-1216 #lfb-consigues h2,
body.elementor-page-1216 #lfb-incluye h2,
body.elementor-page-1216 #lfb-incluye .sub{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* bloque 17 (certificación): la cabecera vive en la columna derecha,
   se centra dentro de su columna */
body.elementor-page-1216 .cert-text{
  text-align:center;
}
body.elementor-page-1216 .cert-text h2,
body.elementor-page-1216 .cert-text p{
  margin-left:auto !important;
  margin-right:auto !important;
}
/* bloque 13: la fila de chips de herramientas, centrada bajo su título */
body.elementor-page-1216 .tools-row{
  justify-content:center;
}/* End custom CSS */