@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html,body{overscroll-behavior:none}.contenedor{display:flex;position:absolute;left:0%;top:0%;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.filtrofondo{position:absolute;left:0%;top:0%;width:100%;height:100%;pointer-events:none}.filtrofondo.correcto{background:radial-gradient(circle,transparent 0%,transparent 40%,rgb(60,218,55) 100%);animation:filtro 1s both}.filtrofondo.incorrecto{background:radial-gradient(circle,transparent 0%,transparent 40%,rgb(218,55,55) 100%);animation:filtro 1s both}@keyframes filtro{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.boton{z-index:10;transition:opacity 1.5s ease;text-align:center;border:.5vh solid rgb(185,185,185);color:#b9b9b9;background-color:#fff;border-radius:5vh;font-size:2.5vh;padding:1vh;align-items:center;font-weight:400}.boton:hover{cursor:pointer}.formulario{display:flex;justify-content:center;align-items:center;flex-direction:column}input,h1{transition:opacity 1.5s ease}.fadeOut{opacity:0;pointer-events:none}.fadeIn{opacity:1;pointer-events:all}*{box-sizing:border-box;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300;padding:0;margin:0}input{text-align:center;border:.5vh solid rgb(185,185,185);color:#b9b9b9;border-radius:5vh;font-size:2.5vh;padding:1vh;align-items:center}h1{max-width:30vh;color:#1b1b1b;font-weight:700;font-size:4vh;text-align:center}.videos{height:40vh;position:relative}.maschico{height:40vh}.album{background-color:#000c;position:absolute;inset:0;display:flex;padding:2vh;flex-direction:column;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.album::-webkit-scrollbar{display:none}.album.fadeOut .foto{display:none}.contenidoflex{column-count:3;column-gap:2vh;max-width:150vh;margin:auto}.foto{width:100%;margin-bottom:2vh;border-radius:1vh;object-fit:cover}.invisible{opacity:0%;position:absolute;pointer-events:none}.downloadCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.animacion{animation:irabajo 2s both}.aparecer{animation:titulo 1s both}.animacion2{animation:album 5s both;animation-delay:3s}.textoblanco{color:#fff;padding-bottom:2vh}.textogrande1{font-size:13vh;padding:0;height:10vh;margin:0;text-align:center;display:flex;justify-content:center;align-items:center}.textogrande2{padding:0;margin:0;height:6vh;font-size:5vh;text-align:center;display:flex;justify-content:center;align-items:center}.textogrande3{padding:0;margin:0;height:10vh;font-size:13vh;text-align:center;display:flex;justify-content:center;align-items:center}@keyframes irabajo{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1)}to{transform:translateY(20vh) scale(.8)}}@keyframes titulo{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes foto{0%{transform:translateY(100vh);opacity:100%}to{transform:translateY(0);opacity:100%}}@keyframes foto2{0%{transform:translateY(0);opacity:100%}to{transform:translateY(-100vh);opacity:0%}}@keyframes album{0%{background-color:#0000;opacity:0%}20%{background-color:#0000;opacity:0%}to{background-color:#000c;opacity:100%}}@media(max-width:765px){.videos{width:100%;max-height:60vh}.contenidoflex{column-count:2;column-gap:2vh;max-width:150vh;margin:auto}}.overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease;cursor:zoom-out}.overlay-content{text-align:center;animation:zoomIn .4s ease}.overlay-content p{color:#fff;margin-top:1vh;font-size:1.2rem;font-weight:400}.overlay-content h2{color:#fff;margin-top:1vh;font-size:1rem;font-weight:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.quiz{display:flex;flex-direction:column;gap:1rem;text-align:center;padding:1rem;border-radius:1rem}.opciones{height:max-content;gap:1vh;display:grid;grid-auto-rows:auto}.opciones button{background:#383838;color:#fff;border:none;font-size:2vh;font-weight:400;padding:.6rem 1rem;border-radius:8px;transition:.2s;text-align:start}.opciones button:hover:not(:disabled){background:#555}.opciones button.correcta{animation:correcto both 1s}.opciones button.seleccionada{animation:incorrecto both 1s}.feedback{color:#da3737;font-weight:700}.mensaje-foto{margin-top:.5vh;font-size:2vh;color:#fff;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.6)}.descripcion{margin-top:1vh;font-size:2.2vh;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.7)}.overlay-content img,.overlay-content video{max-width:90vw;max-height:80vh;margin-top:1vh;border-radius:1vh}@keyframes correcto{0%{background-color:#383838;transform:scale(1)}50%{background:#3cda37;transform:scale(1.1)}to{background:#3cda37;transform:scale(1)}}@keyframes incorrecto{0%{background-color:#383838;transform:translate(-.5vh)}25%{background:#da3737;transform:translate(.5vh)}50%{background:#da3737;transform:translate(-.5vh)}75%{background:#da3737;transform:translate(.5vh)}to{background:#da3737;transform:translate(0)}}.swipe-wrapper{background-color:#000c;width:100vw;height:100vh;position:absolute;overflow:hidden}.btn-grid{position:absolute;top:15px;right:15px;background:#0009;color:#fff;border:none;padding:1vh;border-radius:5vh;z-index:20}.swipe-area{width:100%;height:100%;position:relative}.swipe-item{position:absolute;width:100%;height:100%;display:none;align-items:center;justify-content:center}.swipe-media{width:100%;height:100%;object-fit:contain}.grid-view{width:100vw;height:100vh;background:#000;position:relative;overflow-y:auto}.btn-cerrar{position:sticky;top:10px;width:90%;margin-left:5%;padding:12px;background:#fff3;color:#fff;border-radius:10px;border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.grid-thumb{width:100%;height:120px;object-fit:cover;border-radius:6px}.primera{display:flex;animation:deslizar 5s infinite both}@keyframes deslizar{0%{transform:translateY(0) scaleY(1)}15%{transform:translateY(0) scaleY(1)}20%{transform:translateY(-10vh) scaleY(1.2)}25%{transform:translateY(0) scaleY(1)}to{transform:translateY(0) scaleY(1)}}.comentario{pointer-events:none;position:absolute;left:0%;bottom:0%;width:100%;height:20vh;display:flex;align-items:center;padding:2vh;background:linear-gradient(#0000,#00000080 10%,#000c,#000);color:#fff}.fecha{position:absolute;left:0%;top:0%;width:100%;height:12vh;display:flex;align-items:center;padding:2vh;background:linear-gradient(#000,#0000);color:#fff}.venirArriba{display:flex;animation:venirArriba .4s both}.venirAbajo{display:flex;animation:venirAbajo .4s both}.irseArriba{display:flex;animation:irseArriba .4s both}.irseAbajo{display:flex;animation:irseAbajo .4s both}@keyframes venirArriba{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes venirAbajo{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes irseArriba{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes irseAbajo{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}