Enhance button styles in custom.css with !important declarations for better visibility and consistency across various button types.

Author: pixelead0

docs/css/custom.css

@@ -155,8 +155,8 @@
    .btn-primary,
    .participation-card a,
    .year-card a {
-     background: var(--python-green);
-     color: var(--python-white);
+     background: var(--python-green) !important;
+     color: var(--python-white) !important;
      padding: 0.75rem 1.5rem;
      border-radius: var(--button-radius);
      text-decoration: none;
@@ -175,13 +175,30 @@
    .btn-primary:hover,
    .participation-card a:hover,
    .year-card a:hover {
-     background: var(--python-green-dark);
-     color: var(--python-white);
+     background: var(--python-green-dark) !important;
+     color: var(--python-white) !important;
      transform: translateY(-2px);
      box-shadow: var(--md-shadow-z2);
      text-decoration: none;
    }
 
+   /* Asegurar visibilidad en botones específicos del index */
+   .btn.btn-primary,
+   .btn-primary.mt-2,
+   .upcoming-btn {
+     background: var(--python-green) !important;
+     color: var(--python-white) !important;
+     text-decoration: none !important;
+   }
+
+   .btn.btn-primary:hover,
+   .btn-primary.mt-2:hover,
+   .upcoming-btn:hover {
+     background: var(--python-green-dark) !important;
+     color: var(--python-white) !important;
+     text-decoration: none !important;
+   }
+
    /* Botones de navegación discretos */
    .btn-nav {
      background: transparent;