/* v718 · Spaces/Correo: flujo compacto y separación vertical coherente. */

/* La cabecera enlaza directamente con el primer módulo operativo. */
body.eg-pagina-podcast .eg-cola-tool-v712,
body.eg-pagina-correo .eg-cola-tool-v712{
  gap:18px!important;
}

/* En paneles con varios pasos, el primer título abre el módulo y los siguientes
   respiran igual entre sí. v717 imponía margin:0 a TODOS los h2 directos. */
body.eg-pagina-correo .eg-cola-tool-v712>.panel>h2:not(:first-child),
body.eg-pagina-podcast .eg-cola-tool-v712>.panel>h2:not(:first-child){
  margin:30px 0 10px!important;
  padding-top:22px!important;
  border-top:1px solid var(--eg717-soft)!important;
}

/* Los controles que cierran un paso dejan aire antes del siguiente. */
body.eg-pagina-correo .eg-cola-tool-v712>.panel>button,
body.eg-pagina-correo .eg-cola-tool-v712>.panel>div>button{
  margin-bottom:4px;
}
body.eg-pagina-correo .eg-cola-tool-v712>.panel>.reparto,
body.eg-pagina-correo .eg-cola-tool-v712>.panel>.campo,
body.eg-pagina-correo .eg-cola-tool-v712>.panel>.alcance{
  margin-bottom:8px;
}

/* Mantener el mismo aspecto de barra naranja en Correo y Spaces. */
body.eg-pagina-correo .progreso,
body.eg-pagina-podcast .progreso{
  height:10px!important;
  border-radius:999px!important;
  background:#181c20!important;
  border:1px solid rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
body.eg-pagina-correo .progreso>div,
body.eg-pagina-podcast .progreso>div{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff7a00,#ff9b22)!important;
}

@media(max-width:560px){
  body.eg-pagina-correo .eg-cola-tool-v712>.panel>h2:not(:first-child),
  body.eg-pagina-podcast .eg-cola-tool-v712>.panel>h2:not(:first-child){
    margin-top:24px!important;
    padding-top:18px!important;
  }
}