/* v717 · Regla visual común: Ajustes completo + Descargar, Spaces y Correo. */
:root{
  --eg717-surface:#0d1012;
  --eg717-surface-2:#0a0c0e;
  --eg717-line:rgba(229,231,235,.14);
  --eg717-soft:rgba(229,231,235,.075);
  --eg717-radius:15px;
  --eg717-pad:26px;
  --eg717-gap:18px;
}

/* AJUSTES: el formulario largo respira igual que las tarjetas de arriba. */
body.eg-pagina-ajustes .eg-ajustes-config-panel{padding-bottom:26px!important}
body.eg-pagina-ajustes .eg-ajustes-config-panel>h2,
body.eg-pagina-ajustes .eg-ajustes-config-panel>h3,
body.eg-pagina-ajustes .eg-ajustes-config-panel>p,
body.eg-pagina-ajustes .eg-ajustes-config-panel>label,
body.eg-pagina-ajustes .eg-ajustes-config-panel>.filtros,
body.eg-pagina-ajustes .eg-ajustes-config-panel>details,
body.eg-pagina-ajustes .eg-ajustes-config-panel>hr,
body.eg-pagina-ajustes .eg-ajustes-config-panel>input,
body.eg-pagina-ajustes .eg-ajustes-config-panel>textarea,
body.eg-pagina-ajustes .eg-ajustes-config-panel>select{
  margin-left:var(--eg717-pad)!important;
  margin-right:var(--eg717-pad)!important;
  max-width:calc(100% - (var(--eg717-pad) * 2))!important;
  box-sizing:border-box!important;
}
body.eg-pagina-ajustes .eg-ajustes-config-panel>.filtros{padding:10px 0!important}
body.eg-pagina-ajustes .eg-ajustes-config-panel>label{display:block!important;margin-top:16px!important}
body.eg-pagina-ajustes .eg-ajustes-config-panel>label input[type="text"],
body.eg-pagina-ajustes .eg-ajustes-config-panel>label input[type="number"],
body.eg-pagina-ajustes .eg-ajustes-config-panel>label input[type="url"],
body.eg-pagina-ajustes .eg-ajustes-config-panel>label input[type="password"],
body.eg-pagina-ajustes .eg-ajustes-config-panel>label textarea,
body.eg-pagina-ajustes .eg-ajustes-config-panel>label select{margin-top:7px!important}
body.eg-pagina-ajustes .eg-ajustes-config-panel>details{padding:12px 0!important}
body.eg-pagina-ajustes .eg-ajustes-config-panel>details>label,
body.eg-pagina-ajustes .eg-ajustes-config-panel>details>p,
body.eg-pagina-ajustes .eg-ajustes-config-panel>details>.alcance{margin-left:0!important;margin-right:0!important}
body.eg-pagina-ajustes .eg-ajustes-section-card{background:var(--eg717-surface)!important}
body.eg-pagina-ajustes .eg-ajustes-section-card table{margin:16px 0!important}
body.eg-pagina-ajustes .eg-ajustes-section-card form{margin-top:16px!important}
body.eg-pagina-ajustes .eg-ajustes-section-card input,
body.eg-pagina-ajustes .eg-ajustes-section-card textarea,
body.eg-pagina-ajustes .eg-ajustes-section-card select{margin-top:6px}

/* Patrón maestro de páginas operativas. */
body.eg-pagina-descargar .eg-cola-tool-v712,
body.eg-pagina-podcast .eg-cola-tool-v712,
body.eg-pagina-correo .eg-cola-tool-v712{display:grid;gap:var(--eg717-gap)}
body.eg-pagina-descargar .eg-tool-hero,
body.eg-pagina-podcast .eg-tool-hero,
body.eg-pagina-correo .eg-tool-hero,
body.eg-pagina-descargar .eg-cola-tool-v712>.panel,
body.eg-pagina-podcast .eg-cola-tool-v712>.panel,
body.eg-pagina-correo .eg-cola-tool-v712>.panel,
body.eg-pagina-descargar .eg-cola-tool-v712>.alcance,
body.eg-pagina-podcast .eg-cola-tool-v712>.alcance,
body.eg-pagina-correo .eg-cola-tool-v712>.alcance{
  background:var(--eg717-surface)!important;
  border:1px solid var(--eg717-line)!important;
  border-radius:var(--eg717-radius)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.24)!important;
  box-sizing:border-box!important;
}
body.eg-pagina-descargar .eg-tool-hero,
body.eg-pagina-podcast .eg-tool-hero,
body.eg-pagina-correo .eg-tool-hero{padding:28px 30px!important}
.eg-tool-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:#ff8a20;margin-bottom:12px}
.eg-tool-kicker span{opacity:.65;padding:0 7px}
body.eg-pagina-descargar .eg-tool-hero h1,
body.eg-pagina-podcast .eg-tool-hero h1,
body.eg-pagina-correo .eg-tool-hero h1{margin:0!important;padding:0!important;background:none!important;border:0!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.02!important}
body.eg-pagina-descargar .eg-tool-hero p,
body.eg-pagina-podcast .eg-tool-hero p,
body.eg-pagina-correo .eg-tool-hero p{margin:10px 0 0!important;color:#aeb4b8;font-size:16px;line-height:1.5}

body.eg-pagina-descargar .eg-cola-tool-v712>.panel,
body.eg-pagina-podcast .eg-cola-tool-v712>.panel,
body.eg-pagina-correo .eg-cola-tool-v712>.panel{padding:24px 26px!important;margin:0!important;overflow:hidden}
body.eg-pagina-descargar .eg-cola-tool-v712>.panel>h2,
body.eg-pagina-podcast .eg-cola-tool-v712>.panel>h2,
body.eg-pagina-correo .eg-cola-tool-v712>.panel>h2{margin:0 0 10px!important;font-size:24px!important;line-height:1.15!important}
body.eg-pagina-descargar .eg-cola-tool-v712>.alcance,
body.eg-pagina-podcast .eg-cola-tool-v712>.alcance,
body.eg-pagina-correo .eg-cola-tool-v712>.alcance{padding:16px 18px!important;margin:0!important}

/* Los subpaneles y avisos no cambian de tono dentro de un módulo. */
body.eg-pagina-descargar .panel .panel,
body.eg-pagina-podcast .panel .panel,
body.eg-pagina-correo .panel .panel,
body.eg-pagina-descargar .panel .alcance,
body.eg-pagina-podcast .panel .alcance,
body.eg-pagina-correo .panel .alcance{background:var(--eg717-surface-2)!important;border:1px solid var(--eg717-soft)!important;box-shadow:none!important;border-radius:11px!important}

/* Formularios, tablas y controles: aire lateral y vertical uniforme. */
body.eg-pagina-descargar .panel input:not([type="checkbox"]):not([type="radio"]),
body.eg-pagina-descargar .panel textarea,
body.eg-pagina-descargar .panel select,
body.eg-pagina-podcast .panel input:not([type="checkbox"]):not([type="radio"]),
body.eg-pagina-podcast .panel textarea,
body.eg-pagina-podcast .panel select,
body.eg-pagina-correo .panel input:not([type="checkbox"]):not([type="radio"]),
body.eg-pagina-correo .panel textarea,
body.eg-pagina-correo .panel select{box-sizing:border-box;max-width:100%;min-height:42px}
body.eg-pagina-descargar .panel label,
body.eg-pagina-podcast .panel label,
body.eg-pagina-correo .panel label{line-height:1.45}
body.eg-pagina-descargar .panel table,
body.eg-pagina-podcast .panel table,
body.eg-pagina-correo .panel table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:var(--eg717-surface-2)!important;border:1px solid var(--eg717-soft)!important;border-radius:11px!important;overflow:hidden!important;margin:14px 0!important}
body.eg-pagina-descargar .panel th,body.eg-pagina-descargar .panel td,
body.eg-pagina-podcast .panel th,body.eg-pagina-podcast .panel td,
body.eg-pagina-correo .panel th,body.eg-pagina-correo .panel td{padding:12px 14px!important;border-bottom:1px solid var(--eg717-soft)!important;vertical-align:middle}
body.eg-pagina-descargar .panel tr:last-child td,
body.eg-pagina-podcast .panel tr:last-child td,
body.eg-pagina-correo .panel tr:last-child td{border-bottom:0!important}

/* Zonas de arrastre: misma caja y suficiente separación del borde. */
body.eg-pagina-descargar .zona-suelta,
body.eg-pagina-podcast .zona-suelta,
body.eg-pagina-correo .zona-suelta{margin:18px 0!important;padding:34px 26px!important;background:#080a0c!important;border-color:rgba(255,138,32,.58)!important;border-radius:14px!important}

/* Cola/progreso: barras comunes, legibles y sin inventar datos. */
body.eg-pagina-descargar .progreso,
body.eg-pagina-podcast .progreso,
body.eg-pagina-correo .progreso{height:10px!important;border-radius:999px!important;background:#181c20!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.04)!important}
body.eg-pagina-descargar .progreso>div,
body.eg-pagina-podcast .progreso>div,
body.eg-pagina-correo .progreso>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff7a00,#ff9b22)!important}

@media(max-width:900px){
  :root{--eg717-pad:20px;--eg717-gap:14px}
  body.eg-pagina-descargar .eg-tool-hero,
  body.eg-pagina-podcast .eg-tool-hero,
  body.eg-pagina-correo .eg-tool-hero,
  body.eg-pagina-descargar .eg-cola-tool-v712>.panel,
  body.eg-pagina-podcast .eg-cola-tool-v712>.panel,
  body.eg-pagina-correo .eg-cola-tool-v712>.panel{padding:20px!important}
}
@media(max-width:560px){
  :root{--eg717-pad:16px}
  body.eg-pagina-descargar .eg-tool-hero,
  body.eg-pagina-podcast .eg-tool-hero,
  body.eg-pagina-correo .eg-tool-hero,
  body.eg-pagina-descargar .eg-cola-tool-v712>.panel,
  body.eg-pagina-podcast .eg-cola-tool-v712>.panel,
  body.eg-pagina-correo .eg-cola-tool-v712>.panel{padding:18px 16px!important;border-radius:12px!important}
  body.eg-pagina-descargar .zona-suelta,
  body.eg-pagina-podcast .zona-suelta,
  body.eg-pagina-correo .zona-suelta{padding:26px 16px!important}
}