@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";.a_btn{position:absolute;left:1.4vmax;bottom:1.4vmax;z-index:500}@layer reset{*{margin:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@keyframes zoomin-fast{40%{transform:scale(.75)}}:root{--bg-dodgerblue: dodgerblue;--bg-palegreen: palegreen;--bg-whitesmoke: whitesmoke;--bg-lightgrey: lightgrey;--bg-darkgrey: darkgrey;--bg-slategrey: slategrey;--bg-fuchsia: purple;--bg-violet: blueviolet;--bg-orange: orange;--bg-brown: brown;--bg-forestgreen: forestgreen;--bg-teal: teal;--pos1: -20%;--pos2: 10%}.body{display:grid;overflow:hidden;position:fixed;width:100%;height:100vh}.body{background:var(--bg-darkgrey);transition:background .8s cubic-bezier(.39,.88,.57,.8)}.body:after{content:"";position:absolute;display:block;width:inherit;height:inherit;background:radial-gradient(circle at var(--pos1) var(--pos2),rgba(0,0,0,.5),rgba(0,0,0,0)),url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") center center/320.5px repeat;filter:contrast(200%) brightness(500%) invert(100%);mix-blend-mode:overlay;-webkit-mix-blend-mode:overlay;z-index:-1;transition:background 3s linear;isolation:isolate}#container{margin:auto}.a_btn{border:none;background:0;appearance:none;width:13vmax;height:4vmax;transform-origin:center center;object-fit:contain;overflow:clip;transition:transform 1s ease;font-size:1vmax;*{background-color:transparene;border:none}}.a_btn:where(:hover){animation:zoomin-fast .3s both}.wrapper_elms{position:relative;width:100%;height:100%;display:flex;place-content:center;place-items:center;margin:0;object-fit:contain;overflow:clip}.btn_txt{position:absolute;z-index:1;pointer-events:none;touch-action:none}.ico_swipe{width:100%;max-height:1.5em;margin-top:.6em}.parent_grid_abs{display:grid;grid-template:repeat(2,1fr) / repeat(4,1fr);gap:0;background:#fff2;backdrop-filter:blur(1vmax);position:relative;width:inherit;height:inherit;min-inline-size:inherit;min-block-size:inherit;border-radius:4vmax;border:.1vmax double black}.parent_grid_abs div{position:relative;width:100%;height:100%;min-block-size:40px;z-index:2}:has(.parent_grid_abs div:active) .parent_grid_abs{transform:scale(.8);transition:transform .5s ease}.inner1{grid-area:1 / 1 / 2 / 2}.inner2{grid-area:1 / 2 / 2 / 3}.inner3{grid-area:1 / 3 / 2 / 4}.inner4{grid-area:1 / 4 / 2 / 5}.inner5{grid-area:2 / 1 / 3 / 2}.inner6{grid-area:2 / 2 / 3 / 3}.inner7{grid-area:2 / 3 / 3 / 4}.inner8{grid-area:2 / 4 / 3 / 5}:has(.inner1:where(:hover,:active)) .body{background:var(--bg-dodgerblue);--pos1: 5%;--pos2: 15%}:has(.inner2:where(:hover,:active)) .body{background:var(--bg-teal);--pos1: 20%;--pos2: 10%}:has(.inner3:where(:hover,:active)) .body{background:var(--bg-slategrey);--pos1: 45%;--pos2: 10%}:has(.inner4:where(:hover,:active)) .body{background:var(--bg-fuchsia);--pos1: 90%;--pos2: 20%}:has(.inner5:where(:hover,:active)) .body{background:var(--bg-violet);--pos1: 10%;--pos2: 70%}:has(.inner6:where(:hover,:active)) .body{background:var(--bg-orange);--pos1: 40%;--pos2: 85%}:has(.inner7:where(:hover,:active)) .body{background:var(--bg-brown);--pos1: 60%;--pos2: 85%}:has(.inner8:where(:hover,:active)) .body{background:var(--bg-forestgreen);--pos1: 90%;--pos2: 90%}.am-general-container{height:100dvh;width:100%;display:flex;flex-wrap:wrap;place-content:center;overflow:hidden;position:relative;pointer-events:none}.container-cards{position:relative;display:flex;width:250px;height:250px;margin-inline:auto;transform-style:preserve-3d;perspective:1000px;@media (width <= 1111px) and (orientation: landscape){zoom:.7;overflow:hidden}@media (width <= 1111px) and (orientation: portrait){overflow:hidden}.card{top:0;left:0;position:absolute;width:100%;height:100%;background-color:#eee;transition:transform .5s ease;-webkit-box-reflect:below 1px linear-gradient(to bottom,transparent,transparent,#0002);&:nth-child(1){transform:translate(-500px) rotateY(40deg) scale(.8);z-index:-1}&:nth-child(2){transform:translate(-500px) rotateY(40deg) scale(.8);z-index:2}&:nth-child(3){transform:translate(-250px) rotateY(30deg) scale(.9);z-index:3}&:nth-child(4){transform:translate(0) rotateY(0);z-index:2}&:nth-child(5){transform:translate(250px) rotateY(-30deg) scale(.9);z-index:3}&:nth-child(6){transform:translate(500px) rotateY(-40deg) scale(.8);z-index:2}&:nth-child(7){transform:translate(500px) rotateY(-40deg) scale(.8);z-index:-1}img{width:100%;height:100%;object-fit:cover;-webkit-box-reflect:below 1px linear-gradient(to bottom,transparent,transparent,#0004)}}}.container-buttons{display:flex;justify-content:center;position:absolute;bottom:50px;left:50%;transform:translate(-50%);pointer-events:auto;@media (width <= 1111px) and (orientation: landscape){zoom:.7}button{width:50px;height:45px;border-radius:50%;border:2px solid #fff;background-color:transparent;display:flex;flex-wrap:wrap;place-content:center;outline:none;transition:box-shadow .35s;@media (hover: hover){&:hover{box-shadow:inset 0 0 30px #fff8}}@media not (hover: hover){&.activo{box-shadow:inset 0 0 30px #fff8}}&:after{content:"";display:block;position:relative;width:15px;height:15px;border-top:2px solid #fff;border-left:2px solid #fff}&:nth-child(1){border-radius:999px 0 0 999px;&:after{left:5px;transform:rotate(-45deg)}}&:nth-child(2){transform:translate(-2px);border-radius:0 999px 999px 0;border-left-color:transparent;&:after{right:5px;transform:rotate(135deg)}}}}:root{--blue: #23aaff;--purple: #4562f2;--pink: #6ff845;--coral: #bb0bf6;--orange: #fc2953;--yellow: #ffc743;--bg: #000000}.am-hero[data-astro-cid-bbe6dxrz]{height:100vh;position:relative;pointer-events:none}h1[data-astro-cid-bbe6dxrz]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5vmax;text-align:center;text-wrap:balance;font-family:Fredoka One,cursive;letter-spacing:.05vmax;background-image:linear-gradient(45deg,var(--blue) 3%,var(--purple) 20%,var(--pink) 36%,var(--coral) 52%,var(--orange) 69%,var(--yellow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:100%;-webkit-text-stroke:.0000001vmax black;img{width:4vmax;transform:translateY(.3vmax)}}:root{--gradient: linear-gradient(to bottom, #00f, transparent);--gradient: linear-gradient( 45deg, transparent, var(--purple) 20%, var(--pink) 36%, var(--coral) 52%, var(--orange) 69%, var(--yellow) 100% )}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}*{font-family:sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue}a,button,img{-webkit-tap-highlight-color:transparent;user-select:none}button{background-color:transparent;border:none;outline:none}body{min-height:100vh;height:max-content;width:100%;flex-direction:column}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}