.elementor-215 .elementor-element.elementor-element-74be148{--display:flex;}.elementor-215 .elementor-element.elementor-element-74be148:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-74be148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}/* Start custom CSS for container, class: .elementor-element-74be148 */<style>
  :root{
    --fucsia:#E600FF;
    --morado:#5C00A3;
    --bg-dark:#000;
    --text:#EDEAF2;
    --muted:#BEB8CC;
  }
  .blog-post{color:var(--text); line-height:1.65;}
  .blog-post h1, .blog-post h2, .blog-post h3{color:#fff; margin:1.2rem 0 .6rem}
  .blog-post p{margin:.75rem 0}
  .post-hero-image{margin:2rem 0; text-align:center}
  .post-hero-image img{width:100%; height:auto; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.45)}
  .post-hero-image figcaption{font-size:.9rem; color:var(--muted); margin-top:.5rem}

  .grid{display:grid; gap:1rem}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  @media(max-width:768px){ .grid-2{grid-template-columns:1fr} }

  .card{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
        border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:1rem}

  .cta-links, .cta-banner{display:flex; gap:.75rem; flex-wrap:wrap; margin:1rem 0}
  .btn{display:inline-block; padding:.75rem 1.1rem; border-radius:10px; text-decoration:none; font-weight:600}
  .btn-primary{background:linear-gradient(90deg, var(--fucsia), var(--morado)); color:#fff}
  .btn-secondary{background:rgba(255,255,255,.07); color:#fff; border:1px solid rgba(255,255,255,.18)}
</style>/* End custom CSS */