@charset "utf-8";
/* CSS Document */
/* HEADER */
.header x{
position:sticky;
top:0;
z-index:100;
background:#ffffff;
border-bottom:1px solid #e3e3e3;
}

.header-container x{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 20px;
}

.logo{
font-weight:700;
font-size:18px;
color:#003366;
}

.logo span{
font-weight:400;
font-size:13px;
color:#666;
}

/* NAV */
.nav a{
margin-left:20px;
text-decoration:none;
color:#003366;
font-weight:500;
font-size:14px;
}

.nav a:hover{
color:#b00020;
}

/* FOOTER */
.footer{
background:#320b5a;
color:#fff;
text-align:center;
padding:15px;
margin-top:30px; 
}

/* MENU MOVIL */
.menu-toggle{
display:none;
background:none;
border:none;
font-size:22px;
cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:768px){

.nav{
display:none;
}

.menu-toggle{
display:block;
}

.nav.show{
display:flex;
flex-direction:column;
background:#fff;
position:absolute;
top:60px;
right:10px;
padding:10px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.nav.show a{
margin:10px 0;
}

}