:root{--luz-fondo-blanco:#fff;--color-texto:#000;--bg:#fff;--gris:#e6e6e6;--gris-claro:#a03c28ff;--size:300px}body{background-color:#fff;font-size:12px;color:#000;margin:0;font-family:Arial,Helvetica,sans-serif}body .grid{display:grid;grid-template-columns:20% 80%;background:#59ddf7;background:linear-gradient(335deg,#59ddf7 31%,rgba(255,251,0,.979) 87%)}body .grid::after{background-image:url(../img/bg.svg);background-repeat:repeat-x;background-position:center bottom;filter:blur(3px);opacity:.7;content:"";display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:0}body .grid .col_1,body .grid .col_2{display:flex;height:100vh;align-items:center;flex-direction:column;align-content:stretch;justify-content:center}body .grid .col_1{position:relative;overflow:hidden;z-index:7}body .grid .col_1 .fine,body .grid .col_1 .tiempo{font-size:30px;height:30px;width:auto;font-family:"Courier New",Courier,monospace;margin:0}body .grid .col_1 .fine{margin-bottom:20px}body .grid .col_1 .contentTextt{position:relative;z-index:1;background-color:#fff;padding:12px;margin:12px;border-radius:15px;box-shadow:0 2px 7px rgba(0,0,0,.164);text-align:center}body .grid .col_1 .contentTextt h1{font-size:30px}body .grid .col_2{display:flex;flex-direction:column;position:relative}body .grid .col_2 .plantas{position:absolute;z-index:5;width:100%;height:120px;display:block;background-image:url(../img/plantas.svg);background-repeat:repeat-x;bottom:5%}body .grid .col_2 .arbol,body .grid .col_2 .gallina1,body .grid .col_2 .gallina2,body .grid .col_2 .gallina3{position:absolute;z-index:5;bottom:2%;left:2%;width:170px;height:auto}body .grid .col_2 .gallina2{left:inherit;right:7%;bottom:12%;width:120px}body .grid .col_2 .gallina3{left:inherit;right:12%;bottom:0;width:190px}body .grid .col_2 .arbol{left:-7%;bottom:20%;width:490px;z-index:2;filter:blur(2px)}body input[type=number]:focus-visible::-webkit-textfield-decoration-container{background-color:#fdffe8}body input[type=number]::-webkit-input-placeholder{color:#979797}body input[type=number]::-webkit-inner-spin-button,body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body input[type=number]{text-align:center;appearance:textfield}body #btnPausa{background-color:#000;color:#ff0;border-radius:12px;font-size:19px;padding:12px;font-weight:700}body #btnPausa:hover{background-color:#ff0;color:#000;cursor:pointer}body #btnPausa:disabled{background-color:#979797;color:#c5c5c5}body .pausa #numero_pausa{font-size:45px;width:80px}body .pausa .contador{position:absolute;top:12px;border:#ccc;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.315);display:block;z-index:6;background-color:red;width:auto;padding:8px 30px;font-size:88px;font-weight:700;color:#ff0;min-width:310px;text-align:center}body .pausa .contador::after{content:"";width:12px;height:12px;display:block;background-color:#a00;position:absolute;z-index:3;top:-12px;left:20%}body .pausa .contador::before{content:"";width:12px;height:12px;display:block;background-color:#a00;position:absolute;z-index:3;top:-12px;left:75%}body .pausa .content_pajaro{display:flex;flex-direction:column;align-items:center;width:var(--size);height:var(--size);position:relative;bottom:-20%;z-index:3}body .pausa .content_pajaro::after{content:"";background-image:url(../img/casa.svg);width:calc(var(--size) * 2.4);height:calc(var(--size) * 2.4);background-size:contain;background-repeat:no-repeat;position:absolute;bottom:-121px;left:50%;transform:translate(-50%,0)}body .pausa .content_pajaro .dibujo{border:0 solid #fff;position:relative;overflow:hidden;width:var(--size);box-shadow:0 9px 15px rgba(0,0,0,.062);height:var(--size)}body .pausa .content_pajaro .dibujo::after{content:"";box-shadow:1px 20px 83px 20px rgba(0,0,0,.54) inset;position:absolute;width:var(--size);height:var(--size);display:block;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}body .pausa .content_pajaro .dibujo .contentDibujo{width:var(--size);height:var(--size);display:table;position:relative;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}body .pausa .content_pajaro .dibujo .contentDibujo #contentDibujo{background-color:var(--gris-claro);position:absolute;width:var(--size);height:var(--size);display:table;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background-image:url(../img/bgPausa.svg);background-position:bottom;background-repeat:repeat-x}body .pausa .content_pajaro .dibujo .hielo{position:absolute;left:57%;bottom:27px;width:calc(14.1px);height:calc(24px);z-index:4;margin-left:24px}body .pausa .content_pajaro .dibujo .mascaraAgua{width:calc(33.9px * 2);display:block;position:absolute;left:57%;bottom:10px;overflow:hidden;transition:all 1s ease-in;margin-left:13px}body .pausa .content_pajaro .dibujo .mascaraAgua .agua{width:calc(33.9px);height:51px;display:block;position:absolute;left:0;bottom:0;z-index:3;background-image:url(../img/agua.svg);background-repeat:no-repeat;background-size:contain}body .pausa .content_pajaro .dibujo .vaso{position:absolute;left:57%;bottom:10px;width:calc(47px);height:calc(114.5px);z-index:2}body .pausa .contentPausa{display:flex;flex-direction:column;align-items:center}