body {
     font-family: Arial, sans-serif;
     background: linear-gradient(135deg, #4e9af1, #6ee7b7);
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     margin: 0;
 }

 .contador-box {
    background: rgb(68, 28, 28);
    padding: 30px;
    border-radius: 12px;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
 }

 #contador {
     font-size: 3rem;
     margin: 20px 0;
     font-weight: bold;
     color: #fcfbfb;
 }

 button {
     margin: 5px;
     padding: 10px 20px;
     font-size: 1rem;
     border: none;
     border-radius: 8px;
     cursor: pointer;
     transition: 0.2s;
 }

 button:hover {
     opacity: 0.8;
 }

 .incrementar {
     background: #4CAF50;
     color: white;
 }

 .decrementar {
     background: #f44336;
     color: white;
 }

 .resetear {
     background: #2196F3;
     color: white;
 }