.elementor-8976 .elementor-element.elementor-element-b309787{--display:flex;}.elementor-8976 .elementor-element.elementor-element-6abc697 > .elementor-widget-container{margin:-120px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-6abc697 *//* ========= Brand tokens ========= */
:root{
  --ink:#1c0a41;
  --accent:#49326b;
  --tint:#dcd3ff;
  --tint2:#baacee;
  --bg:#F7F7FB;
  --card:#FFFFFF;
  --border:#E7E7EF;
}

/* Base */
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--ink)}
.mi-contenedor-centrado-final{
  max-width:860px; margin:0 auto; padding:120px 20px 60px 20px !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.75; letter-spacing:.1px;
}

/* Tipografía consistente con tus otros posts */
.entry-content h1{font-size:2.75rem; font-weight:800; color:var(--ink); margin:0 0 1rem; line-height:1.18; letter-spacing:-.02em}
.entry-content .blog-meta{color:var(--accent); font-style:italic; font-size:.92rem; margin-bottom:2rem}
.entry-content h2{font-size:1.9rem; font-weight:800; color:var(--ink); margin:2.6rem 0 1.1rem; line-height:1.28; letter-spacing:-.01em}
.entry-content h3{font-size:1.35rem; font-weight:800; color:var(--accent); margin:2rem 0 .8rem}
.entry-content h4{font-size:1.05rem; font-weight:800; color:var(--accent); margin:1.25rem 0 .4rem}
.entry-content p{margin:.95rem 0 1.1rem; font-size:1rem; color:var(--ink)}
.entry-content p strong{font-weight:800; color:var(--ink)}
.entry-content ul,.entry-content ol{margin:1.2rem 0; padding-left:1.35rem}
.entry-content li{margin:.45rem 0}
.entry-content a{color:var(--accent)}
.entry-content a:hover{color:var(--ink)}

/* Componentes base */
.card{
  background:var(--card);
  border:1px solid var(--tint2);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(28,10,65,.08);
}

/* ---------- Stats de arriba ---------- */
.stats-container{
  display:grid; gap:18px; margin:28px 0;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.stat-card{padding:20px 18px; text-align:center}
.stat-number{display:block; font-size:2rem; font-weight:800; color:var(--ink); margin:.25rem 0 .35rem}
.stat-label{color:var(--accent); font-weight:600}

/* ---------- Boxes (sin verde, con profundidad) ---------- */
.whatsapp-feature{
  padding:18px 18px;
  background:linear-gradient(135deg, var(--tint) 0%, var(--tint2) 100%);
  border:1px solid var(--tint2);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(28,10,65,.08);
  margin:18px 0;
}

/* ---------- Mensajes de ejemplo ---------- */
.message-example{
  background:#fbfbff; border:1px solid var(--tint);
  border-radius:14px; padding:16px 18px; margin:16px 0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Liberation Mono","Courier New",monospace;
  box-shadow:0 8px 20px rgba(28,10,65,.06);
}
.message-example .message-header{color:var(--accent); font-weight:800; margin-bottom:.45rem}

/* ---------- NUEVO: Pasos rediseñados para evitar superposiciones ---------- */
.setup-steps{padding:24px; margin:24px 0}
.setup-steps.card{background:rgba(220,211,255,.35)}
.step-list{margin:0; padding:0}
.step-item{
  display:flex; align-items:flex-start; margin-bottom:20px; padding:0;
  min-height:auto; gap:16px;
}
.step-item:last-child{margin-bottom:0}
.step-number{
  flex-shrink:0; width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,var(--ink),var(--accent));
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:.95rem; box-shadow:0 8px 18px rgba(28,10,65,.18);
}
.step-content{
  flex:1; line-height:1.6; padding-top:8px; color:var(--ink);
}

/* ---------- NUEVO: Guidelines para listas con bullets ---------- */
.guideline-list{margin:0; padding:0}
.guideline-item{
  display:flex; align-items:flex-start; margin-bottom:16px; padding:0;
  gap:12px;
}
.guideline-item:last-child{margin-bottom:0}
.guideline-bullet{
  flex-shrink:0; width:20px; height:20px; border-radius:50%;
  background:var(--accent); color:#fff; display:flex; align-items:center; 
  justify-content:center; font-weight:800; font-size:.8rem; margin-top:2px;
}
.guideline-content{
  flex:1; line-height:1.6; color:var(--ink);
}

/* ---------- Bloques destacados ---------- */
.highlight-section{
  background:rgba(220,211,255,.35);
  border:1px solid var(--tint2);
  border-radius:12px;
  padding:16px 18px;
  box-shadow:0 8px 20px rgba(28,10,65,.06);
}
.highlight-section:empty{display:none}

/* ---------- Grid 2x2 "Rich Media …" ---------- */
.media-grid{display:grid; gap:18px; grid-template-columns:repeat(2,1fr)}
.media-card{padding:22px 18px; text-align:center}
.media-card .stat-number{font-size:1.15rem}
.media-card p.stat-label{margin:6px 0 0}

/* ---------- CTA ---------- */
.cta-section{
  background:linear-gradient(135deg, var(--ink), var(--accent));
  color:#fff; border-radius:18px; padding:28px; text-align:center;
  box-shadow:0 18px 40px rgba(28,10,65,.18); margin:42px 0 10px;
}
.cta-section h3{margin:0 0 10px; color:#fff; font-weight:800}
.cta-section p{color:#efeaff; margin:6px 0 16px}
.cta-button{
  display:inline-block; background:#fff; color:var(--ink);
  font-weight:800; padding:14px 26px; border-radius:12px;
  text-decoration:none; box-shadow:0 12px 28px rgba(28,10,65,.22);
  border:1px solid rgba(0,0,0,.06); transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
}
.cta-button:hover{
  background:linear-gradient(135deg,var(--accent),#7f63d6);
  color:#fff; transform:translateY(-1px)
}

/* ---------- Responsive ---------- */
@media (max-width:768px){
  .entry-content h1{font-size:2.2rem}
  .entry-content h2{font-size:1.55rem}
  .media-grid{grid-template-columns:1fr}
  .step-number{width:36px; height:36px; font-size:.9rem}
  .guideline-bullet{width:18px; height:18px; font-size:.75rem}
}/* End custom CSS */