/* =========================================================
   EMM – Landing Formación (page-id-9595)
   - Hero full width + sin margen arriba + overlay oscuro
   - Textos en blanco
   - Facts 1 box por item + iconos más grandes
   - Elimina “franjas grises” laterales del theme en esta landing
   ========================================================= */

/* ---------- 1) Reset layout del theme SOLO en esta landing ---------- */
body.page-id-9595{
  background: #fff;
}

body.page-id-9595 #page,
body.page-id-9595 .site-content,
body.page-id-9595 .content-area,
body.page-id-9595 #content,
body.page-id-9595 .inside-article,
body.page-id-9595 .entry-content{
  max-width: none !important;
  width: 100% !important;
}

body.page-id-9595 .site-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-9595 .inside-article{
  padding: 0 !important;          /* quita marco interior */
  background: transparent !important;
  box-shadow: none !important;
}

body.page-id-9595 .entry-content{
  margin: 0 !important;
}

/* Si GP mete contenedor “inside-…” con padding */
body.page-id-9595 .inside-article,
body.page-id-9595 .inside-article > *,
body.page-id-9595 .inside-page-header{
  padding-top: 0 !important;
}

/* ---------- (Opcional) ocultar header/nav del theme en la landing ---------- */
/* Si lo quieres visible, comenta este bloque */
body.page-id-9595 .site-header,
body.page-id-9595 .main-navigation,
body.page-id-9595 .inside-header,
body.page-id-9595 .header-widget{
  display: none !important;
}
body.page-id-9595 #page{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ---------- 2) HERO full-bleed ---------- */
body.page-id-9595 .emm-hero{
  position: relative;
  margin: 0 !important;
  padding: clamp(44px, 6vw, 92px) 0;
  width: 100%;
  overflow: hidden;
  isolation: isolate;

  /* Fondo con tu imagen (reafirmamos) */
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/Diseno-sin-titulo-14.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Full width real (100vw) aunque esté dentro de contenedores */
body.page-id-9595 .emm-hero.alignfull,
body.page-id-9595 .emm-hero{
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
}

/* Quitar cualquier margen superior colado por bloques antes */
body.page-id-9595 .entry-content > :first-child{
  margin-top: 0 !important;
}
body.page-id-9595 .emm-hero{
  margin-top: 0 !important;
}

/* Overlay oscuro */
body.page-id-9595 .emm-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.58);
  z-index: 0;
}

/* Asegura que el contenido esté encima */
body.page-id-9595 .emm-hero > *{
  position: relative;
  z-index: 1;
}

/* Contenedor interno (centrado) */
body.page-id-9595 .emm-hero .emm-hero__inner,
body.page-id-9595 .emm-hero .wp-block-group__inner-container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Textos hero en blanco */
body.page-id-9595 .emm-hero,
body.page-id-9595 .emm-hero h1,
body.page-id-9595 .emm-hero p{
  color: #fff;
}

body.page-id-9595 .emm-hero .emm-hero__title{
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
  margin-bottom: 12px;
}

/* ---------- 3) Botones: no tocar estética, solo layout ---------- */
body.page-id-9595 .emm-hero .emm-hero__cta{
  margin-top: 16px;
  margin-bottom: 8px;
  min-height: 60px;               /* evita fila “aplastada” */
  display: flex;
  justify-content: center;
  align-items: center;
}
body.page-id-9595 .emm-hero .wp-block-buttons.emm-hero__cta{
  gap: 12px;
  flex-wrap: wrap;
}

/* ---------- 4) FACTS (4 boxes) + iconos más grandes ---------- */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact{
  margin-top: 18px;
  margin-bottom: 0;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* Reset a columnas “padre” */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column{
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
}

/* Pintamos SOLO columnas hoja (items reales) */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)){
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 18px 18px;
  min-height: 84px;
  flex: 1 1 220px;

  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 10px;

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  box-shadow: 0 10px 26px rgba(0,0,0,.20);
}

/* Si hay sub-columns (anidado), también con gap */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-columns{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* Tipos */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)) p{
  margin: 0;
  line-height: 1.15;
  color: #fff;
  text-align: left;
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)) p:first-of-type{
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .95;
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)) p:last-of-type{
  font-weight: 700;
  font-size: 14px;
  opacity: .98;
  margin-top: 6px;
}

/* ICONO más grande */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns))::before{
  content: "";
  width: 38px;          /* ↑ antes 28px */
  height: 38px;         /* ↑ */
  flex: 0 0 38px;

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  opacity: .98;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.35));
}

/* Orden plano: 1..4 */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(1)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/hourglass.png");
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(2)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/calendar.png");
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(3)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/monitor.png");
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(4)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/price.png");
}

/* Caso anidado 2+2: primer subgrupo (duración/acceso) */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-columns .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(1)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/hourglass.png");
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-columns .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(2)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/calendar.png");
}
/* segundo subgrupo (modalidad/precio) */
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:nth-of-type(2) .wp-block-columns .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(1)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/monitor.png");
}
body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:nth-of-type(2) .wp-block-columns .wp-block-column:not(:has(.wp-block-columns)):nth-of-type(2)::before{
  background-image: url("https://elmonomigrador.com/wp-content/uploads/2026/02/price.png");
}

/* Social proof */
body.page-id-9595 .emm-hero .emm-hero__social-proof{
  margin-top: 18px;
  font-weight: 700;
  opacity: .95;
  text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* ---------- Responsive ---------- */
@media (max-width: 720px){
  body.page-id-9595 .emm-hero{
    padding: 40px 0 60px;
  }
  body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact{
    gap: 12px;
  }
  body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns)){
    min-height: 78px;
    padding: 16px;
  }
  body.page-id-9595 .emm-hero .wp-block-columns.emm-hero__fact .wp-block-column:not(:has(.wp-block-columns))::before{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}