@charset "utf-8";
/* CSS Document */
/* HEADER */
header{
  /*  background:rgba(220,235,255,0.6);
    backdrop-filter:blur(12px);
    padding:15px 20px;
	border-bottom:1px solid rgba(30,58,95,0.2);*/
    display:flex;
    justify-content:space-between;
    align-items:center;

}

.logo{font-size:22px;font-weight:700;margin-top:4px}

/* HAMBURGER */
.hamburger{
    width:30px;
    display:none;
    flex-direction:column;
    cursor:pointer;
    gap:5px;
}
.hamburger span{
    height:3px;
    background:#BE8A8B;
    border-radius:3px;
    transition:.3s;
}

/* NAV BASE */
nav{
   /* background:rgba(220,235,255,0.6);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(30,58,95,0.2);*/
}
nav ul{
    list-style:none;
    display:flex;
    gap:16px; justify-content: flex-end;margin:0;
}
nav ul li{position:relative;}

nav ul li a {
    color:#1e3a5f;
    text-decoration:none;
    padding:12px 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    transition:.25s;
    font-weight:500;
}
/*zuza*/nav ul li.has-sub {margin-top:-1px}

/* HOVER PREMIUM */
nav ul li a:hover{
   /* background:rgba(200,220,245,0.7);
    border-radius:8px;
    box-shadow:0 4px 14px rgba(30,58,95,0.12);*/
    transform:translateY(-3px);color:#BE8A8B;
}

/* -------------------------------
   ICONO CHEVRON PREMIUM
--------------------------------*/
.icon{
    width:16px;
    height:16px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    filter:none;
    transition:transform .3s ease, opacity .3s;
    opacity:0.75;
}

.icon{
    background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'>\
<path d='M9 6l6 6-6 6' stroke='%23ffffff' stroke-width='3' fill='none'/>\
</svg>");
}

/* Rotación */
li.has-sub.open > a .icon{
    transform:rotate(90deg) scale(1);
    opacity:1;
}

/* PC: hover */
@media(min-width:1022px){
    li.has-sub:hover > a .icon{
        transform:rotate(90deg) scale(1);
        opacity:1;
    }
}

/* -------------------------------
 
--------------------------------*/
.submenu{
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    padding:10px 0;
    border-radius:4px;
    background:rgba(190,138,139,0.80) ;
   backdrop-filter:blur(12px);
    box-shadow:0 10px 25px rgba(30,58,95,0.2);
    display:none;
    flex-direction:column;
    opacity:0;
    transform:translateY(5px) scale(0.97);
    transition:opacity .35s ease, transform .35s ease;
    border:1px solid rgba(30,58,95,0.2);
}

.submenu .submenu{
    left:100%;
    top:0;
}

/* PC: hover */
@media(min-width:1022px){
nav ul li:hover > .submenu{
    display:flex;
    opacity:1;
    transform:translateY(0) scale(1);
}}
 
/* Jerarquía visual */
.submenu li a{padding-left:20px;}
.submenu .submenu li a{padding-left:35px;}
.submenu .submenu .submenu li a{padding-left:50px;}

/* -------------------------------
   MÓVIL PREMIUM
--------------------------------*/
@media(max-width:1022px){
    .hamburger{display:flex;}
	nav{
   /* */background:#BE8A8B;
    backdrop-filter:blur(12px);
    
    }

    nav ul{
        flex-direction:column;
        display:none;
    }
    nav.open ul{
        display:flex;
    }

    nav ul li{
        border-bottom:1px solid rgba(76,87,100,0.20);
    }
	.logo{margin-top:4px; max-width: 180px}
    .submenu{
        position:static;
        max-height:0;
        overflow:hidden;
        opacity:1;
        transform:none;
        display:flex;
        box-shadow:none;
        border:none;
        background:rgba(129,99,121,0.20);
		padding:0;margin-top: 14px;
    }
    .submenu.open{
        max-height:800px;
    }
	
}