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;
        transition: all 0.2s ease;
   }
      .navBarBoton:hover{
background-color:#055f89;
transform: scale(103%);
        }
  
       .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;
   }
  
  

      .navBarJuntas{
         display:flex;
         gap:6px;
         align-items:center;
        /*background-color:grey;*/
         position:relative;
      }


      .flecha {
        all:unset;
        cursor:pointer;
        width: 6px;
        height: 6px;
        border-right: 3px solid           currentColor;
        border-bottom: 3px solid currentColor;
        transform: rotate(45deg);
        display: inline-block;
        color: inherit;
        /*background-color:blue;*/
        transition:all 0.25s ease;
        position:relative;
     }

      .subMenu{
        display:flex;
        position:absolute;
        top:30px;
        left:0;
        width:240px;
        background-color:white;
        box-shadow: 0 0 9px rgba(0,0,0,0.4);
        flex-direction:column;
        border-radius: 3px;
      }
  
      a.page{
        display:flex;
        align-items:center;
        padding:24px 39px;
        color:#665D5D;
        font-weight:500;
        text-decoration: none;
      }

        
      a.page:hover{
            background-color: rgb(243, 250, 243);
            font-weight: 700;
      }

      
      .navBar .line{
        display:flex;
        width:100%;
        height:1px;
        background-color:#BFB7B7;
      }

      .subMenu.hidden{
        display:none;
      }

.flecha.active{
  transform: rotate(-135deg);
  top: 3px;
}

.navBar a.navBarParrafo:hover, .navBar button.navBarJuntas:hover{
      font-weight: 700;
      color: rgb(48, 112, 48);
      letter-spacing: -0.005em;
}