html, body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 130vh; /* solo para ejemplo con scroll */
}

/* Fondo fijo */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    to bottom,
    #ef01f8 0%,
    #ef01f8 50%,   /* color sólido hasta la mitad */
    #ef01f8 60%,
    #ef01f8 70%,
    #ef01f8 80%,
    #7f02c3 90%,
    #380183 100%
  );
 
}

.banner-full-width {
            /* Un color de fondo de ejemplo */
            background-color:  #ea00f7; 
            /* Altura del banner (ejemplo: 300px o min-height: 100vh para pantalla completa) */
           
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .font1{
font-weight: bolder;
font-size: 1.625rem;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
        }

         .font2{
font-weight: normal;
font-size: 1.25rem;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
        }
        .lbl{
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 1.563rem;
            color:#fff
        }

        .btn-pill {
  border-radius: 50rem;
}