:root {
    --bs-light-border-subtle: #E3E6E9;
  }
  
  /** Breakpoints */
  /**
   * Set three breakpoints.
   * Bootstrap grid breakpoints are all min-width.
   */
  /**
   * Default bootstrap max-widths are:
   * $container-max-widths: (
   *  sm: 540px,
   *  md: 720px,
   *  lg: 960px,
   *  xl: 1140px,
   *  xxl: 1320px
   * );
   * All values are divisible by 12, we keep them to be inline with Bootstrap's
   * method.
   */
  :root {
    --oc-main-color: #00A2DD;
    --oc-main-hover-color: #1f75cb;
    --oc-title-color: #324545;
    --oc-text-color: #6F7680;
    --oc-dark-text-color: #666666;
    --oc-btn-radius: 4px;
    --oc-border-color: #E3E6E9;
    --oc-button-primary-color: #1f75cb;
    --oc-button-primary-color-2: #1068bf;
    --oc-button-secondary-bg-color: #EAECEE;
    --oc-button-secondary-txt-color: #363F4A;
    --oc-button-secondary-hover-color: #D0D4DA;
  }
  
  [data-bs-theme=dark] {
    --oc-title-color: #fff;
    --oc-text-color: #e9ecef;
    --oc-dark-text-color: #dee2e6;
    --oc-button-secondary-bg-color: #6F7680;
    --oc-button-secondary-txt-color: #fff;
    --oc-button-secondary-hover-color: #324545;
    --bs-gray-100: #343a40;
  }
  
  #block-oc-front-barrio-tabs .nav-tabs {
    border: none;
    margin-bottom: 1em;
  }
  #block-oc-front-barrio-tabs .nav-link {
    min-height: 0;
    cursor: pointer;
    border: none;
    background: none;
    border-radius: 0.375rem;
    white-space: nowrap;
    height: auto;
    margin: 0 2px;
    font-weight: 600;
    color: var(--oc-dark-text-color);
    padding: 6px 12px;
    line-height: 1;
    text-decoration: none;
    will-change: background, color;
    transition: background 0.1s, color 0.1s;
  }
  #block-oc-front-barrio-tabs .nav-link:hover {
    background: var(--oc-button-primary-color);
    color: var(--bs-white);
  }
  #block-oc-front-barrio-tabs .nav-link.active {
    background: var(--oc-button-primary-color);
    color: var(--bs-white);
  }
  /*# sourceMappingURL=oc_front_barrio_tabs.css.map */