header.menu {

}

nav.menu-superior {
   width:100%;
   background:var(--white);
   box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
   position:relative;
   z-index:2;
}
nav.menu-superior .container-fluid {
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding:6px 20px;
}

@media(max-width:1024px) {
   nav.menu-superior .container-fluid {
      display:block !important;
   }
}

@media(min-width:1024px) {
   nav.menu-superior .container-fluid{
      padding:5px 20px;
   }
}

nav.menu-superior .container-fluid {
   display:flex;
   align-items:center;
   gap:2rem;
}

@media(min-width:1024px) {
   nav.menu-superior .container-fluid .menu-left .group_buttons {
      display:none;
   }
}
@media(max-width:1024px) {
   nav.menu-superior .container-fluid .menu-left {
      display: flex;
    justify-content: space-between;
    align-items: center;
   }

   nav.menu-superior .container-fluid .menu-left .group_buttons {
      display:flex;
      align-items:center;
      gap:1rem;
   }
   nav.menu-superior .container-fluid .menu-left .group_buttons .search_button {
      font-size:26px;
      color:var(--secondary-color);
   }
}




/* nav.menu-superior .menu-left  .logo {
   height:65px;
} */

nav.menu-superior .menu-left  ul {
   display:flex;
   justify-content:center;
   list-style:none;
   margin:0;
   padding:0;
}
@media(min-width:1024px) {
   nav.menu-superior .container-fluid .menu-left ul {
      display:none;
   }
}

nav.menu-superior .menu-left  ul li {
   margin: 0 5px;
}

nav.menu-superior .menu-left  ul li a {
   color:var(--pseudo-black);
   font-size:20px;
   padding:5px 20px;
   font-weight:500;
   border-radius:5px;
}

nav.menu-superior .menu-left  ul li a.active, nav.menu-superior ul li a:hover {
   color:var(--secondary-color);
   transition: .5s;
}

nav.menu-superior .checkbtn {
   font-size: 30px;
   color:var(--secondary-color);
   display:none;
}

nav.menu-superior #check {
   display:none;
}

nav.menu-superior .menu-right {
display:flex;
gap:1rem;
}
@media(max-width:1024px) {
   nav.menu-superior .menu-right {
      display:none;
   }
}
nav.menu-superior .menu-right .cuenta {
   padding:5px 15px;
   cursor:pointer;
   border-radius:5px;
   transition: all 0.2s;
}

nav.menu-superior .menu-right .cuenta:hover {
   background-color:var(--secondary-color);

}

nav.menu-superior .menu-right .cuenta p, nav.menu-superior .menu-right .cuenta i  {
   color:var(--pseudo-black);
   transition: 0.3s;
   font-size:20px;
}

nav.menu-superior .menu-right .cuenta:hover p, nav.menu-superior .menu-right .cuenta:hover i {
   color:var(--white);
}

nav.menu-superior .menu-right .cuenta:hover p, nav.menu-superior .menu-right .cuenta:hover svg {
   fill:var(--white);
}

/* MEDIAS QUERIES */
@media (max-width: 952px){
   nav ul li a{
       font-size: 16px;
   }
}


@media (max-width: 1024px){
   nav.menu-superior .checkbtn {
       display: flex;
   }
   nav.menu-superior {
      padding:10px 0px;
      box-shadow:none;
   }
   nav.menu-superior .menu-left .logo {
      height:auto;
      width:200px;
   }
   nav.menu-superior ul{
       position: absolute;
       width: 100%;
       height: calc(100vh - 80px);
       background: #2c3e50;
       top: 65px;
       left: -100%;
       text-align: center;
       transition: all .5s;
       flex-direction: column;
       gap:1rem;
       z-index: 10;
       align-items:center;
       justify-content:flex-start !important;
       padding-top:40px !important;
   }
   nav.menu-superior ul li{
       margin: 20px 0;
   }
   nav.menu-superior .menu-left ul li a {
       font-size: 20px;
       color:var(--white);
   }
   nav.menu-superior .menu-left ul li svg {
      fill:var(--white);
   }
   nav.menu-superior .menu-left li a:hover, li a.active{
       background:transparent !important;
       color:var(--secondary-color) !important;
   }
   nav.menu-superior #check:checked ~ ul{
       left:0;
   }
}


/* AVISO +18 CSS */

.modal__aviso_18 {
   width:100%;
   height:100vh;
   top:0;
   position:fixed;
   background:rgba(0,0,0,0.8);
   z-index:99;
   display:flex;
   align-items:center;
   justify-content:center;
}



@media(max-width:768px) {
   .modal__aviso_18 {
      display:block;
   }
}

.modal__aviso_18 .container {
   background:var(--white);
   width: 45%;
   margin:0 auto;
   padding:20px;
   border-radius:5px;
}

@media(max-width:768px) {
   .modal__aviso_18 .container {
      width:90%;
      margin-top:50px;
   }
}

.modal__aviso_18 .container .content {
   text-align:center;
}

.modal__aviso_18 .container .content img {
   /*width:75%;*/
   margin:0 auto;
}

@media(max-width:768px) {
   .modal__aviso_18 .container .content img {
      width:100%;
      margin:0 auto;
   }
}

.modal__aviso_18 .container .content .buttons {
   display:flex;
   justify-content:center;
   gap:2rem;
}

@media(max-width:992px) {
   .modal__aviso_18 .container .content .buttons {
      flex-direction:column;
      gap:1rem;
   }
}

.modal__aviso_18 .container .content .buttons .btn {
   height: 100%;
    font-weight: 500;
    font-size: 20px;
    background: var(--background-gold);
    color: var(--white);
    border-radius: 5px;
    transition: all 0.1s linear;
}

.modal__aviso_18 .container .content .buttons .btn:hover {
   transform: scale(1.05);
    transition: all 0.1s linear;
    background: var(--secondary-color);
}


.modal__aviso_18 .advice-notice-wrapper {
   font-size:28px;
   color:var(--white);
   font-weight:600;
   background:#850209;
   margin-left:-40px;
   transform:translateX(20px);
   margin-bottom:0px;
   padding:20px;
   margin-top:40px;
}


.esta-web {
   margin-top:-10px;
   font-weight:600;
   font-size:20px;
}
.modal__aviso_18 .advice-notice-wrapper p {
   margin:0;
   line-height:1.5;
}

.modal__aviso_18 .advice-notice span {
   font-weight:900;
}