:root{--bg: #9609a359}@-webkit-keyframes tiembla{0%{-webkit-transform:rotateZ(-2deg)}50%{-webkit-transform:rotateZ(0deg) scale(1.02)}100%{-webkit-transform:rotateZ(2deg)}}@-webkit-keyframes move{0%{-webkit-transform:translateX(-12px);transform:translateX(-12px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move{0%{-webkit-transform:translateX(-12px);transform:translateX(-12px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#5c00c2;border:2px solid #1b0123;border-radius:0px}::-webkit-scrollbar-thumb:hover{background:#5c00c2}::-webkit-scrollbar-thumb:active{background:#5c00c2}::-webkit-scrollbar-track{background:#26053d;border:0px none #fff;border-radius:48px}::-webkit-scrollbar-track:hover{background:#1b051f}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:25px 0 65px 0;font-family:sans-serif;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.692)), to(rgba(0, 0, 0, 0.616))),url(./img/bg.webp);background-image:linear-gradient(rgba(0, 0, 0, 0.692), rgba(0, 0, 0, 0.616)),url(./img/bg.webp);background-size:cover}.contenedor{width:900px;max-width:95%;margin:auto}header{background-color:#c20000;padding:15px;border-bottom:2px solid #fff}header h1{color:#fff;font-size:1.4rem;text-align:center;text-shadow:0 0 8px #fff}header p{color:#fff;font-weight:bold;background-color:#940505;padding:10px 15px;border-radius:6px}.botones{padding:20px;margin-bottom:50px;border-radius:0 0 8px 8px;background:rgba(91,0,194,.1764705882);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;min-height:200px;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s, -webkit-box-shadow .2s}.botones:hover{-webkit-box-shadow:0px 0px 80px 14px rgba(255,46,46,.9);box-shadow:0px 0px 32px 14px rgba(255,46,46,.9)}.botones button{padding:18px 18px;border-radius:4px;border:none;outline:none;background:none;color:#fce0b9;-webkit-transition:background .2s;transition:background .2s}.botones button:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.botones button img{width:100px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;-webkit-filter:drop-shadow(0 2px 5px rgb(255, 0, 0));filter:drop-shadow(0 2px 5px rgb(255, 0, 0))}#mensaje{margin-top:20px;background:var(--bg);color:#fff;padding:20px;height:350px;overflow-y:auto;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}#mensaje div{background:#ffedd3;color:#000;padding:14px;border-radius:8px;line-height:33px;font-size:22px;-webkit-transition:background .2s;transition:background .2s}#mensaje div:hover{background:#49006d;color:#fff;cursor:pointer}footer{color:#fff;background:#2c074b;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:5px;width:100vw;text-align:center;padding:15px;bottom:0;left:0;z-index:1000;font-size:1.2rem}footer a{text-decoration:none;color:#2c074b;font-style:italic;display:inline-block;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;-webkit-text-stroke:#fff 1px;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3 px}footer a:hover{text-shadow:0 0 8px #fff;-webkit-transform:translateX(2px);transform:translateX(2px);cursor:pointer;text-decoration:underline}.mensaje{-webkit-animation:move .2s;animation:move .2s}@media screen and (max-width: 380px){.botones{padding:0;gap:12px}.botones button{padding:0}.botones button img{width:50px}#mensaje div{font-size:16px;font-weight:bold}}/*# sourceMappingURL=estilos.min.css.map */