header{z-index:888;background-color:#222;justify-content:space-between;align-items:center;width:100%;height:60px;padding:15px 40px;font-weight:700;transition:all .5s;display:flex;position:absolute;top:20px;left:0}header .logo{z-index:999;object-fit:cover;align-items:center;width:200px;margin-left:2rem;display:flex}.logoNavegacion{justify-content:center;align-items:center;display:flex}header .navegacion{margin-left:180px;position:relative}header .navegacion-paginas{justify-content:center;align-items:center;gap:3rem;display:flex}header .navegacion-paginas .navegacion2{justify-content:center;align-items:center;margin-left:2rem;display:flex}header .navegacion .navegacion-paginas a{color:#fff;margin-left:50px;font-size:1.25em;font-weight:500;text-decoration:none;transition:all .3s;position:relative}header .navegacion>.navegacion-paginas>.navegacion1>a:before{content:"";background:#fff;width:0;height:3px;transition:all .3s;position:absolute;top:24px;bottom:0;left:0}header .navegacion .navegacion-paginas a:hover:before{background:#fff;width:100%}header .navegacion .navegacion-paginas a:hover{color:#fc0}.submenu-container{display:inline-block;position:relative}.submenu{z-index:999;background-color:#000c;border-radius:5px;flex-direction:column;min-width:200px;padding:10px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 8px #0003}.submenu li{list-style:none}.submenu li a{color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;text-decoration:none;transition:background .3s;display:flex}.submenu li a:hover{color:#000;border-radius:5px}@media (max-width:1002px){header{display:none}}@media (max-width:1324px){header .logo{margin-left:1rem}header .navegacion{margin-left:50px;position:relative}header .navegacion-paginas{gap:.5rem}}@media (max-width:1146px){header .logo{width:150px;margin-left:.5rem}header{padding-left:10px}header .navegacion{margin-left:30px}header .navegacion-paginas{gap:.2rem}.submenu li a{font-size:1rem}header .navegacion-paginas .navegacion2{margin-left:.5rem}}