*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth;height:100%;width:100%}#root{width:100%;max-width:100vw;min-height:100vh;display:flex;flex-direction:column}.home-container-main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;align-content:center;color:#fff;background-color:#242323}.nvbar{width:100%;display:flex;align-items:center;justify-content:center}.contenedor-navbar-home{width:95%;display:flex;margin:2vh 1vh;justify-content:end}.itemsnavbar-2{display:flex;width:70%;background-color:transparent}.itemsnavbar-2 a{text-decoration:none;background-color:transparent}.item-navbar-2{color:#fff;font-family:DM Sans,sans-serif;font-size:3vh;margin:0 1vh;padding:1vh 3vh;border:none;border-radius:20px;background-color:transparent;transition:.3s ease}.item-navbar-2:hover{background-color:#363636}.header{width:90%;display:flex;margin:1vh 0;flex-direction:row}.container-header-home{border-radius:25px;width:100%;background-color:#000}.container-main-header{font-family:DM Sans,sans-serif;display:flex;flex-direction:row;width:100%}.frase-header{width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1vh 2vh}.slide-imagenes{width:60%}.name-tattos{font-size:7vh}.texts{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:10vh;margin-bottom:15vh}.buttons-options{display:flex;justify-content:center;flex-direction:row;bottom:0;width:100%}.button{padding:2vh 6vh;margin:0 1vh;font-size:2.5vh;cursor:pointer;border-radius:10px;border:1px solid #fff;color:#fff;background-color:transparent}.bg-white{color:#000;background-color:#fff}.galeria{width:100%;padding:1vh;display:flex;justify-content:center}.container-galeria{width:100%;display:flex;flex-direction:column}.titulo-seccion{width:100%;display:flex;font-family:DM Sans,sans-serif;flex-direction:column;justify-content:center;align-content:center;align-self:center;padding:3vh 0;color:#000;border-radius:10px;background-color:#aea7a3;margin:1vh 0}.sub{width:100%;font-size:7vh;display:flex;justify-content:center}.sub-2{width:100%;font-size:2vh;display:flex;justify-content:center;padding:1vh 0}.servicios{width:100%;display:flex}@media (max-width: 768px){.nvbar{width:100%}.itemsnavbar-2{width:90%;display:flex;flex-wrap:wrap;justify-content:center}.item-navbar-2{font-size:2vh;padding:1vh;margin:0 1vh}.container-header-home .container-main-header{flex-direction:column;align-items:center}.frase-header{width:100%;text-align:center;padding:1vh 0}.texts{margin-top:7vh;margin-bottom:7vh}.texts .name-tattos{font-size:4.8vh;padding:0 .5vh}.buttons-options .button{padding:2vh 3vh;font-size:2vh}.slide-imagenes{width:80%;display:flex}.sub{font-size:3vh}.sub-2{font-size:1.5vh;padding:.5vh 0}}@media (min-width: 769px) and (max-width: 991px){.nvbar{width:100%}.itemsnavbar-2{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.item-navbar-2{font-size:2vh;padding:1vh;margin:0 1vh}.container-header-home .container-main-header{flex-direction:column;align-items:center}.frase-header{width:100%;text-align:center;padding:1vh 0}.texts{margin-top:6vh;margin-bottom:7vh}.texts .name-tattos{font-size:5vh;padding:0 .5vh}.buttons-options .button{padding:1.5vh 4vh;font-size:1.7vh}.slide-imagenes{width:95%;display:flex}.sub{font-size:4vh}.sub-2{padding:.5vh 0}}@media (min-width: 992px) and (max-width: 1199px){.texts{margin-top:6vh;margin-bottom:7vh}.texts .name-tattos{font-size:5vh;padding:0 .5vh}.buttons-options .button{padding:1.5vh 4vh;font-size:1.7vh}.sub{font-size:4vh}.sub-2{padding:.5vh 0}}@media (min-width: 1200px) and (max-width: 1399px){.texts{margin-top:6vh;margin-bottom:7vh}.texts .name-tattos{font-size:5vh;padding:0 .5vh}.buttons-options .button{padding:1.5vh 4vh;font-size:1.7vh}.sub{font-size:4vh}.sub-2{padding:.5vh 0}}.gallery-container{height:80vh;width:100%;overflow:hidden}.gallery-content{display:flex;height:100%;align-items:center;justify-content:center;perspective:200vh;transform-style:preserve-3d}.gallery-track{display:flex;height:auto;min-height:200vh;justify-content:center;align-items:center;cursor:crosshair;transform-style:preserve-3d;width:100%}.gallery-item{position:absolute;display:flex;height:fit-content;align-items:center;justify-content:center;padding:8%;backface-visibility:hidden}.gallery-img{pointer-events:none;height:50vh;width:35vh;border-radius:15px;border:5px solid #fff;object-fit:cover;transition:.3s ease}.gallery-item:hover .gallery-img{transform:scale(1.06);transition:.3s ease;opacity:.4}@media (max-width: 768px){.gallery-container{margin:1vh 0;height:40vh}.gallery-item{padding:1vh}.gallery-img{height:90%;width:20vh}}@media (min-width: 769px) and (max-width: 991px){.gallery-content{margin:0;height:80vh}.gallery-item{padding:1vh}.gallery-img{height:50vh;width:25vh}}@media (min-width: 992px) and (max-width: 1300px){.gallery-item{margin:0 2vh}.gallery-img{height:55vh;width:35vh}}@media (min-width: 1300px) and (max-width: 1399px){.gallery-item{margin:0 2vh}.gallery-img{height:60vh;width:30vh}}@media (min-width: 1400px){.gallery-item{margin:0 2vh}.gallery-img{height:60vh;width:25vh}}.container{display:flex;width:100%;height:100%}.container-home{position:relative;display:flex;justify-content:center;align-items:center;align-content:center;width:100%;height:100vh;background-image:url(/assets/Tatto%20oso-CqxZLqhC.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.container-home:before{content:"";position:absolute;inset:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1}.container-main{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;width:90%;height:80vh;background-image:url(/assets/Tatto%20oso-CqxZLqhC.png);background-size:cover;background-position:center;background-repeat:no-repeat}.negocio-nombre{grid-area:5/1/6/6;display:flex;justify-content:start;align-items:flex-end;padding:3vh 4vh;width:50%}.card{font-family:Poiret One,sans-serif;position:relative;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:end;padding:2vh 3vh;gap:1rem;border-radius:8px;cursor:pointer;color:#fff}.card:before{content:"";position:absolute;inset:0;padding:2vh 3vh;margin:auto;left:-2vh;width:100%;height:4vh;border-radius:10px;background:linear-gradient(-45deg,#d78f59,#6a584e);z-index:-10;pointer-events:none;transition:all 1s cubic-bezier(.175,.885,.32,1.275)}.card:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#d78f59,#6a584e);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{font-size:4rem;text-transform:capitalize;font-weight:700}.card p:not(.heading){font-size:3rem}.card p:last-child{color:red;font-weight:600}.card:hover:after{filter:blur(1rem)}.card:hover:before{transform:scaleX(.95) scaleY(1.8)}.navbar-place{grid-area:1/4/2/6;display:flex}.contenedor-navbar{display:flex;justify-content:center}.itemsnavbar{display:flex;margin:1vh}.itemsnavbar a{text-decoration:none}.item-navbar{display:flex;font-family:DM Sans,sans-serif;padding:1vh 2vh;font-size:3vh;padding:1vh 4vh;margin:0 2vh;color:#fff;border-radius:20px;border:1px solid transparent;transition:.5s ease}.item-navbar:hover{border-bottom:3px solid #c4aa97}@media (max-width: 768px){.container-main{grid-template-columns:1fr 1fr 1fr}.navbar-place{grid-area:1/1/2/4}.item-navbar{font-size:2vh;padding:1vh 2vh;margin:0 1vh}.negocio-nombre{width:90%;padding:2vh 1vh}.negocio-nombre h1{font-size:4vh}.card{width:100%;padding:1vh 2vh}}@media (min-width: 769px) and (max-width: 991px){.container-main{grid-template-columns:1fr 1fr 1fr 1fr}.navbar-place{grid-area:1/1/2/5}.item-navbar{font-size:2vh;padding:1vh 2vh;margin:0 1vh}.negocio-nombre{width:90%;padding:2vh 1vh}.negocio-nombre h1{font-size:4vh}.card{width:100%;padding:1vh 2vh}}@media (min-width: 992px) and (max-width: 1199px){.container-main{grid-template-columns:1fr 1fr 1fr}.navbar-place{grid-area:1/2/2/4}.item-navbar{font-size:2.5vh;padding:1vh 2vh;margin:0 1vh}.negocio-nombre{width:70%;padding:2vh 1vh}.negocio-nombre h1{font-size:5vh}.card{width:100%;padding:1vh 2vh}}.navbar-mobile{width:90%;font-family:DM Sans,sans-serif;position:relative;display:flex;align-items:flex-start;padding:3vh 0 1vh 2vh;color:#fff;z-index:10}.hamburger{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:22px;width:30px;z-index:15}.hamburger .bar{height:3px;width:100%;background-color:#fff;border-radius:3px;transition:all .3s ease;z-index:16}.hamburger .bar.active:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.active:nth-child(2){opacity:0}.hamburger .bar.active:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10}.mobile-menu ul{list-style:none;padding:0;margin:0;text-align:center}.mobile-menu ul li{margin:20px 0}.mobile-menu ul li a{text-decoration:none;font-size:1.8rem;color:#fff;transition:color .3s ease}.mobile-menu ul li a:hover{color:#ff004f}.wall-container{column-count:7;column-gap:1vh;width:100%;margin:auto}.wall-img{break-inside:avoid;margin-bottom:1rem;overflow:hidden;border-radius:8px;transition:transform .3s,box-shadow .3s}.wall-img img{width:100%;display:block;border-radius:8px;transition:transform .3s}.wall-img:hover img{transform:scale(1.05);cursor:pointer}.wall-img:hover{box-shadow:0 8px 20px #0006}@media (max-width: 768px){.wall-container{column-count:3}.wall-img:hover img{transform:scale(1.5);cursor:pointer}}@media (min-width: 769px) and (max-width: 991px){.wall-container{column-count:5}}@media (min-width: 992px) and (max-width: 1199px){.wall-container{column-count:6}}@media (min-width: 1200px) and (max-width: 1399px){.wall-container{column-count:5}}.tilted-card-figure{position:relative;perspective:1000px;margin:2vh;font-family:DM Sans,sans-serif;display:flex;justify-content:center;align-items:center}.tilted-card-inner{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #00000059;cursor:pointer;background-color:#000;transition:transform .3s ease,box-shadow .3s ease}.tilted-card-inner:hover{transform:scale(1.02);box-shadow:0 18px 35px #00000073}.tilted-card-img{border-radius:20px;object-fit:cover;filter:brightness(60%);transition:transform .3s ease;width:100%;height:100%}.tilted-card-inner:hover .tilted-card-img{transform:scale(1.05)}.tilted-card-overlay-content{position:absolute;top:0;left:0;height:100%;width:100%;padding:5vh 2vh 2vh;background:linear-gradient(180deg,#000000b3,#000000d9);color:#fff;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;opacity:0;transition:opacity .3s ease}.tilted-card-inner:hover .tilted-card-overlay-content{opacity:1}.tilted-card-overlay-content h4,.tilted-card-overlay-content h5{margin:5px 0;color:#fc0}.tilted-card-overlay-content ul{margin-top:5px;padding-left:15px;list-style:disc}.paquete{margin-top:10px;border-top:1px solid rgba(255,255,255,.2);padding-top:5px}.tilted-card-title{position:absolute;top:0;left:0;width:100%;padding:2vh 3vh;background:linear-gradient(to bottom,#000000bf,#0000);color:#fff;font-size:1.3rem;font-weight:700;text-align:start;z-index:3;border-radius:0 0 15px 15px}@media (max-width: 480px){.tilted-card-figure{margin:1vh auto}.tilted-card-inner,.tilted-card-img{border-radius:12px}.tilted-card-overlay-content{padding:3vh 1.5vh;font-size:.85rem}.tilted-card-title{font-size:1rem;padding:1vh 2vh}}@media (min-width: 481px) and (max-width: 768px){.tilted-card-overlay-content{padding:2vh;font-size:.95rem}.tilted-card-title{font-size:1.1rem;padding:1.5vh 2.5vh}}@media (min-width: 769px) and (max-width: 991px){.tilted-card-overlay-content{padding:4vh 2.5vh;font-size:1rem}.tilted-card-title{font-size:1.2rem}}@media (min-width: 992px) and (max-width: 1300px){.tilted-card-overlay-content{padding:4vh 3vh;font-size:1.05rem}.tilted-card-title{font-size:1.3rem}}@media (min-width: 1301px) and (max-width: 1399px){.tilted-card-overlay-content{padding:5vh 3vh;font-size:1.1rem}}@media (min-width: 1400px){.tilted-card-overlay-content{padding:5vh 3vh;font-size:1.15rem}.tilted-card-title{font-size:1.4rem}}.container-servicios{width:100%;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:column;padding:2vh}.titulo-servicios{width:100%;display:flex;justify-content:center;font-size:7vh;font-family:DM Sans,sans-serif;margin:1vh;border-radius:10px;background-color:#aea7a3;color:#000;padding:5vh 0}.servicios-cards{padding:1vh;width:90%;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.container-servicio{border:1px solid white;padding:2vh 4vh;margin:1vh;border-radius:20px;font-family:DM Sans,sans-serif}.titulo{font-size:1.2rem}.des-servicio{display:flex;flex-direction:column}.paquetes-servicio ul li,.seccion-servicio ul li{margin-left:5vh}.seccion-servicio{margin:0 0 2vh}@media (max-width: 768px){.titulo-servicios{font-size:3vh}.servicios-cards{grid-template-columns:auto;grid-template-rows:repeat(3,1fr)}}@media (min-width: 769px) and (max-width: 991px){.titulo-servicios{font-size:4vh}}