nav{background-color:#141414dd;backdrop-filter:blur(5px);width:100%;height:4rem;z-index:2000;box-sizing:border-box;position:sticky;justify-content:center;align-items:center;top:0;text-align:center;vertical-align:middle}#nav{display:flex;padding:10px}#phone-nav{display:none}*{--rosa: #ff007a}.active div{color:var(--rosa)}.nav-element{border:none;text-align:center;text-decoration:none;display:inline-block;padding:.5em;transition:transform .2s ease-in-out;&:hover{color:#ff007a}}.nav-element{position:relative;font-size:1.4rem;color:#bebebe;background:linear-gradient(to right,#ff007a 50%,#bebebe 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .5s ease;cursor:pointer}.nav-element:hover{background-position:0 0}.nav-element p{transition:transform .2s ease-in-out}.submenu{margin-top:.23em;font-size:1.15rem;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#141414eb;display:flex;flex-direction:column;width:max-content;overflow:hidden;max-height:0;transition:max-height .45s ease-in-out;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.submenu div{padding:10px;cursor:pointer;text-align:center;font-size:.9em;&:hover{background:#b85777}}.submenu a{color:#bebebe;text-decoration:none}.nav-item{position:relative;display:inline-block}.nav-item:hover .submenu{max-height:500px}.nav-element p{transition-delay:.6s}.nav-element:hover p{transition-delay:0s}.logo{margin-left:-50%;text-shadow:2px 2px 5px rgba(0,0,0,.7);height:3.2rem}#logo{margin-right:40px;margin-left:20%;text-shadow:2px 2px 5px rgba(0,0,0,.7);height:3.2em;transition:transform .25s ease-in-out;&:hover{filter:brightness(1.5)}}#search{border:none;cursor:pointer;font-size:16px;&:hover{content:url(/images/logos/lupa_hover.svg)}}#searchInput{background-color:#333;color:#8f8f8f;padding:10px;font-size:16px;border:2px solid #222;margin-right:10px;border-radius:10px;display:none;outline:none;box-sizing:border-box;&:focus{color:#bebebe;border:1.5px solid #ff007b53}}#header-phone-divider{display:none;height:.5rem;background-color:#141414;border:none;box-sizing:border-box}@media (width <= 860px){nav{position:fixed;background-color:transparent;border:none;backdrop-filter:blur(0px);justify-content:space-between}#nav{display:none}#phone-nav{display:flex}.nav-color-changed{transition:background .4s ease-in-out;background:#141414dd;backdrop-filter:blur(5px)}#header-phone-divider{display:block}#logo-phone{margin-left:20%;text-shadow:2px 2px 5px rgba(0,0,0,.7);height:3.2em;transition:transform .25s ease-in-out,opacity .4s ease-in-out,visibility .4s ease-in-out;&:hover{transform:scale(1.1);filter:brightness(1.5)}}.ocultar-logo{visibility:hidden;opacity:0}.nav-element{margin-right:0;&:hover{transform:scale(1.1)}}.menu-icon{cursor:pointer;color:#bebebe;font-size:2em;margin-right:15px;&:hover{color:#ff007a}}.iconos{display:flex;justify-content:space-between;align-items:center}.burger{position:relative;width:30px;height:25px;cursor:pointer;display:block;background:transparent;border:none;padding:0;margin-right:15px}.burger span{display:block;position:absolute;height:3px;width:100%;background:#bebebe;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out,background-color 0s}.burger:hover span{background-color:#ff007a}.burger span:nth-of-type(1){top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform:translateY(-100%);transform-origin:left center}.burger.active span:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.burger.active span:nth-of-type(2){width:0%;opacity:0}.burger.active span:nth-of-type(3){transform:rotate(-45deg);top:21px;left:5px}}body.no-scroll{overflow:hidden}#sidebar{position:fixed;top:0;right:-100%;width:75%;height:100%;background-color:#141414;overflow-y:auto;padding-top:22%;transition:.5s;z-index:100}#sidebar a{display:block;color:#bebebe;padding:1em;text-decoration:none;text-align:center}#submenu{display:none;background-color:#222;font-size:1.2rem;overflow:hidden;a{padding:.6em;transition:transform .2s ease-in-out}}#submenu a:hover{background-color:#ff007a;color:#222;transform:scale(1.1)}.close-sidebar{position:absolute;top:15px;right:20px;font-size:35px;cursor:pointer;color:#bebebe}.close-sidebar:hover{color:#ff007a}footer{background-color:#141414;color:#e0e0e0;padding:20px;text-align:center}.social-networks{margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:1.5rem}.icono-redes{cursor:pointer;text-decoration:none;color:#bebebe;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#333;border:2px solid #333;transition:all .45s;&:hover{transform:rotate(360deg);transform-origin:center center;color:#ff007a}}.icono-redes:hover .redes-svg{transform:scale(1.2)}.footer-link{color:#e0e0e0;text-decoration:none;transition:color .1s ease;&:hover{color:#ff007a}}footer p{position:relative;display:flex;justify-content:center;align-items:center;gap:.4em;svg{width:.9lh;height:.9lh}}#email-app{display:none}.copyright{margin-top:5px;font-size:14px;color:#a0a0a0}.copyright-link{color:#a0a0a0;&:hover{color:#ff007a;text-decoration:none}}.footer-bottom{position:relative;padding:20px 0;text-align:center;font-size:14px}.separador-footer{color:#606060;margin-left:5%;width:90%}#icon-link{position:absolute;top:50%;right:4rem;transform:translateY(-40%)}@media (max-width: 700px){#icon-link{position:relative;top:40px;right:0;display:flex;justify-content:center}#email-web{display:none}#email-app{display:block}}.footer-up{margin:0 auto 15px;padding:20px;opacity:0;transform:translateY(50px);transition:all 1.4s ease}.footer-up.visible{opacity:1;transform:translateY(0)}
