/* =========================================================
   EMM – Bloque “Presentación / Resumen de la formación”
   ESTADO: fondo gris claro liso, sin degradados
   ========================================================= */

/* =========================================================
   WRAPPER GENERAL (SECCIÓN GRIS CLARA)
   ========================================================= */

#presentacion.emm-resumen-card{
  position: relative;
  margin-top: clamp(44px, 6vw, 80px);
  margin-bottom: clamp(44px, 6vw, 80px);
  padding: clamp(28px, 4.5vw, 56px) clamp(16px, 3.5vw, 42px);
  border-radius: 0;
  background: #f6f7f8; /* gris muy claro, liso */
  overflow: visible;
}

/* =========================================================
   TÍTULO + SUBTÍTULO
   ========================================================= */

#presentacion.emm-resumen-card > .wp-block-heading{
  margin: 0 0 10px 0;
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 3.1vw, 44px);
  line-height: 1.06;
  color: #111;
}

#presentacion.emm-resumen-card > p{
  margin: 0 auto clamp(18px, 2.2vw, 28px) auto;
  max-width: 74ch;
  text-align: center;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.55;
  color: rgba(17,17,17,.75);
}

/* =========================================================
   COLUMNAS / GRID
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-columns{
  margin-top: clamp(10px, 1.6vw, 18px);
  gap: clamp(14px, 2.4vw, 26px);
  align-items: stretch;
}

/* =========================================================
   TARJETAS
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-column{
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 20px;
  padding: clamp(18px, 2.3vw, 26px);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  overflow: hidden;

  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Barra superior sutil (marca, SIN degradado) */
#presentacion.emm-resumen-card .wp-block-column::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: #f59e0b; /* color marca plano */
  opacity: .9;
}

/* Hover limpio */
@media (hover:hover){
  #presentacion.emm-resumen-card .wp-block-column:hover{
    transform: translateY(-3px);
    border-color: rgba(245,158,11,.35);
    box-shadow: 0 18px 38px rgba(0,0,0,.10);
  }
}

/* =========================================================
   ICONO SUPERIOR
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-column > p:first-child{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin: 2px auto 12px auto;
  border-radius: 999px;
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.25);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  font-size: 18px;
  line-height: 1;
}

/* =========================================================
   TÍTULOS Y TEXTO
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-column > .wp-block-heading{
  margin: 0 auto 10px auto;
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(20px, 1.9vw, 26px);
  line-height: 1.12;
  max-width: 22ch;
}

#presentacion.emm-resumen-card .wp-block-column > .wp-block-heading em{
  font-style: normal;
}

#presentacion.emm-resumen-card .wp-block-column > .wp-block-heading + p{
  margin: 0 auto 14px auto;
  text-align: center;
  max-width: 30ch;
  color: rgba(17,17,17,.75);
  font-size: 15px;
  line-height: 1.55;
}

/* =========================================================
   LISTAS
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-column ul{
  margin: 8px 0 0 0;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

#presentacion.emm-resumen-card .wp-block-column li{
  position: relative;
  padding-left: 22px;
  color: rgba(17,17,17,.82);
  font-size: 15px;
  line-height: 1.45;
}

#presentacion.emm-resumen-card .wp-block-column li::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  position:absolute;
  left: 0;
  top: .45em;
  background: #f59e0b;
}

/* Empuja la lista abajo para igualar alturas */
#presentacion.emm-resumen-card .wp-block-column ul{
  margin-top: auto;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px){
  #presentacion.emm-resumen-card{
    padding: 32px 16px 40px;
  }

  #presentacion.emm-resumen-card .wp-block-columns{
    gap: 14px;
  }

  #presentacion.emm-resumen-card .wp-block-column{
    border-radius: 18px;
    padding: 18px 16px;
  }

  #presentacion.emm-resumen-card .wp-block-column > p:first-child{
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
  }
}

/* =========================================================
   LIMPIEZA DE MÁRGENES EXTRA DEL THEME
   ========================================================= */

#presentacion.emm-resumen-card .wp-block-columns,
#presentacion.emm-resumen-card .wp-block-columns:last-child{
  margin-bottom: 0;
}