/* CSS personalizado para Big Box */
:root {
    --ct-menu-condensed-link-bg: #577BC6;
  }

  /* Background Light left-sidebar */
html[data-menu-color=light] {
    --ct-menu-bg: #ffffff;
    --ct-menu-item-color: #577BC6;
    --ct-menu-item-hover-color: #b71e2c;
    --ct-menu-item-active-color: #D22937;
    --ct-help-box-bg: #D22937;
  }
  
  /* Dark Left Sidebar */
  html[data-menu-color=dark] {
    --ct-menu-bg: #313a46;
    --ct-menu-item-color: #577BC6;
    --ct-menu-item-hover-color: #b71e2c;
    --ct-menu-item-active-color: #D22937;
    --ct-help-box-bg: #D22937;
  }
  
  html[data-menu-color=brand] {
    --ct-menu-bg: #577BC6;
    --ct-menu-item-color: #577BC6;
    --ct-menu-item-hover-color: #b71e2c;
    --ct-menu-item-active-color: #b71e2c;
    --ct-help-box-bg: #D22937;
  }
  
  html[data-bs-theme=dark][data-menu-color=light],
  html[data-bs-theme=dark][data-menu-color=dark] {
    --ct-menu-bg: #3a444e;
    --ct-menu-item-color: #577BC6;
    --ct-menu-item-hover-color: #b71e2c;
    --ct-menu-item-active-color: #D22937;
    --ct-help-box-bg: rgba(255, 255, 255, 0.07);
  }



  :root,
  [data-bs-theme=light] {
      --ct-blue: #2c8ef8;
      --ct-indigo: #577BC6;
      --ct-purple: #6b5eae;
      --ct-pink: #ff679b;
      --ct-red: #fa5c7c;
      --ct-orange: #fd7e14;
      --ct-yellow: #ffc35a;
      --ct-green: #0acf97;
      --ct-teal: #02a8b5;
      --ct-cyan: #39afd1;
      --ct-black: #000;
      --ct-white: #fff;
      --ct-gray: #8a969c;
      --ct-gray-dark: #343a40;
      --ct-gray-100: #f6f7fb;
      --ct-gray-200: #eef2f7;
      --ct-gray-300: #dee2e6;
      --ct-gray-400: #ced4da;
      --ct-gray-500: #a1a9b1;
      --ct-gray-600: #8a969c;
      --ct-gray-700: #6c757d;
      --ct-gray-800: #343a40;
      --ct-gray-900: #313a46;
      --ct-primary: #577BC6;
      --ct-secondary: #6c757d;
      --ct-success: #0acf97;
      --ct-info: #39afd1;
      --ct-warning: #ffc35a;
      --ct-danger: #fa5c7c;
      --ct-light: #eef2f7;
      --ct-dark: #313a46;
      --ct-primary-rgb: 87, 123, 198;
      --ct-secondary-rgb: 108, 117, 125;
      --ct-success-rgb: 10, 207, 151;
      --ct-info-rgb: 57, 175, 209;
      --ct-warning-rgb: 255, 195, 90;
      --ct-danger-rgb: 250, 92, 124;
      --ct-light-rgb: 238, 242, 247;
      --ct-dark-rgb: 49, 58, 70;
      --ct-primary-text-emphasis: #2e3262;
      --ct-secondary-text-emphasis: #8a969c;
      --ct-success-text-emphasis: #04533c;
      --ct-info-text-emphasis: #174654;
      --ct-warning-text-emphasis: #664e24;
      --ct-danger-text-emphasis: #642532;
      --ct-light-text-emphasis: #6c757d;
      --ct-dark-text-emphasis: #6c757d;
      --ct-primary-bg-subtle: #f1f2fe;
      --ct-secondary-bg-subtle: #f6f7fb;
      --ct-success-bg-subtle: #e7faf5;
      --ct-info-bg-subtle: #ebf7fa;
      --ct-warning-bg-subtle: #fff9ef;
      --ct-danger-bg-subtle: #ffeff2;
      --ct-light-bg-subtle: #fbfbfd;
      --ct-dark-bg-subtle: #ced4da;
      --ct-primary-border-subtle: #c7cbfb;
      --ct-secondary-border-subtle: #eef2f7;
      --ct-success-border-subtle: #9decd5;
      --ct-info-border-subtle: #b0dfed;
      --ct-warning-border-subtle: #ffe7bd;
      --ct-danger-border-subtle: #fdbecb;
      --ct-light-border-subtle: #eef2f7;
      --ct-dark-border-subtle: #a1a9b1;
      --ct-white-rgb: 255, 255, 255;
      --ct-black-rgb: 0, 0, 0;
      --ct-font-sans-serif: "Nunito", sans-serif;
      --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
      --ct-body-font-family: var(--ct-font-sans-serif);
      --ct-body-font-size: 0.9rem;
      --ct-body-font-weight: 400;
      --ct-body-line-height: 1.5;
      --ct-body-color: #6c757d;
      --ct-body-color-rgb: 108, 117, 125;
      --ct-body-bg: #fafbfe;
      --ct-body-bg-rgb: 250, 251, 254;
      --ct-emphasis-color: rgba(108, 117, 125, 0.75);
      --ct-emphasis-color-rgb: 108, 117, 125;
      --ct-secondary-color: #8a969c;
      --ct-secondary-color-rgb: 138, 150, 156;
      --ct-secondary-bg: #fff;
      --ct-secondary-bg-rgb: 255, 255, 255;
      --ct-tertiary-color: #6c757d;
      --ct-tertiary-color-rgb: 108, 117, 125;
      --ct-tertiary-bg: #f6f7fb;
      --ct-tertiary-bg-rgb: 246, 247, 251;
      --ct-heading-color: inherit;
      --ct-link-color: #577BC6;
      --ct-link-color-rgb: 87, 123, 198;
      --ct-link-decoration: none;
      --ct-link-hover-color: #6169d0;
      --ct-link-hover-color-rgb: 97, 105, 208;
      --ct-code-color: #39afd1;
      --ct-highlight-color: #6c757d;
      --ct-highlight-bg: #fff3de;
      --ct-border-width: 1px;
      --ct-border-style: solid;
      --ct-border-color: #dee2e6;
      --ct-border-color-translucent: #dee2e6;
      --ct-border-radius: 0.25rem;
      --ct-border-radius-sm: 0.2rem;
      --ct-border-radius-lg: 0.3rem;
      --ct-border-radius-xl: 1rem;
      --ct-border-radius-xxl: 2rem;
      --ct-border-radius-2xl: var(--ct-border-radius-xxl);
      --ct-border-radius-pill: 50rem;
      --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
      --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
      --ct-box-shadow-lg: 0 0 45px 0 rgba(var(--ct-body-color-rgb), 0.2);
      --ct-box-shadow-inset: inset 0 1px 2px rgba(var(--ct-body-color-rgb), 0.075);
      --ct-focus-ring-width: 0.15rem;
      --ct-focus-ring-opacity: 0.25;
      --ct-focus-ring-color: rgba(114, 124, 245, 0.25);
      --ct-form-valid-color: #0acf97;
      --ct-form-valid-border-color: #0acf97;
      --ct-form-invalid-color: #fa5c7c;
      --ct-form-invalid-border-color: #fa5c7c
  }
  
  [data-bs-theme=dark] {
      color-scheme: dark;
      --ct-body-color: #aab8c5;
      --ct-body-color-rgb: 170, 184, 197;
      --ct-body-bg: #343a40;
      --ct-body-bg-rgb: 52, 58, 64;
      --ct-emphasis-color: #dee2e6;
      --ct-emphasis-color-rgb: 222, 226, 230;
      --ct-secondary-color: #8391a2;
      --ct-secondary-color-rgb: 131, 145, 162;
      --ct-secondary-bg: #37404a;
      --ct-secondary-bg-rgb: 55, 64, 74;
      --ct-tertiary-color: #f1f1f1;
      --ct-tertiary-color-rgb: 241, 241, 241;
      --ct-tertiary-bg: #404954;
      --ct-tertiary-bg-rgb: 64, 73, 84;
      --ct-primary-text-emphasis: #aab0f9;
      --ct-secondary-text-emphasis: #a7acb1;
      --ct-success-text-emphasis: #6ce2c1;
      --ct-info-text-emphasis: #88cfe3;
      --ct-warning-text-emphasis: #ffdb9c;
      --ct-danger-text-emphasis: #fc9db0;
      --ct-light-text-emphasis: #f6f7fb;
      --ct-dark-text-emphasis: #dee2e6;
      --ct-primary-bg-subtle: rgba(114, 124, 245, 0.15);
      --ct-secondary-bg-subtle: rgba(108, 117, 125, 0.15);
      --ct-success-bg-subtle: rgba(10, 207, 151, 0.15);
      --ct-info-bg-subtle: rgba(57, 175, 209, 0.15);
      --ct-warning-bg-subtle: rgba(255, 195, 90, 0.15);
      --ct-danger-bg-subtle: rgba(250, 92, 124, 0.15);
      --ct-light-bg-subtle: rgba(var(--ct-light-rgb), 0.15);
      --ct-dark-bg-subtle: rgba(var(--ct-dark-rgb), 0.15);
      --ct-primary-border-subtle: #444a93;
      --ct-secondary-border-subtle: #6c757d;
      --ct-success-border-subtle: #067c5b;
      --ct-info-border-subtle: #22697d;
      --ct-warning-border-subtle: #997536;
      --ct-danger-border-subtle: #96374a;
      --ct-light-border-subtle: #6c757d;
      --ct-dark-border-subtle: #a1a9b1;
      --ct-heading-color: #aab8c5;
      --ct-link-color: #aab0f9;
      --ct-link-hover-color: #b7bcfa;
      --ct-link-color-rgb: 87, 123, 198;
      --ct-link-hover-color-rgb: 183, 188, 250;
      --ct-code-color: #88cfe3;
      --ct-highlight-color: #aab8c5;
      --ct-highlight-bg: #664e24;
      --ct-border-color: #464f5b;
      --ct-border-color-translucent: #8391a2;
      --ct-form-valid-color: #6ce2c1;
      --ct-form-valid-border-color: #6ce2c1;
      --ct-form-invalid-color: #fc9db0;
      --ct-form-invalid-border-color: #fc9db0
  }

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('../fonts/AvenirNextLTPro-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* body {
    font-family: 'Avenir Next LT Pro', sans-serif;
} */

.hero-section-bigbox {
    position: relative;
    padding: 80px 0 120px 0;
}

.hero-section-bigbox:after {
    content: " ";
    background-color: #577BC6; /* Cambié el color inicial por #577BC6 */
    position: absolute;
    top: -400px;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    border-radius: 0;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}


.card-body-home {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #D22937;
    color: white; /* Cambia el color de todo el texto dentro de .card-body */
    border: var(--ct-card-border-width) solid var(--ct-card-border-color);
    border-bottom-left-radius: var(--ct-card-border-radius); /* Aplica el border-radius solo a la esquina inferior izquierda */
    border-bottom-right-radius: var(--ct-card-border-radius); /* Aplica el border-radius solo a la esquina inferior derecha */
  }

.btn-danger {
    --ct-btn-color: #fff;
    --ct-btn-bg: #D22937;
    --ct-btn-border-color: #D22937;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #b71e2c; /* Un rojo más oscuro para el hover */
    --ct-btn-hover-border-color: #b71e2c;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #b71e2c;
    --ct-btn-active-border-color: #b71e2c;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #D22937;
    --ct-btn-disabled-border-color: #D22937;
  }

  .btn-primary {
    --ct-btn-color: #fff;
    --ct-btn-bg: #577BC6;
    --ct-btn-border-color: #577BC6;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #5c67e3;
    --ct-btn-hover-border-color: #5c67e3;
    --ct-btn-focus-shadow-rgb: 135, 144, 247;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #577BC6;
    --ct-btn-active-border-color: #577BC6;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #5c67e3;
    --ct-btn-disabled-border-color: #5c67e3
}

.btn-outline-primary {
    --ct-btn-color: #577BC6;
    --ct-btn-border-color: #577BC6;
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #577BC6;
    --ct-btn-hover-border-color: #577BC6;
    --ct-btn-focus-shadow-rgb: 114, 124, 245;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: #577BC6;
    --ct-btn-active-border-color: #577BC6;
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #577BC6;
    --ct-btn-disabled-bg: transparent;
    --ct-btn-disabled-border-color: #577BC6;
    --ct-gradient: none
}

.nav-pills {
    --ct-nav-pills-border-radius: 0.25rem;
    --ct-nav-pills-link-active-color: #fff;
    --ct-nav-pills-link-active-bg: #577BC6
}