.elementor-8923 .elementor-element.elementor-element-2b0ba7e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-9c28f95 *//* —— Overrides de legibilidad —— */
.entry-content p{line-height:1.78; letter-spacing:.1px}
.entry-content ul li,
.entry-content ol li{line-height:1.72}

/* Recuadros (más contraste y limpieza) */
.info-box,
.highlight-section{
  background:#f7f5ff !important;
  border:1px solid #cbbdf7 !important;
  border-left:6px solid #49326b !important;
  color:#1c0a41 !important;
  box-shadow:0 4px 14px rgba(76,50,107,.06);
}

/* Blockquotes */
.entry-content blockquote{
  background:#fbfaff !important;
  color:#49326b !important;
}

/* CTA */
.cta-section{
  background:linear-gradient(135deg,#1c0a41,#49326b) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(28,10,65,.18) !important;
}
.cta-section p{color:#f2efff !important}
.cta-btn{
  background:#fff !important;
  color:#1c0a41 !important;
  font-weight:800 !important;
  padding:14px 22px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.06) !important;
  display:inline-block !important;
  margin-top:6px !important;
  box-shadow:0 8px 18px rgba(28,10,65,.22) !important;
}
.cta-btn:hover{
  background:linear-gradient(135deg,#49326b,#8761d6) !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* Responsive */
@media (max-width:768px){
  .cta-section{padding:24px 18px !important}
  .cta-btn{width:100%; text-align:center}
}

/* ===== Mejora de sombras / relieve (añadido) ===== */

/* Recuadros: sombra más profunda y agradable */
.info-box,
.highlight-section{
  box-shadow:
    0 10px 28px rgba(28,10,65,.14),
    0 2px 8px rgba(28,10,65,.08) !important;
}

/* Citas con leve relieve */
.entry-content blockquote{
  box-shadow:0 6px 18px rgba(28,10,65,.10) !important;
}

/* CTA con sombra dual y borde sutil */
.cta-section{
  box-shadow:
    0 18px 48px rgba(28,10,65,.22),
    0 6px 16px rgba(28,10,65,.12) !important;
  border:1px solid rgba(220,211,255,.55) !important;
}

/* Hover del CTA (contenedor) */
.cta-section:hover{
  transform:translateY(-2px);
  box-shadow:
    0 22px 64px rgba(28,10,65,.26),
    0 8px 20px rgba(28,10,65,.12) !important;
  transition:transform .18s ease, box-shadow .18s ease;
}

/* Hover del botón: añadimos sombra más marcada (se suma a tu hover) */
.cta-btn:hover{
  box-shadow:0 12px 24px rgba(28,10,65,.28) !important;
}

/* Sombras más ligeras en mobile */
@media (max-width:768px){
  .info-box,
  .highlight-section{
    box-shadow:
      0 8px 20px rgba(28,10,65,.12),
      0 1px 6px rgba(28,10,65,.06) !important;
  }
  .cta-section{
    box-shadow:
      0 14px 38px rgba(28,10,65,.20),
      0 5px 14px rgba(28,10,65,.10) !important;
  }
}/* End custom CSS */