:root{--color-principal: #3cc47c;--color-secundario: #f0eee2;--color-detalle: #ff3a3a;--color-grises: #828081;--negros: #272935;--blanco: #fffdf3;--tipo-principal: "Ubuntu", sans-serif}*{padding:0;margin:0;box-sizing:border-box}body{height:100vh;background-color:var(--blanco)}app-root{display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}li{display:block}h1,h2,h3,h4,h5,h6{margin:8px 0;font-family:var(--tipo-principal);color:var(--negros)}a{font-family:var(--tipo-principal);text-decoration:none;color:var(--color-detalle)}a:hover{color:var(--color-principal)}p{font-family:var(--tipo-principal);font-weight:400;color:var(--negros);max-width:30pc}button{border:none;background-color:transparent}button:hover{border:1px solid var(--blanco);border-radius:50%;background-color:var(--color-detalle)}.icono{width:40px;height:40px;border-radius:50%}.cta{position:relative;margin:auto;padding:12px 18px;transition:all .2s ease;border:none;background:none;cursor:pointer}.cta:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:50px;background:var(--color-detalle);width:45px;height:45px;transition:all .3s ease}.cta span{position:relative;font-family:var(--tipo-principal);font-size:18px;font-weight:500;letter-spacing:.05em;color:var(--negros)}.contador{background-color:var(--color-principal);border-radius:50%;width:20px;color:var(--blanco);font-weight:700;font-family:var(--tipo-principal);height:20px;display:inline-block;text-align:center;z-index:1000;position:absolute;top:4px}.cta svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--negros);stroke-width:2;transform:translate(-5px);transition:all .3s ease}.cta:hover:before{width:100%;background:var(--color-detalle)}.cta:hover svg{transform:translate(0)}.cta:active{transform:scale(.95)}::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:block;opacity:.5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:var(--blanco)}::-webkit-scrollbar-thumb{background-color:var(--color-principal);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-secundario)}input[type=range]{height:auto;-webkit-appearance:none;margin:0;width:auto}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px;cursor:pointer;animate:.2s;box-shadow:0 0 #000;background:var(--color-grises);border-radius:25px;border:1px solid #8A8A8A}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #828282;border:1px solid #8A8A8A;height:24px;width:24px;border-radius:50%;background:var(--color-detalle);cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-secundario)}input[type=range]::-moz-range-track{width:100%;height:16px;cursor:pointer;animate:.2s;box-shadow:0 0 #000;background:#B6B6B6;border-radius:25px;border:1px solid #8A8A8A}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #828282;border:1px solid #8A8A8A;height:24px;width:35px;border-radius:6px;background:#DADADA;cursor:pointer}input[type=range]::-ms-track{width:100%;height:16px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#B6B6B6;border:1px solid #8A8A8A;border-radius:50px;box-shadow:0 0 #000}input[type=range]::-ms-fill-upper{background:#B6B6B6;border:1px solid #8A8A8A;border-radius:50px;box-shadow:0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 1px #828282;border:1px solid #8A8A8A;height:24px;width:35px;border-radius:6px;background:#DADADA;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#B6B6B6}input[type=range]:focus::-ms-fill-upper{background:#B6B6B6}