.fondo,.sinfondo{display:flex;justify-content:space-between;background-color:#fff;padding:5px 140px;border:1px solid #dfdfdf;position:fixed;align-items:center;top:0;left:0;right:0;z-index:10;transition:all .6s ease;box-shadow:0 2px 10px rgba(0,0,0,.08)}@media(max-width:768px){.fondo,.sinfondo{padding:12px 20px;margin:0;border-radius:0}}.fondo .left,.sinfondo .left{width:130px}.fondo .left img,.sinfondo .left img{width:100%;height:100px;object-fit:contain}.fondo .center,.sinfondo .center{display:flex;gap:45px}@media(max-width:1500px){.fondo .center,.sinfondo .center{display:none}}.fondo .center a,.sinfondo .center a{color:#0b2456;font-weight:500;font-size:18px;text-decoration:none;transition:.25s}.fondo .center a:hover,.sinfondo .center a:hover{color:#1849a9;text-shadow:0 0 5px rgba(74,163,223,.3)}.fondo .right,.sinfondo .right{display:flex;align-items:center;gap:15px}.fondo .right .contacto,.sinfondo .right .contacto{font-weight:600;font-size:17px;background-color:#0b2456;padding:10px 30px;border-radius:20px;color:#fff;text-decoration:none;transition:.3s ease}.fondo .right .contacto:hover,.sinfondo .right .contacto:hover{background-color:#1849a9}@media(max-width:1500px){.fondo .right .contacto,.sinfondo .right .contacto{display:none}}.fondo .right i,.sinfondo .right i{font-size:36px;display:none;color:#0b2456;z-index:200}@media(max-width:1500px){.fondo .right i,.sinfondo .right i{display:flex}}.fondo .bg-div,.sinfondo .bg-div{background:#fff;position:fixed;opacity:0;width:80%;height:100vh;top:0;right:0;transform:translateX(100%);z-index:-1;transition:all .6s ease;box-shadow:-2px 0 20px rgba(0,0,0,.15)}.fondo .bg-div.active,.sinfondo .bg-div.active{transform:translateX(0);opacity:1;z-index:12}.fondo .bg-div .links-active,.sinfondo .bg-div .links-active{display:none;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:flex-end;padding:0 50px;gap:25px}.fondo .bg-div .links-active a,.sinfondo .bg-div .links-active a{color:#0b2456;text-decoration:none;font-size:17px;font-weight:600;transition:.2s}.fondo .bg-div .links-active a:hover,.sinfondo .bg-div .links-active a:hover{color:#1849a9;text-shadow:0 0 10px rgba(74,163,223,.4)}.sinfondo{margin:0 auto;width:100%;max-width:100%;border-radius:0;box-shadow:0 3px 12px rgba(0,0,0,.12)}@media(max-width:768px){.sinfondo{padding:12px 20px}}