body {
        margin: 0; /* Elimina el margen por defecto del body */
        padding: 0; /* Elimina el padding por defecto del body */
        background-color: #F9F9F9;
       }
  
	* {
    	box-sizing: border-box;
    }


.navBarSuprema{
      display:flex;
      width:100%;
      position:fixed;
      z-index:90000;
}


   .navBarParrafo{
         all:unset;
         cursor: pointer;
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:14px; /*px*/
         line-height:18px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   }
  

   .navBar{
        display:flex;
        width:100%;
        justify-content:space-between;
        align-items: center;
        background-color: white;
        padding:20px 110px;
         box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.07); /*desplazamientoX desplazamientoY difuminado spread-radius color;*/
   }


   @media(max-width:1300px){
        .navBar{
            display:none;
        }
   }


   .navBarLogo{
        display:flex;
        width:150px;
        height:71px;
        /*background-color:black;*/
        background-image: url("./imgs/navbar/navbar_logo.svg") ;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
   }

      .navBarBoton{
        all:unset;
        cursor: pointer;
        padding:15px 25px;
        background-color:#0882BA;
        border-radius:50px;
   }
  
       .navBarBoton.texto{
         font-family: "Open Sans", sans-serif;
         font-weight: 500;
         font-style: italic;
         font-size:14px; /*px*/
         line-height:18px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.05em; /*ej. 2px o 0.1 em*/
         color:white;
   }