.elementor-8970 .elementor-element.elementor-element-15a7d7a{--display:flex;}.elementor-8970 .elementor-element.elementor-element-a5a0855 > .elementor-widget-container{margin:-120px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a5a0855 *//* ====== Blog: AI Help Desk — Diseño ====== */
:root{
  --hc-primary:#1c0a41;
  --hc-accent:#49326b;
  --hc-accent-2:#8761d6;
  --hc-bg:#F7F7FB;
  --hc-card:#FFFFFF;
  --hc-border:#E7E7EF;
  --hc-tint:#dcd3ff;
}

/* Contenedor principal */
.mi-contenedor-centrado-final{
  max-width:860px;
  margin:0 auto;
  padding:120px 20px 60px;
  color:var(--hc-primary);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.7;
}

/* Tipografía */
.entry-content h1{
  font-size:2.5rem;
  font-weight:800;
  color:var(--hc-primary);
  letter-spacing:-.02em;
  line-height:1.2;
  margin:0 0 1rem;
}
.entry-content .blog-meta{
  color:var(--hc-accent);
  font-size:14px;
  font-style:italic;
  margin-bottom:2rem;
}
.entry-content h2{
  font-size:1.75rem;
  font-weight:700;
  color:var(--hc-primary);
  letter-spacing:-.01em;
  line-height:1.3;
  margin:2.5rem 0 1rem;
}
.entry-content h3{
  font-size:1.35rem;
  font-weight:700;
  color:var(--hc-accent);
  margin:2rem 0 .75rem;
}
.entry-content h4{
  font-size:1.1rem;
  font-weight:700;
  color:var(--hc-accent);
  margin:0 0 .5rem;
}
.entry-content p{margin:0 0 1.25rem}
.entry-content strong{font-weight:700;color:var(--hc-primary)}
.entry-content em{color:var(--hc-accent)}

/* ===== Métricas (3 recuadros apilados) ===== */
.metrics-list{display:flex;flex-direction:column;gap:18px;margin:1.5rem 0}
.metric-card{
  border:1px solid var(--hc-tint);
  border-radius:14px;
  background:var(--hc-card);
  box-shadow:0 10px 30px rgba(76,50,107,.06);
  overflow:hidden;
}
.metric-title{
  background:linear-gradient(135deg,var(--hc-accent),var(--hc-accent-2));
  color:#fff;
  padding:16px 18px;
  font-weight:800;
  font-size:1.15rem;
}
.metric-body{
  padding:16px 18px;
  color:var(--hc-primary);
}

/* ===== Feature boxes con cabecera ===== */
.box{
  border:1px solid var(--hc-tint);
  border-radius:14px;
  overflow:hidden;
  margin:1.25rem 0;
  box-shadow:0 10px 30px rgba(76,50,107,.06);
  background:var(--hc-card);
}
.box-title{
  background:linear-gradient(135deg,var(--hc-accent),var(--hc-accent-2));
  color:#fff;
  padding:14px 18px;
  font-weight:800;
}
.box-body{padding:16px 18px}

/* Highlight/info */
.highlight-section{
  background:#fbfaff;
  border:1px solid var(--hc-tint);
  border-left:6px solid var(--hc-accent);
  border-radius:12px;
  padding:18px;
  margin:2rem 0;
  box-shadow:0 6px 22px rgba(76,50,107,.05);
}

/* Tabla comparativa */
.comparison-table{
  width:100%;border-collapse:collapse;margin:2rem 0;
  border:1px solid var(--hc-tint);border-radius:12px;overflow:hidden;
  box-shadow:0 6px 22px rgba(76,50,107,.06);
}
.comparison-table th{
  background:linear-gradient(135deg,var(--hc-primary),var(--hc-accent));
  color:#fff;padding:14px;text-align:left;font-weight:800
}
.comparison-table td{padding:14px;border-top:1px solid var(--hc-tint);vertical-align:top}
.comparison-table tr:hover{background:rgba(220,211,255,.18)}

/* CTA */
.cta-section{
  background:linear-gradient(135deg,var(--hc-primary),var(--hc-accent));
  color:#fff;border-radius:16px;padding:28px;
  text-align:center;margin:2.5rem 0;
  box-shadow:0 18px 42px rgba(28,10,65,.22);
}
.cta-section h3{color:#fff;margin:0 0 .75rem;font-weight:800}
.cta-section p{color:#f3efff;margin:0 0 1.25rem}
.cta-button{
  display:inline-block;background:#fff;color:var(--hc-primary);
  font-weight:800;border-radius:10px;padding:14px 22px;text-decoration:none;
  border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(28,10,65,.22)
}
.cta-button:hover{background:linear-gradient(135deg,var(--hc-accent),var(--hc-accent-2));color:#fff}

/* Links */
.entry-content a{color:var(--hc-accent);text-decoration:underline}
.entry-content a:hover{color:var(--hc-primary)}

/* Responsive */
@media (max-width:768px){
  .mi-contenedor-centrado-final{padding:70px 16px 40px}
  .entry-content h1{font-size:2rem}
  .entry-content h2{font-size:1.5rem}
  .entry-content h3{font-size:1.25rem}
  .metric-title{font-size:1.05rem}
}/* End custom CSS */