:root {
      --bs-primary: #0164A0;
      --bs-body-bg: #ffffff;
      --bs-primary-rgb: 1, 100, 160;
    
    }

body {
      background-color: var(--bs-body-bg);
      padding-top: 56px; /* Altura de la navbar fija */
    }
    table {
    	text-align: center !important; 
    }
    
    .table.table-bordered,
    .table.table-bordered th,
    .table.table-bordered td {
	  border-width: 1px ;
	}
    .table a { color: black; }
    .spec-label {
	  text-align: center !important; 
	}
	

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

    /* Imagen de cada moto más pequeña y centrada */
    .bike-image {
      max-width: 60%; /* Reducido al 60% del contenedor */
      height: auto;
      margin: 0 auto; /* Centrar horizontalmente */
      display: block;
    }

    /* Encabezado nombres de moto */
    .bike-header h3 {
      font-size: 1.5rem;
      font-weight: 600;
    }
    .bike-header small {
      font-size: 1rem;
      color: #6c757d;
    }

    /* Estilos de tabla comparativa */
    .spec-section th {
      background-color: #f8f9fa;
      font-weight: 600;
      text-align: center;
    }

    .spec-label {
      width: 35%;
      font-weight: 500;
      background-color: #ffffff;
      text-align: left;
      vertical-align: middle;
    }

    .spec-value {
      width: 32.5%;
      background-color: #ffffff;
      text-align: center;
      vertical-align: middle;
    }

    /* Separador de secciones responsive */
    @media (max-width: 576px) {
      .spec-label,
      .spec-value {
        display: block;
        width: 100% !important;
      }
      .spec-section th {
        display: none;
      }
    }