/* Estilos de SCIJ 
 * 
 * /////////////////////////////////// */

.woocommerce-checkout label[for="payment_method_nave"] {
  	display: flex;
	align-items: center;
    font-size: 12px;
}

.woocommerce-checkout #order_review_heading {
	display: none;
}

/* ////////////////////////////////// */
body.woocommerce-order-received form.woocommerce-form-login {
    display: none !important;
}

.entry-title {
	display:none !important;
}


body {
  background: var(--cga-bg, #000000);
  color: var(--cga-primary, #f5f5f5);
  font-family: var(--cga-font, Arial, sans-serif);
}

.woocommerce {
   background: var(--cga-container, #d71b23) !important;
   border-top: 4px solid var(--cga-primary, #d71b23) !important;
}

.woocommerce-checkout #order_review_heading {
	display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color:  var(--cga-primary, #d71b23) !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
	color:  var(--cga-primary, #d71b23) !important;
}

.cga-identificacion
		{
	background:  var(--cga-card-bg, #ffffff) !important;
	border-left:5px solid var(--cga-secondary, #ffffff) !important;
    color: var(--cga-card-text, #ffffff) !important;
}


a {
  color: inherit;
  text-decoration: none;
}

input {
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}


.cga-header,
.cga-footer {
  background: var(--cga-container, #d71b23);
  color: var(--cga-primary, #f5f5f5);
}

.cga-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.cga-header {
  position: sticky;
  top: 0;
  z-index: 50;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--cga-bg, #000000) 20%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--cga-primary, #f5f5f5) 16%, transparent);
}

.cga-header-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 0;
}

.cga-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cga-logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit;
}

.cga-logo img {
  max-height: 40px;
  width: auto;
  height: auto;
  display: block;
}

.cga-logo .custom-logo {
  max-height: 40px;
  width: auto;
  height: auto;
}

.cga-logo-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.cga-menu-wrap {
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  padding-bottom: 8px;
}

.cga-menu-wrap.is-open {
  display: flex;
}

.cga-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: stretch;
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.cga-menu > li {
  width: 100%;
}

.cga-menu a {
  display: flex;
  align-items: center;
  min-height: 44px;
  opacity: 0.9;
  padding: 10px 12px;
  border-radius: 10px;
}

.cga-menu a:hover {
  opacity: 1;
  background: color-mix(in srgb, var(--cga-primary, #f5f5f5) 10%, transparent);
}

.cga-menu-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  width: 100%;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
}

.cga-menu-toggle {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--cga-primary, #f5f5f5) 24%, transparent);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.cga-menu-toggle:hover {
  background: color-mix(in srgb, var(--cga-primary, #f5f5f5) 10%, transparent);
}

.cga-menu-toggle-bar {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.cga-footer {
  margin-top: 40px;
}

.cga-footer-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0;
  font-size: 12px;
}

.cga-footer-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.demo-box {
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--cga-emphasis-2) 30%, transparent) !important;
  border-radius: 8px;
  margin-bottom: 16px;
}

/* ================================
   UTILITIES TIPO TAILWIND
================================ */

  /* Backgrounds */
  .bg-primary { background-color: var(--cga-primary, #d71b23) !important; }
  .bg-secondary { background-color: var(--cga-secondary, #9c1a1f) !important; }
  .bg-emphasis-2 { background-color: var(--cga-emphasis-2, #b91c1c) !important; }
  .bg-app { background-color: var(--cga-bg, #f5f5f5) !important; }
  .bg-container { background-color: var(--cga-container, #ffffff) !important; }
  .bg-card { background-color: var(--cga-card-bg, #ffffff) !important; }

  /* Text */
  .text-primary { color: var(--cga-primary, #d71b23) !important; }
  .text-secondary { color: var(--cga-secondary, #d71b23) !important; }
  .text-enfasis { color: var(--cga-emphasis-2, #d71b23) !important; }
  .text-app { color: var(--cga-text, #333333) !important; }
  .text-muted { color: var(--cga-text-secondary, #666666) !important; }
  .text-card { color: var(--cga-card-text, #000000) !important; }
  .text-on-primary { color: var(--cga-on-primary, #ffffff) !important; }
  .text-on-secondary { color: var(--cga-on-secondary, #ffffff) !important; }
  .text-on-background { color: var(--cga-on-background, #000000) !important; }
  .text-on-container { color: var(--cga-on-container, #000000) !important; }

  /* Borders */
  .border-primary { border: 1px solid var(--cga-primary, #d71b23) !important; }
  .border-secondary { border: 1px solid var(--cga-secondary, #9c1a1f) !important; }
  .border-emphasis-2 { border: 1px solid var(--cga-emphasis-2, #b91c1c) !important; }

  .border-left-secondary {
    border-left: 4px solid var(--cga-secondary, #9c1a1f) !important;
  }

  .border-top-emphasis-2 {
    border-top: 4px solid var(--cga-emphasis-2, #b91c1c) !important;
  }

  /* Font */
  .font-brand { font-family: var(--cga-font, Arial, sans-serif) !important; }

  /* Hover */
  .hover-darken:hover {
    filter: brightness(.92) !important;
  }

  .bg-primary-hover:hover {
    background-color: color-mix(in srgb, var(--cga-primary, #d71b23) 85%, black) !important;
  }

  .bg-secondary-hover:hover {
    background-color: color-mix(in srgb, var(--cga-secondary, #9c1a1f) 85%, black) !important;
  }

  .bg-emphasis-2-hover:hover {
    background-color: color-mix(in srgb, var(--cga-emphasis-2, #b91c1c) 85%, black) !important;
  }

  /* Focus */
  .focus-ring:focus {
    outline: 2px solid var(--cga-primary, #d71b23) !important;
    outline-offset: 2px !important;
  }


@media (min-width: 768px) {
  .cga-header-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  .cga-menu-toggle {
    display: none;
  }

  .cga-menu-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    width: auto;
    padding-bottom: 0;
  }

  .cga-menu {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .cga-menu > li {
    width: auto;
  }

  .cga-menu a {
    min-height: auto;
    padding: 8px 10px;
  }

  .cga-menu-cta {
    width: auto;
    white-space: nowrap;
  }

  .cga-footer-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}