/* =========================
MENU HAMBURGUESA
========================= */

.hamburger-container{

position:absolute;

top:clamp(300px,5vh,70px);
right:clamp(850px,14vw,260px);

z-index:40;

}

/* BOTON */

.hamburger-btn{

background:none;
border:none;

cursor:pointer;

}

/* ICONO SVG */

.hamburger-icon{

width:40px;
height:40px;

fill:none;
stroke:#7fb3ff;
stroke-width:6;

transition:0.3s;

}

.hamburger-icon:hover{

transform:scale(1.2);

}

/* MENU DESPLEGABLE */

.hamburger-menu{

position:absolute;

top:50px;
right:-280px;

background:rgba(0,0,0,0.85);

backdrop-filter:blur(10px);

padding:20px 25px;

border-radius:10px;

display:flex;
flex-direction:column;

min-width:350px;

opacity:0;

pointer-events:none;

transform:translateY(-10px);

transition:0.4s;

}

/* MENU ACTIVO */

.hamburger-menu.show{

opacity:1;

pointer-events:auto;

transform:translateY(0);

}

/* ITEM */

.hamburger-item{

font-size:25px;

color:white;

cursor:pointer;

transition:0.3s;

letter-spacing:0.5px;

margin:10px 0;   /* espacio entre cada opción */

}

.hamburger-item:hover{

color:#7fb3ff;

transform:translateX(5px);

}