.hero-custom {
     background: linear-gradient(135deg, #2c3e50, #3498db);
 }

 .card-hover {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     /* Corregido: 0.3s */
 }

 .card-hover:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15) !important;
 }

 footer {
     transition: background-color 0.4s ease;
     /* Corregido: background */
 }

 body.modo-oscuro footer {
     background-color: #6f42c1 !important;
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 input[type=number] {
     -moz-appearance: textfield;
 }