@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.03);transform:scale(1.03)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.03);transform:scale(1.03)}100%{-webkit-transform:scale(1);transform:scale(1)}}.account-li{min-width:215px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:15px;color:white;text-align:left}.account-li button{text-align:left;background:none;color:white;cursor:pointer;border:none;margin-right:5px;padding:8px 20px;font-size:15px}.account-li button:hover{color:#fab13d;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.welcome{font-size:16px;margin-bottom:10px}.divisor-account{margin:auto;height:1px;background:#f7a420;margin-bottom:15px;opacity:0.3;width:80%}.account-li button:last-child{margin-right:0}.account-li li{padding:5px 20px}.account-li li i,.account-li button i{color:#f7a420;margin-right:8px}.form-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;min-width:215px;color:white}.form-menu h2{margin-bottom:10px}.form-menu h2 i{color:#fab13d}.form-menu p{margin-bottom:5px;cursor:pointer}.form-menu p:hover{color:#fab13d;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.form-menu label,.form-menu input,.form-menu button{border-radius:1px;margin-bottom:16px;width:80%}.form-menu button{cursor:pointer;background:#fab13d;border:none;color:white}.form-menu button:hover{background:#f7d193;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.form-menu input,.form-menu button{padding:10px}

.navbar{background: rgb(42 3 85 / 75%);
padding:10px 0;position:fixed;width:100%;top:0;z-index:1000}



/* Mobile: menú más ordenado (stack vertical) */
@media (max-width: 768px){
  .container{
    width: 90%;
    margin: 0 auto;
    padding: 0 12px;

    display: flex;
    flex-direction: column;   /* en vez de “esparcir” en 2 columnas */
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
  }

  /* Si tu menú es una lista (ul/li) dentro del container */
  .container ul{
    width: 90%;
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .container ul li{
    width: 100%;
  }

  .container ul li a{
    display: block;
    width: 100%;
    padding: 12px 14px;
    text-align: left;
    border-radius: 10px;
  }
}

/* DESKTOP (ventana grande): mantenlo ordenado y sin separarse demasiado */
.container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:90%;
  max-width:1280px;   /* evita que el menú se “rompa” en pantallas muy anchas */
  margin:0 auto;
}

/* MOBILE (celular): apílalo en columna */
@media (max-width:768px){
  .container{
    width:90%;
    max-width:none;
    margin:0;
    padding:0 12px;

    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
  }
}
.navbar-left,.navbar-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-left{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.navbar-right{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-center{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;text-align:center}.navbar-brand{font-weight:bold;color:rgba(255,255,255,0.9);text-decoration:none;font-size:35px;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;margin:0px 20px}.navbar-nav{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-nav li{position:relative}

.navbar-nav a {
    color: white;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 16px;
    margin: 0px 10px;
    display: block;
    text-align: center;
}
	
	.navbar-nav a:hover{color:#fab13d;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}@-webkit-keyframes dropdownmenu{from{top:80px;opacity:0}to{top:50px;opacity:1}}@keyframes dropdownmenu{from{top:80px;opacity:0}to{top:50px;opacity:1}}.navbar-nav .dropdown{position:relative}.navbar-nav .dropdown-menu{display:none;position:absolute;background-color:rgba(2,2,2,0.7);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);min-width:180px;padding:15px;z-index:1000;border-radius:0px 0px 4px 4px;margin-top:11px}.navbar-nav .dropdown-menu li{width:100%;list-style:none}.navbar-nav .dropdown-menu a{color:white;padding:12px 0px;font-size:12px;text-align:left;white-space:nowrap}.navbar-nav .dropdown-menu a:hover{color:#fab13d}.dropdown-menu{display:none}.dropdown-menu.show{display:block;-webkit-animation:dropdownmenu 0.4s ease-out forwards;animation:dropdownmenu 0.4s ease-out forwards}.navbar-toggle{display:none;background-color:#333;border:none;color:#fff;padding:10px;cursor:pointer}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;background-color:#fff;margin:4px 0}.dropdown-toggle::after{content:"\f0d7";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:5px;color:#fab13d;font-size:12px}.dropdown-menu a::after{padding:0 10px;content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;float:left;line-height:17px;color:#fab13d;font-size:10px}@media (max-width:768px){.account-li button{margin-bottom:5px}.navbar-left,.navbar-right{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.navbar-left.show,.navbar-right.show{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar-center{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;text-align:center}.navbar-brand{display:none}.navbar-toggle{display:block;margin-right:auto}.navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.navbar-nav li{width:100%}
		
		
.navbar-nav a{padding:10px;font-weight:400}.navbar-nav .dropdown-menu{min-width:190px;background-color:rgba(2,2,2,0.9)}.navbar-nav .dropdown-menu a{padding-left:30px}.navbar-collapse{display:none}.navbar-collapse.show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}