/* ===============================
   BASE
=============================== */

html {
  font-size: 18px;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: "Source Sans 3", sans-serif;
  font-size: var(--body);
  color: #121A30;
  line-height: 24px;
  background: #000;
}

body.modal-open {
  padding-right: 0 !important;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
}

@media (min-width: 781px) {
   #offcanvas-toggler {
     display: none !important;
   }
 }
#bloque-solucion-seguro {
  padding: 5.5rem 0;
  background:
    radial-gradient(circle at 85% 20%, rgba(79,124,89,0.06), transparent 40%),
    radial-gradient(circle at 15% 80%, rgba(2,132,199,0.06), transparent 40%),
    linear-gradient(135deg, #ffffff, #f8fafc);
  border-top: 1px solid rgba(0,0,0,0.04);
  border-bottom: 1px solid rgba(0,0,0,0.04);
}


@media (max-width: 991px) {
  #bloque-solucion-seguro {
    padding: 4rem 0;
    text-align: center;
  }


}



 .bloque-problema {
  background:
    radial-gradient(circle at 10% 20%, rgba(34,197,94,0.08), transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(59,130,246,0.08), transparent 40%),
    linear-gradient(135deg, #f1f5f9, #e2e8f0);

  border-top: 1px solid rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}