.submenu51{position:absolute;top:100%;left:0;width:23%;height:100vh;background:#fff;color:#000;opacity:0;visibility:hidden}.submenu51.show{opacity:1;transition:all .3s cubic-bezier(.395,0,.135,1);visibility:visible}.submenu51.expanded{transition:width .3s ease}.submenu51.expanded .grid51 .subcol .menu-div{position:absolute;top:0;left:100%;width:75%;height:100vh;background:#fff;z-index:20;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.submenu51.expanded .grid51 .subcol .menu-div.show{opacity:1;visibility:visible;overflow-y:auto}.menu-div{display:none;position:relative}.menu-div.show{display:block}.menu-div .cerrar{position:absolute;top:10px;right:10px;cursor:pointer;font-size:1.5rem;z-index:10}.submenu51 .cerrar{position:absolute;top:15px;right:20px;cursor:pointer;font-size:1.5rem;color:#000;z-index:10;width:15px}.subcol h4 span.desktop-only{cursor:pointer}.submenu51>.newclear{padding:4rem 80px calc(-35px + 4rem)}.submenu51 .grid51{display:grid;grid-gap:25px;opacity:0;transform:translateY(10%);-webkit-transition:-webkit-transform .2s cubic-bezier(.81,.005,.59,.98);transition:all .2s cubic-bezier(.81,.005,.59,.98);transition:all .2s cubic-bezier(.81,.005,.59,.98),-webkit-all .2s cubic-bezier(.81,.005,.59,.98)}.submenu51.show .grid51{opacity:1;transform:none}.submenu51 .grid-1,.submenu51 .grid-2,.submenu51 .grid-3,.submenu51 .grid-4,.submenu51 .grid-5,.submenu51 .grid-6{grid-template-columns:100%!important}.grid51.subcol-menu .subcol h4{font-family:Avenir Next LT Pro Medium,Arial,Helvetica,sans-serif}.grid51.subcol-menu .subcol h4.active{font-family:Avenir Next LT Pro Bold}.subcol.subcol-empty{display:none}@media (max-width: 830px){.desktop-only{display:none}}@media (min-width: 831px){.mobile-only{display:none}}ul.menu li a{display:block;width:100%;height:100%}.submenu51 .grid51 .subcol *{grid-gap:40px;transform:translateY(10%);opacity:0;transition:all .4s cubic-bezier(.395,0,.135,1)}.submenu51.show .grid51 .subcol *{transform:translateY(0);opacity:1}.submenu51 h4{font-size:1.3rem;margin:0}.submenu51 h4 a:hover{text-decoration:underline}.menu-div.show ul.menu{padding:4rem 24px calc(4rem - 35px) 8px}.menu-div.show ul.menu li{margin-bottom:15px}.submenu51 ul{margin:0 0 30px;padding:0}.submenu51 ul li{display:block;height:auto;list-style:none;color:#000;font-size:var(--f14);position:relative;overflow:hidden;padding:0 0 10px}.submenu51 ul li a:hover{text-decoration:underline}.submenu51 ul li a{color:#000}.submenu51 a{color:#000;text-decoration:none}.submenu51 p a:hover{text-decoration:underline}.submenu51 img{display:block;width:100%;height:auto;max-width:none;margin:0 auto 15px}.submenu51 p{font-size:var(--f14);margin:0 0 15px}.submenu51 .boton{background:#fff;display:inline-flex;align-content:center;justify-content:center;align-items:center;text-rendering:geometricPrecision;font-family:Avenir Next LT Pro Bold,Arial,Helvetica,sans-serif;font-size:var(--f14);transform:perspective(1px) scaleX(1) translateZ(0);transition:transform .2s cubic-bezier(.235,0,.05,.95);min-width:8rem;padding:.75rem 1.4rem .7rem;text-decoration:none;border-radius:3rem;color:#000;margin:0 auto 35px}.submenu51 .boton:hover{transform:perspective(1px) scale(1.044) translateZ(0)!important}@media only screen and (max-width: 1200px){.submenu51{width:25%}.submenu51.expanded .grid51 .subcol .menu-div{width:90%}}@media only screen and (max-width: 990px){.submenu51>.newclear{padding:4rem 40px calc(-35px + 4rem)}}@media only screen and (max-width: 830px){.submenu51{position:fixed;top:0;left:0;height:100vh;overflow:scroll;width:100%;-webkit-transform:translateY(30px);transition:opacity .3s cubic-bezier(.38,.41,.27,1),transform .3s cubic-bezier(.38,.41,.27,1),-webkit-transform .3s cubic-bezier(.38,.41,.27,1)}.menu-div.show ul.menu li{margin-bottom:0}.menu-div.show ul.menu{padding:0}.grid51.subcol-menu .subcol h4{font-family:Avenir Next LT Pro Bold}.submenu51.show{transition-delay:.6s;transform:none;z-index:9}.submenu51>.newclear{padding:7rem 4vw calc(4rem - 35px)}.submenu51 .grid-1,.submenu51 .grid-2,.submenu51 .grid-3,.submenu51 .grid-4,.submenu51 .grid-5,.submenu51 .grid-6{grid-template-columns:1fr;grid-gap:0px}.submenu51 h4{font-size:var(--f30);cursor:pointer;margin:0 0 15px}.expand .row1 .col02 a.cerrar{top:10px}.submenu51.show .grid51 .subcol .menu-div,.submenu51.show .grid51 .subcol .inner{position:fixed;top:0;left:0;z-index:3;width:100%;height:100vh;padding:7rem calc(4vw + 4%) calc(4rem - 35px);background:#000;overflow:scroll;opacity:0;visibility:hidden;-webkit-transform:translateY(30px);transition:opacity .3s cubic-bezier(.38,.41,.27,1),transform .3s cubic-bezier(.38,.41,.27,1),-webkit-transform .3s cubic-bezier(.38,.41,.27,1)}.submenu51.show .grid51 .subcol .menu-div.show,.submenu51.show .grid51 .subcol .inner.show{background-color:#fff;transition-delay:.6s;transform:none;opacity:1;visibility:visible}.submenu51.show .grid51 .subcol .menu-div u,.submenu51.show .grid51 .subcol .inner u{-webkit-transform:translateY(0px) translateX(-50%)}.submenu51 ul{margin:0 0 20px}.submenu51 ul li{font-size:var(--f19);font-family:Avenir Next LT Pro Bold,Arial,Helvetica,sans-serif}.submenu51 p{font-size:var(--f20)}.submenu51 .boton{margin:0 auto 30px}.submenu51 .top .boton{margin:0 auto 20px}.submenu51 .back{-webkit-transform:translateY(-100px);transition:all .3s cubic-bezier(.38,.41,.27,1);cursor:pointer}.submenu51.show .back{position:fixed;top:8px;left:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;z-index:2;-webkit-transform:translateY(0px);transition-delay:.6s}.submenu51 u{-webkit-transform:translateY(-100px);transition:all .3s cubic-bezier(.38,.41,.27,1);cursor:pointer;display:inline-block;text-align:center}.submenu51.show u{position:fixed;top:20px;left:50%;z-index:2;font-family:Avenir Next LT Pro Bold,Arial,Helvetica,sans-serif;font-size:var(--f21);font-weight:700;text-decoration:none;-webkit-transform:translateY(0px) translateX(-50%);transition-delay:.6s}.submenu51.show .back svg{width:30px}.submenu51.show .back svg path{fill:#000}.submenu51 .cerrar{-webkit-transform:translateY(-30px);transition:all .3s cubic-bezier(.38,.41,.27,1);cursor:pointer}.submenu51.show .cerrar{position:fixed;top:20px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;z-index:2;-webkit-transform:translateY(0px);transition-delay:.6s}.submenu51.show .cerrar svg{width:16px}.submenu51.show .cerrar svg path{fill:#000}}
/*# sourceMappingURL=/cdn/shop/t/907/assets/submenu.css.map */