/* HEADER */

.pm-header{
width:100%;
background:#0b1f2e;
position:sticky;
top:0;
z-index:9999;
height:50px;
display:flex;
align-items:center;
}

/* BOTON HAMBURGUESA */

.pm-toggle{
display:none;
background:none;
border:none;
color:#fff;
font-size:26px;
margin-left:10px;
cursor:pointer;
}

/* BOTON CERRAR */

.pm-close{
position:absolute;
top:12px;
right:15px;
font-size:28px;
background:none;
border:none;
color:white;
cursor:pointer;
display:none;
}

/* MENU DESKTOP HORIZONTAL */

.pm-menu-list{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
list-style:none;
margin:0;
padding:0;
width:100%;
}

.pm-menu-list li{
position:relative;
}

.pm-menu-list li a{
display:block;
padding:16px 22px;
color:#fff;
font-weight:600;
text-decoration:none;
font-size:14px;
white-space:nowrap;
}

/* HOVER */

.pm-menu-list li a:hover{
color:#ffd400;
border-bottom:2px solid red;
}

/* SECCION ACTIVA */

.pm-menu-list .current-menu-item > a,
.pm-menu-list .current-menu-parent > a,
.pm-menu-list .current_page_item > a{
color:#ffd400;
border-bottom:2px solid red;
}

/* SUBMENU */

.sub-menu{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:220px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

.pm-menu-list li:hover .sub-menu{
display:block;
}

.sub-menu li a{
color:#333;
padding:10px 16px;
}

/* MOBILE */

@media (max-width:900px){

.pm-toggle{
display:block;
}

.pm-close{
display:block;
}

.pm-menu{
position:fixed;
left:-320px;
top:0;
height:100%;
width:320px;
background:#0b1f2e;
transition:0.3s;
padding-top:60px;
}

.pm-menu.active{
left:0;
}

.pm-menu-list{
flex-direction:column;
align-items:flex-start;
padding-left:20px;
}

.pm-menu-list li{
width:100%;
}

.pm-menu-list li a{
width:100%;
text-align:left;
padding:14px 10px;
}

.sub-menu{
position:relative;
width:100%;
}

}