:root {
      --bs-primary: #0164A0;
      --bs-body-bg: #ffffff;
      --bs-primary-rgb: 1, 100, 160;
    
    }
    .btn-primary  {
    --bs-btn-bg: #0164A0;
    --bs-btn-border-color: #0164A0;
    --bs-btn-hover-bg: #0164A0;
    --bs-btn-disabled-bg: #0164A0;
    --bs-btn-disabled-border-color: #0164A0;
    }
    .btn-outline-primary {
    	--bs-btn-border-color: #0164A0;
	--bs-btn-hover-bg: #0164A0;
	--bs-btn-disabled-bg: #0164A0;
	--bs-btn-color: #0164A0;
    }
    .page-link {
    	color: #0164A0;
    }
    .pagination {
    	--bs-pagination-active-bg: #0164A0;
    }

    body {
      background-color: var(--bs-body-bg);
      padding-top: 56px; /* Altura de la navbar fija */
    }

    .main-content {
      min-height: calc(100vh - 56px);
      padding: 1rem;
      overflow-y: auto;
    }

    /* Estilos para las tarjetas */
    .card-custom {
      border: 1px solid #dee2e6;
      border-radius: 0.5rem;
      transition: transform 0.2s;
    }
    .card-custom:hover {
      transform: scale(1.02);
    }
    
    .bike-image {
      max-width: 60%;
      height: auto;
      border: 1px solid #dee2e6;
      border-radius: .25rem;
    }
    .spec-section {
      background-color: #f8f9fa;
      font-weight: 600;
    }
    .spec-label {
      width: 35%;
    }
    .spec-value {
      width: 32.5%;
    }
    /* Opcional: para que la tabla se vea más compacta en móvil */
    @media (max-width: 576px) {
      .spec-label,
      .spec-value {
        display: block;
        width: 100% !important;
      }
      tr > th {
        display: none;
      }
    }