/* ==============================================================
   CIBERCELL | CSS ADICIONAL INTEGRADO - MARKETPLACE V2
   Preparado a partir del respaldo del CSS actual y correccion V1.
   Sustituye COMPLETAMENTE al CSS adicional anterior.
   No mezclar este archivo con Mejora-01 ni otros CSS anteriores.
   ============================================================== */

/* =====================================================
   CIBERCELL FOOTER - CSS FINAL LIMPIO
   Modo oscuro + modo claro + socios + métodos de pago
   Pegar completo y reemplazar CSS anterior del footer.
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@600;700;800&display=swap');

:root {
  --cc-green: #00e15a;
  --cc-green-soft: rgba(0, 255, 120, .24);
  --cc-green-border: rgba(0, 255, 120, .32);
  --cc-text: #e8ecef;
  --cc-muted: rgba(232,236,239,.86);

  /* Ajustes rápidos */
  --footer-payments-shift-x: 0px;       /* mover logos: 40px derecha / -40px izquierda */
  --footer-payments-shift-y: -6px;      /* subir/bajar bloque de pagos */
  --payment-circle-size: 70px;          /* tamaño círculo métodos de pago */
  --payment-logo-max-width: 50px;       /* tamaño logo dentro del círculo */
  --payment-logo-max-height: 34px;
}

/* =====================================================
   FOOTER BASE
===================================================== */

.cibercell-footer {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  padding: 26px 32px !important;
  margin-top: 1px !important;
  isolation: isolate !important;
  color: var(--cc-text) !important;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  border: 1px solid rgba(0,255,120,.22) !important;
}

/* Modo oscuro */
html:not(.cibercell-light-mode) .cibercell-footer,
html.cibercell-dark-mode .cibercell-footer {
  background-color: rgba(8, 12, 14, .72) !important;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,.020) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,.020) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,.020) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.020) 75%) !important;
  background-size: 8px 8px !important;
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,120,.08) inset,
    0 0 22px rgba(0,255,120,.10),
    0 10px 30px rgba(0,0,0,.35) !important;
}

/* Modo claro: conserva el color #67768E sin ensuciar demasiado */
html.cibercell-light-mode .cibercell-footer {
  background-color: rgba(103, 118, 142, .70) !important;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,.030) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,.030) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,.030) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.030) 75%) !important;
  background-size: 8px 8px !important;
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,120,.08) inset,
    0 0 18px rgba(0,255,120,.09),
    0 10px 24px rgba(0,0,0,.16) !important;
}

/* Brillo ambiental */
.cibercell-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(0,255,120,.08), transparent 22%),
    radial-gradient(circle at 85% 15%, rgba(0,255,120,.06), transparent 18%),
    radial-gradient(circle at 50% 90%, rgba(0,255,120,.05), transparent 20%) !important;
}

.cibercell-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

/* =====================================================
   TIPOGRAFÍA
===================================================== */

.cibercell-footer,
.cibercell-footer p,
.cibercell-footer a,
.cibercell-footer li,
.cibercell-footer span,
.cibercell-footer strong,
.cibercell-footer input,
.cibercell-footer button {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}

.cibercell-footer h3,
.cibercell-footer .footer-benefits strong,
.cibercell-footer .footer-bottom strong,
.cibercell-payments-title {
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
}

.cibercell-footer h3 {
  margin: 0 0 18px 0 !important;
  color: var(--cc-green) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.cibercell-footer p,
.cibercell-footer a,
.cibercell-footer li,
.cibercell-footer span {
  color: var(--cc-text) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.cibercell-footer a {
  text-decoration: none !important;
}

.cibercell-footer a:hover {
  color: var(--cc-green) !important;
}

/* =====================================================
   BENEFICIOS SUPERIORES
===================================================== */

.cibercell-footer .footer-benefits {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 0 0 24px 0 !important;
  margin-bottom: 28px !important;
  border-bottom: 1px solid rgba(0,255,120,.18) !important;
}

.cibercell-footer .footer-benefits strong {
  color: #f2f5f7 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.cibercell-footer .footer-benefits span {
  display: block !important;
  margin-top: 4px !important;
  font-size: 14px !important;
  opacity: .88 !important;
}

/* =====================================================
   COLUMNAS PRINCIPALES
===================================================== */

.cibercell-footer .footer-main {
  display: grid !important;
  grid-template-columns: 1.3fr 1fr 1.1fr 1.15fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}

.cibercell-footer .footer-col {
  border-left: 1px solid rgba(0,255,120,.18) !important;
  padding-left: 18px !important;
}

.cibercell-footer .footer-col a {
  display: block !important;
  margin-bottom: 10px !important;
}

.cibercell-footer .footer-col a::before {
  content: "> " !important;
  color: var(--cc-green) !important;
}

/* Logo marca */
.cibercell-footer .footer-brand img,
.cibercell-footer .brand img,
.cibercell-footer .footer-logo {
  max-width: 180px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 16px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* PuntoRed */
.cibercell-footer .puntored-box {
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,255,120,.24) !important;
  background: rgba(0,0,0,.12) !important;
  box-shadow: inset 0 0 16px rgba(0,255,120,.025) !important;
}

html.cibercell-light-mode .cibercell-footer .puntored-box {
  background: rgba(255,255,255,.035) !important;
}

.cibercell-footer .puntored-box strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--cc-green) !important;
}

.cibercell-footer .puntored-logo-footer {
  max-width: 190px !important;
  height: auto !important;
  margin: 8px 0 12px 0 !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =====================================================
   SOCIOS DE CRÉDITO
===================================================== */

.cibercell-footer .credit-logos {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  background: transparent !important;
}

.cibercell-footer .credit-logos a,
.cibercell-footer .credit-logos a:hover,
.cibercell-footer .credit-logos a:focus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.cibercell-footer .credit-logos a::before,
.cibercell-footer .credit-logos img::before {
  content: none !important;
  display: none !important;
}

.cibercell-footer .credit-logos img {
  width: 100% !important;
  height: 72px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,255,120,.24) !important;
  background: rgba(0,0,0,.12) !important;
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.025),
    0 0 10px rgba(0,255,120,.07) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
}

/* Socios en modo claro: sin caja blanca pesada */
html.cibercell-light-mode .cibercell-footer .credit-logos img {
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(0,255,120,.25) !important;
  box-shadow:
    inset 0 0 10px rgba(255,255,255,.035),
    0 0 9px rgba(0,255,120,.07) !important;
}

/* =====================================================
   MÉTODOS DE PAGO
===================================================== */

.cibercell-payments-zone {
  width: 100% !important;
  margin: 34px auto 30px auto !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: translateY(var(--footer-payments-shift-y)) !important;
}

.cibercell-payments-title {
  margin: -15px 20px 0 !important;
  color: #f2f5f7 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.cibercell-payments-row {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 10px 42px 12px 42px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  transform: translateX(var(--footer-payments-shift-x)) !important;
}

.cibercell-payments-row::-webkit-scrollbar {
  display: none !important;
}

/* Quitar flechas verdes heredadas */
.cibercell-payments-row a::before,
.cibercell-payments-row .payment-badge::before,
.cibercell-payments-row li::before,
.cibercell-payments-row span::before {
  content: none !important;
  display: none !important;
}

.cibercell-payments-row .payment-badge {
  flex: 0 0 auto !important;
  width: var(--payment-circle-size) !important;
  height: var(--payment-circle-size) !important;
  min-width: var(--payment-circle-size) !important;
  min-height: var(--payment-circle-size) !important;
  max-width: var(--payment-circle-size) !important;
  max-height: var(--payment-circle-size) !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  background: rgba(0,0,0,.14) !important;
  border: 1.35px solid rgba(0,255,120,.38) !important;
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.025),
    inset 0 0 16px rgba(0,255,120,.025),
    0 0 12px rgba(0,255,120,.11) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%) !important;
  backdrop-filter: blur(8px) saturate(120%) !important;
  overflow: hidden !important;
  position: relative !important;
  box-sizing: border-box !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}


/* Brillo interno circular */
.cibercell-payments-row .payment-badge::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.07), transparent 58%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.cibercell-payments-row .payment-badge:hover {
  transform: translateY(-3px) scale(1.06) !important;
  border-color: rgba(0,255,120,.75) !important;
  background: rgba(12,25,20,.42) !important;
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.04),
    inset 0 0 22px rgba(0,255,120,.05),
    0 0 20px rgba(0,255,120,.25) !important;
}

.cibercell-payments-row .payment-badge img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: var(--payment-logo-max-width) !important;
  max-height: var(--payment-logo-max-height) !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  position: relative !important;
  z-index: 2 !important;
  filter: brightness(1.08) contrast(1.08) !important;
}

.cibercell-payments-row .payment-badge.payment-wide img {
  max-width: 56px !important;
  max-height: 32px !important;
}

.cibercell-payments-row .payment-badge.payment-tall img {
  max-width: 44px !important;
  max-height: 44px !important;
}

.cibercell-payments-row .payment-badge.payment-badge--wompi img {
  max-width: 58px !important;
  max-height: 28px !important;
}

html.cibercell-light-mode .cibercell-payments-title {
  color: #ffffff !important;
}

html.cibercell-light-mode .cibercell-payments-row .payment-badge {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(0,255,120,.34) !important;
  box-shadow:
    inset 0 0 10px rgba(255,255,255,.04),
    0 0 10px rgba(0,255,120,.08) !important;
}

/* =====================================================
   NEWSLETTER
===================================================== */

.cibercell-footer .footer-newsletter {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 1.1fr 1.5fr auto !important;
  gap: 18px !important;
  align-items: center !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(0,255,120,.18) !important;
  border-radius: 18px !important;
  padding: 22px 24px !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

html.cibercell-light-mode .cibercell-footer .footer-newsletter {
  background: rgba(255,255,255,.045) !important;
}

.cibercell-footer .footer-newsletter strong {
  color: #f2f5f7 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.cibercell-footer .footer-newsletter p {
  margin: 4px 0 0 0 !important;
  font-size: 14px !important;
}

.cibercell-footer .cibercell-newsletter-input {
  height: 54px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,255,120,.24) !important;
  background: rgba(255,255,255,.92) !important;
  color: #111 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
}

.cibercell-footer .footer-newsletter button {
  height: 54px !important;
  padding: 0 28px !important;
  border-radius: 12px !important;
  border: none !important;
  background: linear-gradient(90deg, #00a83f, #00e05b) !important;
  color: #061109 !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 0 16px rgba(0,255,120,.16) !important;
}

.cibercell-footer .footer-newsletter button:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

/* =====================================================
   COPYRIGHT
===================================================== */

.cibercell-footer .footer-bottom {
  text-align: center !important;
  margin-top: 20px !important;
  padding-top: 8px !important;
  border-top: none !important;
  color: #cfd5d8 !important;
  font-size: 15px !important;
}

.cibercell-footer .footer-bottom strong {
  color: var(--cc-green) !important;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1100px) {
  .cibercell-footer .footer-main {
    grid-template-columns: 1fr 1fr !important;
  }

  .cibercell-footer .footer-newsletter {
    grid-template-columns: 1fr !important;
  }

  .cibercell-payments-row {
    justify-content: flex-start !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .cibercell-footer {
    padding: 22px 16px !important;
    border-radius: 18px !important;
  }

  .cibercell-footer .footer-benefits {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  .cibercell-footer .footer-main {
    grid-template-columns: 1fr !important;
  }

  .cibercell-footer .footer-col {
    border-left: none !important;
    padding-left: 0 !important;
  }

  .cibercell-payments-zone {
    margin-top: 28px !important;
    transform: none !important;
  }

  .cibercell-payments-row {
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 10px 18px 12px 18px !important;
    transform: none !important;
  }

  .cibercell-payments-row .payment-badge {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    max-width: 66px !important;
    max-height: 66px !important;
  }

  .cibercell-payments-row .payment-badge img {
    max-width: 46px !important;
    max-height: 28px !important;
  }

  .cibercell-payments-title {
    font-size: 15px !important;
  }
}

@media (max-width: 480px) {
  .cibercell-footer .footer-benefits {
    grid-template-columns: 1fr !important;
  }

  .cibercell-payments-row .payment-badge {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    max-width: 62px !important;
    max-height: 62px !important;
  }

  .cibercell-payments-row .payment-badge img {
    max-width: 42px !important;
    max-height: 26px !important;
  }
}

/* =====================================================
   AJUSTE MÉTODOS DE PAGO - TABLET Y CELULAR
   Media query reparada: reglas dentro de su bloque.
===================================================== */
@media (max-width: 1024px) {
  .cibercell-payments-zone {
    margin-top: 28px !important;
    transform: none !important;
  }

  .cibercell-payments-title {
    font-size: 14px !important;
    padding: 0 14px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .cibercell-payments-row {
    transform: none !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 0 18px !important;
    overflow: visible !important;
  }

  .cibercell-payments-row .payment-badge {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
  }

  .cibercell-payments-row .payment-badge img {
    max-width: 40px !important;
    max-height: 28px !important;
  }
}

/* CELULAR */
@media (max-width: 600px) {
  .cibercell-payments-zone {
    margin-top: 28px !important;
    margin-bottom: 24px !important;
    transform: none !important;
  }

  .cibercell-payments-title {
    font-size: 13px !important;
    line-height: 1.35 !important;
    padding: 0 18px !important;
    margin-bottom: 12px !important;
  }

  .cibercell-payments-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .cibercell-payments-row .payment-badge {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  .cibercell-payments-row .payment-badge img {
    max-width: 36px !important;
    max-height: 24px !important;
  }
}

/* CELULAR MUY PEQUEÑO */
@media (max-width: 380px) {
  .cibercell-payments-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .cibercell-payments-row .payment-badge {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }
}

/* =====================================================
   BAJAR NEWSLETTER SOLO EN TABLET Y CELULAR
   No afecta modo PC
===================================================== */

/* TABLET */
@media (max-width: 1024px) {
  .cibercell-footer .footer-newsletter {
    margin-top: 24px !important;
  }
}

/* CELULAR */
@media (max-width: 600px) {
  .cibercell-footer .footer-newsletter {
    margin-top: 24px !important;
  }
}

/* =====================================================
   CIBERCELL - PÁGINA DE REGISTRO FINAL
   WPForms + fondo imagen + modo claro/oscuro
   NO toca header, menú ni footer
===================================================== */

/* =====================================================
   CONFIGURACIÓN GENERAL
   Cambiar REGISTRO por el ID real de la página:
   Ejemplo: body.page-id-123
===================================================== */

body.page-id-2176 #comments,
body.page-id-2176 .comments-area,
body.page-id-2176 .comment-respond,
body.page-id-2176 #respond {
  display: none !important;
}

body.page-id-2176 .site-content .ast-container,
body.page-id-2176 .content-area,
body.page-id-2176 .site-main,
body.page-id-2176 .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ocultar comentarios si el wrapper está presente */
body.page .cibercell-register-page ~ #comments,
body.page .cibercell-register-page ~ .comments-area,
body.page .cibercell-register-page ~ .comment-respond,
body.page .cibercell-register-page ~ #respond {
  display: none !important;
}

/* =====================================================
   BLOQUE PRINCIPAL
===================================================== */

.cibercell-register-page {
  --cc-green: #00e15a;
  --cc-green-2: #6dff00;
  --cc-border: rgba(0, 225, 90, 0.42);
  --cc-border-soft: rgba(0, 225, 90, 0.20);
  --cc-panel: rgba(7, 11, 12, 0.66);
  --cc-panel-strong: rgba(7, 11, 12, 0.78);
  --cc-text: #ffffff;
  --cc-muted: rgba(255, 255, 255, 0.72);
  --cc-dark-text: #172126;
  --cc-light-bg: #67768E;

  width: min(1800px, calc(100% - 32px)) !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
  padding: 54px 24px 76px !important;

  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  border-radius: 22px !important;
  border: 1px solid var(--cc-border-soft) !important;

  color: var(--cc-text) !important;
}

/* =====================================================
   FONDO CON IMAGEN
  ===================================================== */

.cibercell-register-page::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.26),
      rgba(0, 0, 0, 0.08) 25%,
      rgba(0, 0, 0, 0.03) 50%,
      rgba(0, 0, 0, 0.08) 75%,
      rgba(0, 0, 0, 0.26)
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.20),
      rgba(0, 0, 0, 0.05),
      rgba(0, 0, 0, 0.24)
    ),
    url("http://cibercelltienda.com.co/wp-content/uploads/2026/05/fondo-tienda-cibercell.png") !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

/* Fibra suave sin tapar los íconos blancos */
.cibercell-register-page::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 14% 24%, rgba(0, 225, 90, 0.08), transparent 24%),
    radial-gradient(circle at 86% 84%, rgba(0, 225, 90, 0.10), transparent 28%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.018) 0,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.010) 0,
      rgba(255, 255, 255, 0.010) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.65 !important;
}

/* =====================================================
   TÍTULO SUPERIOR
===================================================== */

.cibercell-register-title {
  max-width: 1380px !important;
  margin: 0 auto 30px !important;
  text-align: center !important;
}

.cibercell-register-title h1 {
  margin: 0 !important;

  color: #ffffff !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: clamp(38px, 4vw, 62px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;

  text-shadow:
    0 0 18px rgba(0, 225, 90, 0.34),
    0 10px 24px rgba(0, 0, 0, 0.42) !important;
}

.cibercell-register-title h1 span {
  color: var(--cc-green) !important;
}

.cibercell-register-title p {
  margin: 10px 0 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

/* =====================================================
   GRID DE FORMULARIOS
===================================================== */

.cibercell-register-forms-grid {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}

/* =====================================================
   TARJETAS
===================================================== */

.cibercell-register-card {
  min-height: 100% !important;
  padding: 30px 28px !important;
  border-radius: 22px !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 34%),
    var(--cc-panel) !important;

  border: 1px solid var(--cc-border) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 28px rgba(0, 225, 90, 0.035),
    0 0 0 1px rgba(0, 225, 90, 0.08),
    0 18px 46px rgba(0, 0, 0, 0.38),
    0 0 24px rgba(0, 225, 90, 0.13) !important;

  backdrop-filter: blur(8px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
}

/* Título de cada tarjeta */
.cibercell-register-card > h2 {
  display: block !important;
  width: 100% !important;

  margin: 0 0 26px 0 !important;
  padding: 13px 18px !important;

  color: var(--cc-green) !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  line-height: 1.05 !important;

  background:
    linear-gradient(
      90deg,
      rgba(0, 225, 90, 0.20),
      rgba(255, 255, 255, 0.060),
      rgba(0, 0, 0, 0.10)
    ) !important;

  border-left: 4px solid var(--cc-green) !important;
  border-radius: 12px !important;

  text-shadow: 0 0 14px rgba(0, 225, 90, 0.34) !important;

  box-shadow:
    inset 0 0 16px rgba(255, 255, 255, 0.035),
    0 0 16px rgba(0, 225, 90, 0.16) !important;
}

/* =====================================================
   LIMPIEZA WPFORMS
===================================================== */

.cibercell-register-card .wpforms-container,
.cibercell-register-card div.wpforms-container-full,
.cibercell-register-card .wpforms-form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.cibercell-register-card .wpforms-field {
  padding: 0 0 16px 0 !important;
  margin: 0 !important;
}

.cibercell-register-card .wpforms-field-row {
  max-width: 100% !important;
}

/* =====================================================
   TEXTOS WPFORMS
===================================================== */

.cibercell-register-card .wpforms-field-label,
.cibercell-register-card .wpforms-field-sublabel,
.cibercell-register-card label {
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 7px !important;
}

.cibercell-register-card .wpforms-field-description,
.cibercell-register-card .wpforms-field-limit-text,
.cibercell-register-card small,
.cibercell-register-card .wpforms-field-html {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 12px !important;
}

.cibercell-register-card .wpforms-required-label {
  color: #ff4b4b !important;
}

/* =====================================================
   CAMPOS WPFORMS
===================================================== */

.cibercell-register-card .wpforms-form input[type="text"],
.cibercell-register-card .wpforms-form input[type="email"],
.cibercell-register-card .wpforms-form input[type="tel"],
.cibercell-register-card .wpforms-form input[type="number"],
.cibercell-register-card .wpforms-form input[type="password"],
.cibercell-register-card .wpforms-form select,
.cibercell-register-card .wpforms-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;

  border-radius: 10px !important;
  border: 1px solid rgba(0, 225, 90, 0.42) !important;

  background: rgba(2, 7, 8, 0.54) !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 600 !important;

  padding: 0 14px !important;
  outline: none !important;

  box-shadow:
    inset 0 0 14px rgba(0, 0, 0, 0.38),
    0 0 8px rgba(0, 225, 90, 0.06) !important;

  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    background .22s ease !important;
}

.cibercell-register-card .wpforms-form textarea {
  min-height: 100px !important;
  padding-top: 13px !important;
  resize: vertical !important;
}

.cibercell-register-card .wpforms-form input::placeholder,
.cibercell-register-card .wpforms-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

.cibercell-register-card .wpforms-form input:focus,
.cibercell-register-card .wpforms-form select:focus,
.cibercell-register-card .wpforms-form textarea:focus {
  border-color: rgba(0, 225, 90, 0.88) !important;
  background: rgba(2, 7, 8, 0.70) !important;
  transform: translateY(-1px) !important;

  box-shadow:
    0 0 0 3px rgba(0, 225, 90, 0.12),
    0 0 18px rgba(0, 225, 90, 0.24),
    inset 0 0 14px rgba(0, 0, 0, 0.30) !important;
}

/* Select */
.cibercell-register-card .wpforms-form select {
  cursor: pointer !important;
}

/* Checkbox y radio */
.cibercell-register-card .wpforms-form input[type="checkbox"],
.cibercell-register-card .wpforms-form input[type="radio"] {
  accent-color: var(--cc-green) !important;
  width: 17px !important;
  height: 17px !important;
}

/* =====================================================
   BOTONES WPFORMS
===================================================== */

.cibercell-register-card .wpforms-submit,
.cibercell-register-card .wpforms-page-button,
.cibercell-register-card button[type="submit"],
.cibercell-register-card button {
  min-height: 50px !important;
  padding: 0 34px !important;

  border-radius: 10px !important;
  border: 1px solid rgba(0, 225, 90, 0.55) !important;

  background: linear-gradient(135deg, #00a83f, #63e600) !important;
  color: #061109 !important;

  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;

  cursor: pointer !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 0 22px rgba(0, 225, 90, 0.28) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}

.cibercell-register-card .wpforms-submit:hover,
.cibercell-register-card .wpforms-page-button:hover,
.cibercell-register-card button[type="submit"]:hover,
.cibercell-register-card button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 0 30px rgba(0, 225, 90, 0.40) !important;
}

/* Botón regresar / anterior */
.cibercell-register-card .wpforms-page-prev,
.cibercell-register-card button[name*="prev"],
.cibercell-register-card input[value="Regresar"] {
  background: rgba(0, 0, 0, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(0, 225, 90, 0.42) !important;

  box-shadow:
    inset 0 0 12px rgba(255, 255, 255, 0.035),
    0 0 12px rgba(0, 225, 90, 0.12) !important;
}

/* =====================================================
   ERRORES Y VALIDACIONES
===================================================== */

.cibercell-register-card .wpforms-error {
  color: #ff6b6b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.cibercell-register-card .wpforms-form .wpforms-field input.wpforms-error,
.cibercell-register-card .wpforms-form .wpforms-field textarea.wpforms-error,
.cibercell-register-card .wpforms-form .wpforms-field select.wpforms-error {
  border-color: #ff4b4b !important;
  box-shadow:
    0 0 0 3px rgba(255, 75, 75, 0.12),
    0 0 16px rgba(255, 75, 75, 0.18) !important;
}

/* =====================================================
   MODO CLARO
===================================================== */

html.cibercell-light-mode .cibercell-register-page::before,
body.cibercell-light-mode .cibercell-register-page::before {
  background-image:
    linear-gradient(
      90deg,
      rgba(103, 118, 142, 0.42),
      rgba(103, 118, 142, 0.16) 50%,
      rgba(103, 118, 142, 0.42)
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.26),
      rgba(255, 255, 255, 0.10),
      rgba(103, 118, 142, 0.28)
    ),
    url("http://cibercelltienda.com.co/wp-content/uploads/2026/05/fondo-tienda-cibercell.png") !important;
}

html.cibercell-light-mode .cibercell-register-page::after,
body.cibercell-light-mode .cibercell-register-page::after {
  background:
    radial-gradient(circle at 14% 24%, rgba(0, 225, 90, 0.08), transparent 24%),
    radial-gradient(circle at 86% 84%, rgba(0, 225, 90, 0.10), transparent 28%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.12) 0,
      rgba(255, 255, 255, 0.12) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0.025) 0,
      rgba(0, 0, 0, 0.025) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.65 !important;
}

html.cibercell-light-mode .cibercell-register-card,
body.cibercell-light-mode .cibercell-register-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.32), transparent 36%),
    rgba(255, 255, 255, 0.86) !important;

  border-color: rgba(0, 225, 90, 0.28) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.60),
    0 14px 34px rgba(0, 0, 0, 0.16),
    0 0 18px rgba(0, 225, 90, 0.10) !important;
}

html.cibercell-light-mode .cibercell-register-card .wpforms-field-label,
html.cibercell-light-mode .cibercell-register-card .wpforms-field-sublabel,
html.cibercell-light-mode .cibercell-register-card label,
html.cibercell-light-mode .cibercell-register-card .wpforms-field-description,
html.cibercell-light-mode .cibercell-register-card .wpforms-field-limit-text,
body.cibercell-light-mode .cibercell-register-card .wpforms-field-label,
body.cibercell-light-mode .cibercell-register-card .wpforms-field-sublabel,
body.cibercell-light-mode .cibercell-register-card label,
body.cibercell-light-mode .cibercell-register-card .wpforms-field-description,
body.cibercell-light-mode .cibercell-register-card .wpforms-field-limit-text {
  color: rgba(23, 33, 38, 0.84) !important;
}

html.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="text"],
html.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="email"],
html.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="tel"],
html.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="number"],
html.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="password"],
html.cibercell-light-mode .cibercell-register-card .wpforms-form select,
html.cibercell-light-mode .cibercell-register-card .wpforms-form textarea,
body.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="text"],
body.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="email"],
body.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="tel"],
body.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="number"],
body.cibercell-light-mode .cibercell-register-card .wpforms-form input[type="password"],
body.cibercell-light-mode .cibercell-register-card .wpforms-form select,
body.cibercell-light-mode .cibercell-register-card .wpforms-form textarea {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #172126 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (min-width: 1500px) {
  .cibercell-register-forms-grid {
    max-width: 1320px !important;
  }
}

@media (max-width: 1100px) {
  .cibercell-register-page {
    width: calc(100% - 24px) !important;
    padding: 38px 16px 58px !important;
  }

  .cibercell-register-forms-grid {
    max-width: 100% !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  .cibercell-register-page {
    width: calc(100% - 16px) !important;
    padding: 30px 12px 50px !important;
    border-radius: 16px !important;
  }

  .cibercell-register-title h1 {
    font-size: 34px !important;
  }

  .cibercell-register-title p {
    font-size: 14px !important;
  }

  .cibercell-register-forms-grid {
    grid-template-columns: 1fr !important;
  }

  .cibercell-register-card {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }

  .cibercell-register-card > h2 {
    font-size: 28px !important;
  }

  .cibercell-register-card .wpforms-submit,
  .cibercell-register-card .wpforms-page-button,
  .cibercell-register-card button {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .cibercell-register-page {
    width: calc(100% - 10px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .cibercell-register-card {
    padding: 22px 14px !important;
  }
}

/* =====================================================
   CIBERCELL - CARRITO WOOCOMMERCE FINAL
   Fondo CIBERCELL + fibra de carbono + modo claro/oscuro
   Reemplaza cualquier CSS anterior del carrito por este.
===================================================== */

/* =====================================================
   VARIABLES
===================================================== */

body.woocommerce-cart {
  --cc-green: #00e15a;
  --cc-green-dark: #008d3a;
  --cc-green-bright: #42ff00;
  --cc-gray: #67768E;
  --cc-dark: #071010;
  --cc-dark-2: #111820;
  --cc-dark-3: #171f27;
  --cc-text-dark: #172126;
  --cc-text-light: #f4f7fb;
  --cc-bg-image: url("http://cibercelltienda.com.co/wp-content/uploads/2026/05/fondo-tienda-cibercell-1.png");
}

/* =====================================================
   FONDO GENERAL
===================================================== */

body.woocommerce-cart .site-content {
  position: relative !important;
  overflow: hidden !important;
  min-height: 760px !important;

  background-image:
    linear-gradient(
      rgba(103, 118, 142, 0.50),
      rgba(103, 118, 142, 0.50)
    ),
    var(--cc-bg-image) !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Capa fibra carbono global */
body.woocommerce-cart .site-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 12% 20%, rgba(0, 225, 90, 0.08), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.08), transparent 28%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.14) 0,
      rgba(255, 255, 255, 0.14) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.12) 0,
      rgba(103, 118, 142, 0.12) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.72 !important;
}

/* Contenido por encima */
body.woocommerce-cart .site-content .ast-container,
body.woocommerce-cart .site-main,
body.woocommerce-cart .entry-content,
body.woocommerce-cart article,
body.woocommerce-cart .woocommerce {
  position: relative !important;
  z-index: 1 !important;
}

/* =====================================================
   CONTENEDOR GENERAL
===================================================== */

body.woocommerce-cart .site-content .ast-container {
  max-width: 1500px !important;
  width: 94% !important;
  margin: -80px auto !important;
  padding-top: 56px !important;
  padding-bottom: 86px !important;
}

body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main,
body.woocommerce-cart .entry-content {
  max-width: 100% !important;
  width: 100% !important;
}

body.woocommerce-cart .woocommerce {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

/* =====================================================
   FORMULARIO DEL CARRITO
===================================================== */

body.woocommerce-cart .woocommerce-cart-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 34px !important;
  padding: 26px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.58), transparent 38%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.18) 0,
      rgba(255, 255, 255, 0.18) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(103, 118, 142, 0.24) !important;

  border: 1px solid rgba(103, 118, 142, 0.70) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.60),
    0 18px 42px rgba(0, 0, 0, 0.16),
    0 0 24px rgba(0, 225, 90, 0.10) !important;

  backdrop-filter: blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

/* =====================================================
   TABLA DEL CARRITO
===================================================== */

body.woocommerce-cart table.shop_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.26), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(103, 118, 142, 0.12) 0,
      rgba(103, 118, 142, 0.12) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(103, 118, 142, 0.26) !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;
}

/* Encabezado tabla */
body.woocommerce-cart table.shop_table thead th {
  padding: 18px 16px !important;

  background:
    linear-gradient(145deg, rgba(0, 225, 90, 0.34), rgba(0, 105, 48, 0.88)),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.070) 0,
      rgba(255, 255, 255, 0.070) 1px,
      transparent 1px,
      transparent 7px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.20) 0,
      rgba(103, 118, 142, 0.20) 1px,
      transparent 1px,
      transparent 7px
    ),
    #073418 !important;

  color: #ffffff !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.85),
    0 0 8px rgba(0, 225, 90, 0.28) !important;

  border-color: rgba(103, 118, 142, 0.75) !important;
  border-bottom: 1px solid rgba(0, 225, 90, 0.48) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -8px 16px rgba(0, 0, 0, 0.25),
    0 4px 14px rgba(0, 225, 90, 0.10) !important;
}

body.woocommerce-cart table.shop_table thead th:first-child {
  border-top-left-radius: 14px !important;
}

body.woocommerce-cart table.shop_table thead th:last-child {
  border-top-right-radius: 14px !important;
}

/* Filas y celdas */
body.woocommerce-cart table.shop_table tbody tr {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 36%),
    rgba(103, 118, 142, 0.20) !important;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td {
  border-color: rgba(103, 118, 142, 0.75) !important;
}

body.woocommerce-cart table.shop_table td {
  padding: 18px 16px !important;
  color: #1d2a30 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  border-top: 1px solid rgba(103, 118, 142, 0.70) !important;
  text-shadow: none !important;
}

/* Imagen producto */
body.woocommerce-cart table.cart img {
  width: 82px !important;
  height: 82px !important;
  object-fit: cover !important;
  border-radius: 14px !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

/* Nombre producto */
body.woocommerce-cart table.cart .product-name a {
  color: #00a843 !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-shadow: 0 0 8px rgba(0, 225, 90, 0.14) !important;
}

/* Precio y subtotal */
body.woocommerce-cart table.cart .product-price,
body.woocommerce-cart table.cart .product-subtotal,
body.woocommerce-cart table.cart .amount {
  color: #1d2a30 !important;
  font-weight: 900 !important;
}

/* Botón eliminar */
body.woocommerce-cart table.cart .product-remove a {
  width: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.58) !important;
  color: #ff3b3b !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Cantidad */
body.woocommerce-cart table.cart .quantity .qty {
  width: 76px !important;
  height: 42px !important;

  border-radius: 8px !important;
  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  background: rgba(255, 255, 255, 0.90) !important;
  color: #172126 !important;

  font-weight: 900 !important;
  text-align: center !important;
}

/* Acciones */
body.woocommerce-cart table.cart td.actions {
  padding: 20px !important;
  border-top: 1px solid rgba(103, 118, 142, 0.75) !important;
}

/* Botón actualizar carrito */
body.woocommerce-cart button[name="update_cart"],
body.woocommerce-cart .actions .button {
  min-height: 46px !important;
  padding: 0 30px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  background:
    linear-gradient(145deg, #00c94f, #42ff00 48%, #009c3a) !important;

  color: #061109 !important;

  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.34),
    inset 0 -7px 14px rgba(0, 0, 0, 0.18),
    0 10px 22px rgba(0, 225, 90, 0.24) !important;

  transition: 0.22s ease !important;
}

body.woocommerce-cart button[name="update_cart"]:hover,
body.woocommerce-cart .actions .button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
}

/* =====================================================
   TOTALES DEL CARRITO
===================================================== */

body.woocommerce-cart .cart-collaterals {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.woocommerce-cart .cart_totals {
  width: 100% !important;
  max-width: 620px !important;
  float: none !important;
  margin: 0 !important;
  padding: 30px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.52), transparent 38%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.16) 0,
      rgba(255, 255, 255, 0.16) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(103, 118, 142, 0.24) !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.60),
    0 18px 42px rgba(0, 0, 0, 0.16),
    0 0 24px rgba(0, 225, 90, 0.12) !important;

  backdrop-filter: blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

/* Título totales */
body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart__totals-title {
  padding: 18px 22px !important;
  margin: 0 0 18px !important;
  border-radius: 14px !important;

  background:
    linear-gradient(145deg, rgba(0, 225, 90, 0.34), rgba(0, 105, 48, 0.88)),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.070) 0,
      rgba(255, 255, 255, 0.070) 1px,
      transparent 1px,
      transparent 7px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.20) 0,
      rgba(103, 118, 142, 0.20) 1px,
      transparent 1px,
      transparent 7px
    ),
    #073418 !important;

  color: #00e15a !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.90),
    0 0 10px rgba(0, 225, 90, 0.42) !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -10px 18px rgba(0, 0, 0, 0.28),
    0 8px 20px rgba(0, 0, 0, 0.22),
    0 0 18px rgba(0, 225, 90, 0.14) !important;
}

/* Tabla interna totales */
body.woocommerce-cart .cart_totals table {
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(103, 118, 142, 0.12) 0,
      rgba(103, 118, 142, 0.12) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(103, 118, 142, 0.18) !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
  padding: 16px 12px !important;
  color: #1d2a30 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border-color: rgba(103, 118, 142, 0.75) !important;
  border-top: 1px solid rgba(103, 118, 142, 0.75) !important;
  text-shadow: none !important;
}

/* Envíos */
body.woocommerce-cart .woocommerce-shipping-methods {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.woocommerce-cart .woocommerce-shipping-methods li {
  margin-bottom: 12px !important;
}

body.woocommerce-cart .woocommerce-shipping-methods label,
body.woocommerce-cart .woocommerce-shipping-destination {
  color: #1d2a30 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* Cambiar dirección */
body.woocommerce-cart .shipping-calculator-button {
  color: #42516a !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* Total */
body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td {
  border-top: 1px solid rgba(103, 118, 142, 0.85) !important;
}

body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td,
body.woocommerce-cart .order-total .amount {
  color: #00a843 !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  text-shadow: 0 0 8px rgba(0, 225, 90, 0.18) !important;
}

/* Botón finalizar compra */
body.woocommerce-cart .wc-proceed-to-checkout {
  padding-top: 20px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: 100% !important;
  min-height: 58px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  background:
    linear-gradient(145deg, #00e15a, #42ff00 48%, #009c3a) !important;

  color: #041008 !important;

  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.35),
    inset 0 -8px 14px rgba(0, 0, 0, 0.20),
    0 14px 28px rgba(0, 225, 90, 0.30),
    0 0 22px rgba(0, 225, 90, 0.18) !important;

  transition: 0.22s ease !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translateY(-2px) scale(1.01) !important;
  filter: brightness(1.08) !important;
}

/* =====================================================
   SOPORTE PARA CARRITO EN BLOQUES WOOCOMMERCE
===================================================== */

body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar {
  padding: 26px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.52), transparent 38%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.16) 0,
      rgba(255, 255, 255, 0.16) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(103, 118, 142, 0.24) !important;

  border: 1px solid rgba(103, 118, 142, 0.75) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.60),
    0 18px 42px rgba(0, 0, 0, 0.16),
    0 0 24px rgba(0, 225, 90, 0.12) !important;

  backdrop-filter: blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

body.woocommerce-cart .wc-block-components-button {
  border-radius: 999px !important;
  background:
    linear-gradient(145deg, #00e15a, #42ff00 48%, #009c3a) !important;
  color: #041008 !important;
  font-weight: 950 !important;
  border: 1px solid rgba(103, 118, 142, 0.75) !important;
}

/* =====================================================
   MODO OSCURO
   Compatible con html.cibercell-dark-mode,
   body.cibercell-dark-mode y también cuando NO está light-mode.
===================================================== */

html.cibercell-dark-mode body.woocommerce-cart .site-content,
body.cibercell-dark-mode.woocommerce-cart .site-content,
html:not(.cibercell-light-mode) body.woocommerce-cart .site-content {
  background-image:
    linear-gradient(
      rgba(5, 8, 9, 0.70),
      rgba(5, 8, 9, 0.70)
    ),
    var(--cc-bg-image) !important;
}

html.cibercell-dark-mode body.woocommerce-cart .site-content::before,
body.cibercell-dark-mode.woocommerce-cart .site-content::before,
html:not(.cibercell-light-mode) body.woocommerce-cart .site-content::before {
  background:
    radial-gradient(circle at 12% 20%, rgba(0, 225, 90, 0.12), transparent 24%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.10), transparent 28%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.030) 0,
      rgba(255, 255, 255, 0.030) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0, 225, 90, 0.014) 0,
      rgba(0, 225, 90, 0.014) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.88 !important;
}

/* Paneles oscuros */
html.cibercell-dark-mode body.woocommerce-cart .woocommerce-cart-form,
body.cibercell-dark-mode.woocommerce-cart .woocommerce-cart-form,
html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-cart-form,
html.cibercell-dark-mode body.woocommerce-cart .cart_totals,
body.cibercell-dark-mode.woocommerce-cart .cart_totals,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals,
html.cibercell-dark-mode body.woocommerce-cart .wc-block-cart,
body.cibercell-dark-mode.woocommerce-cart .wc-block-cart,
html:not(.cibercell-light-mode) body.woocommerce-cart .wc-block-cart,
html.cibercell-dark-mode body.woocommerce-cart .wc-block-components-sidebar,
body.cibercell-dark-mode.woocommerce-cart .wc-block-components-sidebar,
html:not(.cibercell-light-mode) body.woocommerce-cart .wc-block-components-sidebar {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.026) 0,
      rgba(255, 255, 255, 0.026) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0, 225, 90, 0.014) 0,
      rgba(0, 225, 90, 0.014) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(7, 11, 12, 0.76) !important;

  border-color: var(--cc-gray) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 0 24px rgba(0, 225, 90, 0.035),
    0 18px 42px rgba(0, 0, 0, 0.38),
    0 0 22px rgba(0, 225, 90, 0.12) !important;
}

/* Tabla modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart table.shop_table,
body.cibercell-dark-mode.woocommerce-cart table.shop_table,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.024) 0,
      rgba(255, 255, 255, 0.024) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(7, 11, 12, 0.70) !important;

  border-color: var(--cc-gray) !important;
}

html.cibercell-dark-mode body.woocommerce-cart table.shop_table tbody tr,
body.cibercell-dark-mode.woocommerce-cart table.shop_table tbody tr,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table tbody tr {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.025), transparent 34%),
    rgba(7, 11, 12, 0.40) !important;
}

html.cibercell-dark-mode body.woocommerce-cart table.shop_table th,
html.cibercell-dark-mode body.woocommerce-cart table.shop_table td,
body.cibercell-dark-mode.woocommerce-cart table.shop_table th,
body.cibercell-dark-mode.woocommerce-cart table.shop_table td,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table th,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table td {
  border-color: var(--cc-gray) !important;
}

/* Encabezado modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart table.shop_table thead th,
body.cibercell-dark-mode.woocommerce-cart table.shop_table thead th,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table thead th {
  background:
    linear-gradient(145deg, #0b6d33, #014b22 55%, #012f16),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.050) 0,
      rgba(255, 255, 255, 0.050) 1px,
      transparent 1px,
      transparent 7px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.22) 0,
      rgba(103, 118, 142, 0.22) 1px,
      transparent 1px,
      transparent 7px
    ) !important;

  border-color: var(--cc-gray) !important;
  border-bottom-color: var(--cc-gray) !important;
}

/* Textos oscuros */
html.cibercell-dark-mode body.woocommerce-cart table.shop_table td,
body.cibercell-dark-mode.woocommerce-cart table.shop_table td,
html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table td,
html.cibercell-dark-mode body.woocommerce-cart .cart_totals th,
html.cibercell-dark-mode body.woocommerce-cart .cart_totals td,
body.cibercell-dark-mode.woocommerce-cart .cart_totals th,
body.cibercell-dark-mode.woocommerce-cart .cart_totals td,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals th,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals td,
html.cibercell-dark-mode body.woocommerce-cart .woocommerce-shipping-methods label,
body.cibercell-dark-mode.woocommerce-cart .woocommerce-shipping-methods label,
html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-shipping-methods label,
html.cibercell-dark-mode body.woocommerce-cart .woocommerce-shipping-destination,
body.cibercell-dark-mode.woocommerce-cart .woocommerce-shipping-destination,
html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-shipping-destination {
  color: rgba(255, 255, 255, 0.84) !important;
}

/* Links y producto modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart table.cart .product-name a,
body.cibercell-dark-mode.woocommerce-cart table.cart .product-name a,
html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .product-name a,
html.cibercell-dark-mode body.woocommerce-cart .cart_totals h2,
body.cibercell-dark-mode.woocommerce-cart .cart_totals h2,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals h2 {
  color: #00e15a !important;
}

/* Precio modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart table.cart .product-price,
html.cibercell-dark-mode body.woocommerce-cart table.cart .product-subtotal,
html.cibercell-dark-mode body.woocommerce-cart table.cart .amount,
body.cibercell-dark-mode.woocommerce-cart table.cart .product-price,
body.cibercell-dark-mode.woocommerce-cart table.cart .product-subtotal,
body.cibercell-dark-mode.woocommerce-cart table.cart .amount,
html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .product-price,
html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .product-subtotal,
html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .amount {
  color: #ffffff !important;
}

/* Totales modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart .cart_totals table,
body.cibercell-dark-mode.woocommerce-cart .cart_totals table,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals table {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.024) 0,
      rgba(255, 255, 255, 0.024) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(7, 11, 12, 0.64) !important;

  border-color: var(--cc-gray) !important;
}

html.cibercell-dark-mode body.woocommerce-cart .cart_totals th,
html.cibercell-dark-mode body.woocommerce-cart .cart_totals td,
body.cibercell-dark-mode.woocommerce-cart .cart_totals th,
body.cibercell-dark-mode.woocommerce-cart .cart_totals td,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals th,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals td {
  border-color: var(--cc-gray) !important;
}

html.cibercell-dark-mode body.woocommerce-cart .order-total th,
html.cibercell-dark-mode body.woocommerce-cart .order-total td,
html.cibercell-dark-mode body.woocommerce-cart .order-total .amount,
body.cibercell-dark-mode.woocommerce-cart .order-total th,
body.cibercell-dark-mode.woocommerce-cart .order-total td,
body.cibercell-dark-mode.woocommerce-cart .order-total .amount,
html:not(.cibercell-light-mode) body.woocommerce-cart .order-total th,
html:not(.cibercell-light-mode) body.woocommerce-cart .order-total td,
html:not(.cibercell-light-mode) body.woocommerce-cart .order-total .amount {
  color: #00e15a !important;
}

/* Cantidad modo oscuro */
html.cibercell-dark-mode body.woocommerce-cart table.cart .quantity .qty,
body.cibercell-dark-mode.woocommerce-cart table.cart .quantity .qty,
html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .quantity .qty {
  background: #f4f4f4 !important;
  color: #1d242c !important;
  border-color: var(--cc-gray) !important;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1024px) {
  body.woocommerce-cart .site-content .ast-container {
    width: 94% !important;
    padding-top: 42px !important;
  }

  body.woocommerce-cart .woocommerce {
    max-width: 100% !important;
  }

  body.woocommerce-cart .cart-collaterals {
    justify-content: center !important;
  }

  body.woocommerce-cart .cart_totals {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-cart .site-content .ast-container {
    width: 94% !important;
    padding-top: 32px !important;
    padding-bottom: 58px !important;
  }

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart_totals {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  

  

  body.woocommerce-cart table.shop_table tr {
    margin-bottom: 18px !important;
    padding: 16px !important;

    border-radius: 16px !important;
    border: 1px solid rgba(103, 118, 142, 0.75) !important;

    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 36%),
      rgba(103, 118, 142, 0.20) !important;
  }

  

  

  body.woocommerce-cart table.cart .product-name a {
    font-size: 22px !important;
  }

  body.woocommerce-cart button[name="update_cart"],
  body.woocommerce-cart .actions .button,
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
  }

  body.woocommerce-cart .cart_totals h2 {
    font-size: 32px !important;
	}
}

/* =========================================================
   CIBERCELL - WOOCOMMERCE FINAL UNIFICADO
   Tienda + Producto + Carrito + Checkout
   Modo oscuro + fibra de carbono
   Modo claro + fibra de carbono
   Mantiene la misma imagen de fondo CIBERCELL
   Líneas verdes + bordes gris #67768E
========================================================= */

/* =========================================================
   1. VARIABLES GENERALES
========================================================= */

:root {
  --cc-green: #00e15a;
  --cc-green-2: #00c853;
  --cc-green-3: #008d3a;
  --cc-green-soft: rgba(0, 225, 90, 0.14);
  --cc-green-line: rgba(0, 225, 90, 0.42);

  --cc-gray-line: #67768E;
  --cc-gray-soft: rgba(103, 118, 142, 0.55);

  --cc-light-bg: #eef2f6;
  --cc-light-panel: rgba(255, 255, 255, 0.82);
  --cc-light-panel-2: rgba(244, 248, 252, 0.88);
  --cc-light-text: #172126;
  --cc-light-muted: #4d5b6f;

  /* Modo oscuro tipo Facebook */
  --cc-fb-bg: #18191A;
  --cc-fb-card: #242526;
  --cc-fb-card-2: #2f3031;
  --cc-fb-input: #3A3B3C;
  --cc-fb-hover: #3A3B3C;
  --cc-fb-text: #E4E6EB;
  --cc-fb-muted: #B0B3B8;

  --cc-radius: 18px;
  --cc-radius-sm: 12px;
  --cc-radius-pill: 999px;

  --cc-shadow-light:
    0 14px 34px rgba(15, 25, 35, 0.12),
    0 0 20px rgba(0, 225, 90, 0.08);

  --cc-shadow-dark:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 18px rgba(0, 225, 90, 0.10);

  --cc-bg-image: url("http://cibercelltienda.com.co/wp-content/uploads/2026/05/fondo-tienda-cibercell-1.png");

  --cc-carbon-soft:
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08) 0,
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.10) 0,
      rgba(103, 118, 142, 0.10) 1px,
      transparent 1px,
      transparent 8px
    );

  --cc-carbon-dark:
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.035) 0,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0, 225, 90, 0.020) 0,
      rgba(0, 225, 90, 0.020) 1px,
      transparent 1px,
      transparent 8px
    );
}

/* =========================================================
   2. ALCANCE WOOCOMMERCE
   No toca header, footer, login ni registro
========================================================= */

body.woocommerce-shop .site-content,
body.post-type-archive-product .site-content,
body.single-product .site-content,
body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 680px !important;
  background-image:
    linear-gradient(rgba(238, 242, 246, 0.78), rgba(238, 242, 246, 0.82)),
    var(--cc-bg-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Fibra global sobre fondo */
body.woocommerce-shop .site-content::before,
body.post-type-archive-product .site-content::before,
body.single-product .site-content::before,
body.woocommerce-cart .site-content::before,
body.woocommerce-checkout .site-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(0, 225, 90, 0.09), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.08), transparent 30%),
    var(--cc-carbon-soft) !important;
  opacity: 0.72 !important;
}

/* Contenido encima */
body.woocommerce-shop .site-content .ast-container,
body.post-type-archive-product .site-content .ast-container,
body.single-product .site-content .ast-container,
body.woocommerce-cart .site-content .ast-container,
body.woocommerce-checkout .site-content .ast-container,
body.woocommerce-shop .site-main,
body.post-type-archive-product .site-main,
body.single-product .site-main,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-shop .entry-content,
body.post-type-archive-product .entry-content,
body.single-product .entry-content,
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-shop .woocommerce,
body.post-type-archive-product .woocommerce,
body.single-product .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
  position: relative !important;
  z-index: 1 !important;
}

/* Ancho general WooCommerce */
body.woocommerce-shop .site-content .ast-container,
body.post-type-archive-product .site-content .ast-container,
body.single-product .site-content .ast-container,
body.woocommerce-cart .site-content .ast-container,
body.woocommerce-checkout .site-content .ast-container {
  width: 94% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding-top: 46px !important;
  padding-bottom: 76px !important;
}

/* =========================================================
   3. MODO OSCURO CIBERCELL
========================================================= */

html:not(.cibercell-light-mode) body.woocommerce-shop .site-content,
html:not(.cibercell-light-mode) body.post-type-archive-product .site-content,
html:not(.cibercell-light-mode) body.single-product .site-content,
html:not(.cibercell-light-mode) body.woocommerce-cart .site-content,
html:not(.cibercell-light-mode) body.woocommerce-checkout .site-content,
html.cibercell-dark-mode body.woocommerce-shop .site-content,
html.cibercell-dark-mode body.post-type-archive-product .site-content,
html.cibercell-dark-mode body.single-product .site-content,
html.cibercell-dark-mode body.woocommerce-cart .site-content,
html.cibercell-dark-mode body.woocommerce-checkout .site-content,
body.cibercell-dark-mode.woocommerce-shop .site-content,
body.cibercell-dark-mode.post-type-archive-product .site-content,
body.cibercell-dark-mode.single-product .site-content,
body.cibercell-dark-mode.woocommerce-cart .site-content,
body.cibercell-dark-mode.woocommerce-checkout .site-content {
  background-image:
    linear-gradient(rgba(24, 25, 26, 0.82), rgba(24, 25, 26, 0.86)),
    var(--cc-bg-image) !important;
  background-color: var(--cc-fb-bg) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-shop .site-content::before,
html:not(.cibercell-light-mode) body.post-type-archive-product .site-content::before,
html:not(.cibercell-light-mode) body.single-product .site-content::before,
html:not(.cibercell-light-mode) body.woocommerce-cart .site-content::before,
html:not(.cibercell-light-mode) body.woocommerce-checkout .site-content::before,
html.cibercell-dark-mode body.woocommerce-shop .site-content::before,
html.cibercell-dark-mode body.post-type-archive-product .site-content::before,
html.cibercell-dark-mode body.single-product .site-content::before,
html.cibercell-dark-mode body.woocommerce-cart .site-content::before,
html.cibercell-dark-mode body.woocommerce-checkout .site-content::before {
  background:
    radial-gradient(circle at 12% 20%, rgba(0, 225, 90, 0.11), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.10), transparent 30%),
    var(--cc-carbon-dark) !important;
  opacity: 0.86 !important;
}

/* =========================================================
   4. TIPOGRAFÍA, TÍTULOS Y LINKS
========================================================= */

.woocommerce-shop .page-title,
.post-type-archive-product .page-title,
.woocommerce-products-header__title,
.single-product .product_title,
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-checkout #order_review_heading,
.woocommerce-cart .cart_totals h2,
.related.products > h2,
.up-sells > h2,
.cross-sells > h2 {
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  color: var(--cc-green-3) !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  line-height: 1.05 !important;
}

.woocommerce-shop .page-title,
.post-type-archive-product .page-title,
.woocommerce-products-header__title {
  font-size: clamp(42px, 4vw, 64px) !important;
  margin-bottom: 34px !important;
}

html:not(.cibercell-light-mode) .woocommerce-shop .page-title,
html:not(.cibercell-light-mode) .post-type-archive-product .page-title,
html:not(.cibercell-light-mode) .woocommerce-products-header__title,
html:not(.cibercell-light-mode) .single-product .product_title,
html:not(.cibercell-light-mode) .woocommerce-cart .entry-title,
html:not(.cibercell-light-mode) .woocommerce-checkout .entry-title,
html:not(.cibercell-light-mode) .woocommerce-checkout #order_review_heading,
html:not(.cibercell-light-mode) .woocommerce-cart .cart_totals h2,
html:not(.cibercell-light-mode) .related.products > h2,
html:not(.cibercell-light-mode) .up-sells > h2,
html:not(.cibercell-light-mode) .cross-sells > h2 {
  color: var(--cc-green) !important;
  text-shadow: 0 0 12px rgba(0, 225, 90, 0.22) !important;
}

.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  color: var(--cc-light-muted) !important;
  font-weight: 700 !important;
}

html:not(.cibercell-light-mode) .woocommerce-breadcrumb,
html:not(.cibercell-light-mode) .woocommerce-result-count,
html:not(.cibercell-light-mode) .woocommerce .woocommerce-ordering {
  color: var(--cc-fb-muted) !important;
}

.woocommerce a {
  color: var(--cc-green-3) !important;
}

html:not(.cibercell-light-mode) .woocommerce a {
  color: var(--cc-green) !important;
}

/* =========================================================
   5. BOTONES GLOBALES
========================================================= */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
#place_order {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 28px !important;
  border-radius: var(--cc-radius-pill) !important;
  border: 1px solid rgba(0, 105, 46, 0.78) !important;
  background:
    linear-gradient(145deg, #00e15a, #42ff00 48%, #009c3a) !important;
  color: #061109 !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.30),
    inset 0 -7px 14px rgba(0, 0, 0, 0.20),
    0 12px 24px rgba(0, 225, 90, 0.24) !important;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.single_add_to_cart_button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.36),
    inset 0 -7px 14px rgba(0, 0, 0, 0.22),
    0 16px 32px rgba(0, 225, 90, 0.32) !important;
}

/* =========================================================
   6. FORMULARIOS E INPUTS
========================================================= */

.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select,
.select2-container--default .select2-selection--single {
  min-height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--cc-light-text) !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.07) !important;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  outline: none !important;
  border-color: var(--cc-green) !important;
  box-shadow:
    0 0 0 3px rgba(0, 225, 90, 0.14),
    inset 0 1px 3px rgba(0,0,0,.07) !important;
}

html:not(.cibercell-light-mode) .woocommerce input[type="text"],
html:not(.cibercell-light-mode) .woocommerce input[type="email"],
html:not(.cibercell-light-mode) .woocommerce input[type="tel"],
html:not(.cibercell-light-mode) .woocommerce input[type="number"],
html:not(.cibercell-light-mode) .woocommerce input[type="password"],
html:not(.cibercell-light-mode) .woocommerce textarea,
html:not(.cibercell-light-mode) .woocommerce select,
html:not(.cibercell-light-mode) .select2-container--default .select2-selection--single {
  background: var(--cc-fb-input) !important;
  color: var(--cc-fb-text) !important;
  border-color: var(--cc-gray-line) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit !important;
  line-height: 44px !important;
  padding-left: 0 !important;
}

.select2-dropdown {
  border: 1px solid var(--cc-gray-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* =========================================================
   7. TIENDA / CATÁLOGO
========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 28px !important;
  margin-top: 26px !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 16px 16px 22px !important;
  border-radius: var(--cc-radius) !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(244,248,252,.78)),
    var(--cc-carbon-soft) !important;
  box-shadow: var(--cc-shadow-light) !important;
  overflow: hidden !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-5px) !important;
  border-color: var(--cc-green-line) !important;
  box-shadow:
    var(--cc-shadow-light),
    0 0 0 1px rgba(0,225,90,.16),
    0 0 24px rgba(0,225,90,.14) !important;
}

html:not(.cibercell-light-mode) .woocommerce ul.products li.product,
html:not(.cibercell-light-mode) .woocommerce-page ul.products li.product {
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  border-color: var(--cc-gray-line) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid rgba(103,118,142,.45) !important;
  margin-bottom: 16px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.14) !important;
}

.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce-page ul.products li.product .ast-woo-product-category {
  color: var(--cc-light-muted) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

html:not(.cibercell-light-mode) .woocommerce ul.products li.product .ast-woo-product-category,
html:not(.cibercell-light-mode) .woocommerce-page ul.products li.product .ast-woo-product-category {
  color: var(--cc-fb-muted) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  color: var(--cc-green-3) !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  min-height: 54px !important;
  margin: 8px 0 10px !important;
}

html:not(.cibercell-light-mode) .woocommerce ul.products li.product .woocommerce-loop-product__title,
html:not(.cibercell-light-mode) .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  color: var(--cc-green) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: var(--cc-light-text) !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  margin-bottom: 14px !important;
}

html:not(.cibercell-light-mode) .woocommerce ul.products li.product .price,
html:not(.cibercell-light-mode) .woocommerce-page ul.products li.product .price {
  color: var(--cc-fb-text) !important;
}

/* =========================================================
   8. PRODUCTO INDIVIDUAL
========================================================= */

body.single-product div.product {
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(420px, 1.05fr) !important;
  gap: 30px !important;
  align-items: start !important;
  padding: 28px !important;
  border-radius: 24px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(244,248,252,.54)),
    var(--cc-carbon-soft) !important;
  box-shadow: var(--cc-shadow-light) !important;
  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

html:not(.cibercell-light-mode) body.single-product div.product {
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), transparent 34%),
    var(--cc-carbon-dark),
    rgba(36,37,38,.82) !important;
  border-color: var(--cc-gray-line) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

body.single-product div.product div.images,
body.single-product .woocommerce-product-gallery,
body.single-product div.product div.summary,
body.single-product .summary.entry-summary,
body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .related.products {
  float: none !important;
  width: 100% !important;
  border-radius: 20px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,248,252,.62)),
    var(--cc-carbon-soft) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
}

html:not(.cibercell-light-mode) body.single-product div.product div.images,
html:not(.cibercell-light-mode) body.single-product .woocommerce-product-gallery,
html:not(.cibercell-light-mode) body.single-product div.product div.summary,
html:not(.cibercell-light-mode) body.single-product .summary.entry-summary,
html:not(.cibercell-light-mode) body.single-product .woocommerce-tabs.wc-tabs-wrapper,
html:not(.cibercell-light-mode) body.single-product .related.products {
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  border-color: var(--cc-gray-line) !important;
}

body.single-product .woocommerce-product-gallery,
body.single-product div.product div.summary,
body.single-product .summary.entry-summary {
  padding: 22px !important;
}

body.single-product .woocommerce-product-gallery .flex-viewport {
  height: 590px !important;
  max-height: 590px !important;
  min-height: 590px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.65), transparent 60%),
    rgba(103,118,142,.15) !important;
  overflow: hidden !important;
}

html:not(.cibercell-light-mode) body.single-product .woocommerce-product-gallery .flex-viewport {
  background:
    radial-gradient(circle at center, rgba(255,255,255,.06), transparent 60%),
    var(--cc-fb-input) !important;
}

body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
  height: 590px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 590px !important;
  max-height: 590px !important;
  object-fit: contain !important;
  border-radius: 16px !important;
}

body.single-product .woocommerce-product-gallery__image .zoomImg {
  display: none !important;
}

body.single-product .product_title.entry-title {
  font-size: clamp(38px, 3.4vw, 58px) !important;
  margin-bottom: 14px !important;
}

body.single-product div.product p.price,
body.single-product div.product span.price {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 18px !important;
  border-radius: var(--cc-radius-pill) !important;
  border: 1px solid var(--cc-green-line) !important;
  background: rgba(0,225,90,.10) !important;
  color: var(--cc-light-text) !important;
  font-size: 28px !important;
  font-weight: 950 !important;
}

html:not(.cibercell-light-mode) body.single-product div.product p.price,
html:not(.cibercell-light-mode) body.single-product div.product span.price {
  color: var(--cc-fb-text) !important;
}

body.single-product .woocommerce-product-details__short-description {
  margin: 18px 0 20px !important;
  padding: 20px !important;
  border-radius: 16px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background: rgba(255,255,255,.42) !important;
}

html:not(.cibercell-light-mode) body.single-product .woocommerce-product-details__short-description {
  background: var(--cc-fb-input) !important;
  color: var(--cc-fb-text) !important;
}

body.single-product .woocommerce-product-details__short-description h4 {
  color: var(--cc-green-3) !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
}

html:not(.cibercell-light-mode) body.single-product .woocommerce-product-details__short-description h4 {
  color: var(--cc-green) !important;
}

body.single-product .woocommerce-product-details__short-description ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .woocommerce-product-details__short-description li {
  position: relative !important;
  padding: 9px 0 9px 26px !important;
  border-bottom: 1px solid rgba(103,118,142,.36) !important;
  color: var(--cc-light-text) !important;
  font-weight: 700 !important;
}

html:not(.cibercell-light-mode) body.single-product .woocommerce-product-details__short-description li {
  color: var(--cc-fb-text) !important;
}

body.single-product .woocommerce-product-details__short-description li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--cc-green) !important;
  font-weight: 950 !important;
}

body.single-product .ast-stock-detail,
body.single-product .product_meta {
  color: var(--cc-light-muted) !important;
  font-weight: 800 !important;
}

html:not(.cibercell-light-mode) body.single-product .ast-stock-detail,
html:not(.cibercell-light-mode) body.single-product .product_meta {
  color: var(--cc-fb-muted) !important;
}

body.single-product .woocommerce-tabs.wc-tabs-wrapper,
body.single-product .related.products {
  grid-column: 1 / -1 !important;
  margin-top: 24px !important;
  padding: 24px !important;
}

body.single-product .woocommerce-tabs ul.tabs {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
  border-radius: var(--cc-radius-pill) !important;
  border: 1px solid var(--cc-gray-line) !important;
  background: rgba(0,225,90,.08) !important;
}

body.single-product .woocommerce-tabs ul.tabs li a {
  color: var(--cc-green-3) !important;
  font-weight: 950 !important;
}

html:not(.cibercell-light-mode) body.single-product .woocommerce-tabs ul.tabs li a {
  color: var(--cc-green) !important;
}

/* =========================================================
   9. TABLAS BASE CARRITO / CHECKOUT
========================================================= */

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: var(--cc-radius) !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.74), rgba(244,248,252,.58)),
    var(--cc-carbon-soft) !important;
  box-shadow: var(--cc-shadow-light) !important;
}

html:not(.cibercell-light-mode) .woocommerce table.shop_table,
html:not(.cibercell-light-mode) .woocommerce-page table.shop_table {
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  padding: 16px !important;
  background:
    linear-gradient(145deg, rgba(0, 225, 90, 0.30), rgba(0, 105, 48, 0.90)),
    var(--cc-carbon-dark),
    #073418 !important;
  color: #ffffff !important;
  border-color: var(--cc-gray-line) !important;
  border-bottom: 1px solid var(--cc-green-line) !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
  padding: 16px !important;
  color: var(--cc-light-text) !important;
  border-color: var(--cc-gray-line) !important;
  border-top: 1px solid rgba(103,118,142,.55) !important;
  font-weight: 800 !important;
}

html:not(.cibercell-light-mode) .woocommerce table.shop_table td,
html:not(.cibercell-light-mode) .woocommerce-page table.shop_table td {
  color: var(--cc-fb-text) !important;
  border-color: var(--cc-gray-line) !important;
}

/* =========================================================
   10. CARRITO
========================================================= */

body.woocommerce-cart .woocommerce {
  max-width: 1360px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals {
  border-radius: 22px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(244,248,252,.55)),
    var(--cc-carbon-soft) !important;
  box-shadow: var(--cc-shadow-light) !important;
  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

body.woocommerce-cart .woocommerce-cart-form {
  padding: 24px !important;
  margin-bottom: 30px !important;
}

html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-cart-form,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals {
  background:
    linear-gradient(135deg, rgba(255,255,255,.040), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

body.woocommerce-cart table.cart img {
  width: 82px !important;
  height: 82px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 1px solid var(--cc-gray-line) !important;
}

body.woocommerce-cart table.cart .product-name a {
  color: var(--cc-green-3) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .product-name a {
  color: var(--cc-green) !important;
}

body.woocommerce-cart table.cart .product-remove a.remove {
  color: var(--cc-gray-line) !important;
  background: transparent !important;
  font-size: 24px !important;
}

body.woocommerce-cart table.cart .quantity .qty {
  width: 74px !important;
  height: 42px !important;
  border-radius: 8px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--cc-light-text) !important;
  font-weight: 950 !important;
  text-align: center !important;
}

html:not(.cibercell-light-mode) body.woocommerce-cart table.cart .quantity .qty {
  background: var(--cc-fb-input) !important;
  color: var(--cc-fb-text) !important;
}

body.woocommerce-cart .cart-collaterals {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 26px !important;
}

body.woocommerce-cart .cart_totals {
  width: 100% !important;
  max-width: 620px !important;
  padding: 28px !important;
  float: none !important;
}

body.woocommerce-cart .cart_totals h2 {
  padding: 17px 20px !important;
  margin: 0 0 18px !important;
  border-radius: 14px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(145deg, rgba(0, 225, 90, 0.30), rgba(0, 105, 48, 0.92)),
    var(--cc-carbon-dark),
    #073418 !important;
  color: var(--cc-green) !important;
  font-size: 34px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 10px 22px rgba(0,0,0,.16) !important;
}

body.woocommerce-cart .cart_totals table {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.40), rgba(244,248,252,.24)),
    var(--cc-carbon-soft) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals table {
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-input) !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
  color: var(--cc-light-text) !important;
  border-color: var(--cc-gray-line) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals th,
html:not(.cibercell-light-mode) body.woocommerce-cart .cart_totals td,
html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-shipping-methods label,
html:not(.cibercell-light-mode) body.woocommerce-cart .woocommerce-shipping-destination {
  color: var(--cc-fb-text) !important;
}

body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td,
body.woocommerce-cart .order-total .amount {
  color: var(--cc-green) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: 100% !important;
  min-height: 58px !important;
  font-size: 18px !important;
}

/* =========================================================
   11. CHECKOUT / PÁGINA DE PAGO
========================================================= */

body.woocommerce-checkout .woocommerce {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

body.woocommerce-checkout form.checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #payment {
  border-radius: 22px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,248,252,.62)),
    var(--cc-carbon-soft) !important;
  box-shadow: var(--cc-shadow-light) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #customer_details,
html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-billing-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-shipping-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-additional-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout #payment {
  background:
    linear-gradient(135deg, rgba(255,255,255,.040), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

body.woocommerce-checkout #customer_details {
  padding: 24px !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
  padding: 22px !important;
  margin-bottom: 22px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
  color: var(--cc-green-3) !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 34px !important;
  margin: 0 0 18px !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-billing-fields > h3,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-shipping-fields > h3,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-additional-fields > h3 {
  color: var(--cc-green) !important;
}

body.woocommerce-checkout label {
  color: var(--cc-light-text) !important;
  font-weight: 850 !important;
  margin-bottom: 6px !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout label {
  color: var(--cc-fb-text) !important;
}

body.woocommerce-checkout #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 0 14px !important;
  padding: 17px 20px !important;
  border-radius: 14px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background:
    linear-gradient(145deg, rgba(0, 225, 90, 0.30), rgba(0, 105, 48, 0.92)),
    var(--cc-carbon-dark),
    #073418 !important;
  color: var(--cc-green) !important;
  box-shadow: var(--cc-shadow-dark) !important;
}

body.woocommerce-checkout #order_review {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin-top: 74px !important;
  padding: 22px !important;
  position: sticky !important;
  top: 24px !important;
}

body.woocommerce-checkout #order_review table.shop_table {
  margin-bottom: 18px !important;
}

body.woocommerce-checkout #payment {
  padding: 18px !important;
  margin-top: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(244,248,252,.55)),
    var(--cc-carbon-soft) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #payment {
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-input) !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--cc-gray-line) !important;
  padding: 0 0 14px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  color: var(--cc-light-text) !important;
  padding: 12px 0 !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #payment ul.payment_methods li {
  color: var(--cc-fb-text) !important;
}

body.woocommerce-checkout #payment div.payment_box {
  border-radius: 12px !important;
  border: 1px solid var(--cc-gray-line) !important;
  background: rgba(103,118,142,.15) !important;
  color: var(--cc-light-text) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #payment div.payment_box {
  background: var(--cc-fb-card-2) !important;
  color: var(--cc-fb-text) !important;
}

body.woocommerce-checkout #place_order {
  width: 100% !important;
  min-height: 60px !important;
  font-size: 18px !important;
}

/* Mensaje cupón / login */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 16px !important;
  border: 1px solid var(--cc-gray-line) !important;
  border-left: 5px solid var(--cc-green) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(244,248,252,.70)),
    var(--cc-carbon-soft) !important;
  color: var(--cc-light-text) !important;
  box-shadow: var(--cc-shadow-light) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
html:not(.cibercell-light-mode) .woocommerce-message,
html:not(.cibercell-light-mode) .woocommerce-info,
html:not(.cibercell-light-mode) .woocommerce-error {
  background:
    linear-gradient(135deg, rgba(255,255,255,.040), transparent 34%),
    var(--cc-carbon-dark),
    var(--cc-fb-card) !important;
  color: var(--cc-fb-text) !important;
}

/* =========================================================
   12. RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
  body.single-product div.product,
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.woocommerce-checkout #order_review {
    margin-top: 0 !important;
    position: relative !important;
    top: auto !important;
  }

  body.woocommerce-cart .cart-collaterals {
    justify-content: center !important;
  }

  body.woocommerce-cart .cart_totals {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-shop .site-content .ast-container,
  body.post-type-archive-product .site-content .ast-container,
  body.single-product .site-content .ast-container,
  body.woocommerce-cart .site-content .ast-container,
  body.woocommerce-checkout .site-content .ast-container {
    width: 94% !important;
    padding-top: 32px !important;
    padding-bottom: 58px !important;
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.single-product div.product {
    padding: 16px !important;
  }

  body.single-product .woocommerce-product-gallery .flex-viewport,
  body.single-product .woocommerce-product-gallery__image,
  body.single-product .woocommerce-product-gallery__image a,
  body.single-product .woocommerce-product-gallery__image img {
    height: 430px !important;
    max-height: 430px !important;
    min-height: 430px !important;
  }

  body.single-product form.cart {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.single-product form.cart .quantity .qty,
  body.single-product .single_add_to_cart_button {
    width: 100% !important;
  }

  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart_totals,
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.woocommerce-cart table.shop_table,
  body.woocommerce-cart table.shop_table thead,
  body.woocommerce-cart table.shop_table tbody,
  body.woocommerce-cart table.shop_table th,
  body.woocommerce-cart table.shop_table td,
  body.woocommerce-cart table.shop_table tr {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-cart table.shop_table thead {
    display: none !important;
  }

  body.woocommerce-cart table.shop_table tr {
    margin-bottom: 18px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border: 1px solid var(--cc-gray-line) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.26), transparent 34%),
      var(--cc-carbon-soft) !important;
  }

  html:not(.cibercell-light-mode) body.woocommerce-cart table.shop_table tr {
    background:
      linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%),
      var(--cc-carbon-dark),
      var(--cc-fb-card-2) !important;
  }

  body.woocommerce-cart table.shop_table td {
    border: none !important;
    padding: 10px 0 !important;
    text-align: left !important;
  }

  body.woocommerce-cart table.cart img {
    width: 96px !important;
    height: 96px !important;
  }

  body.woocommerce-cart button[name="update_cart"],
  body.woocommerce-cart .actions .button,
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  body.woocommerce-checkout #place_order {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .woocommerce-shop .page-title,
  .post-type-archive-product .page-title,
  .woocommerce-products-header__title {
    font-size: 38px !important;
  }

  body.single-product .product_title.entry-title {
    font-size: 34px !important;
  }

  body.single-product .woocommerce-product-gallery .flex-viewport,
  body.single-product .woocommerce-product-gallery__image,
  body.single-product .woocommerce-product-gallery__image a,
  body.single-product .woocommerce-product-gallery__image img {
    height: 360px !important;
    max-height: 360px !important;
    min-height: 360px !important;
  }

  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 240px !important;
  }
}

/* =========================================================
   CIBERCELL - TIENDA MODO OSCURO TIPO ciber
   Solo afecta modo oscuro
   ========================================================= */

/* Fondo general tipo  dark */
body.dark-mode,
html.dark-mode body,
body.wp-dark-mode-active,
html.wp-dark-mode-active body,
body.is-dark-theme,
html.is-dark-theme body,
body.dark,
html.dark body {
    background-color: #18191a !important;
    color: #e4e6eb !important;
}

/* Área principal de la tienda en modo oscuro */
body.dark-mode .site-content,
html.dark-mode body .site-content,
body.wp-dark-mode-active .site-content,
html.wp-dark-mode-active body .site-content,
body.is-dark-theme .site-content,
html.is-dark-theme body .site-content,
body.dark .site-content,
html.dark body .site-content {
    background-color: #18191a !important;
}

/* Tarjetas de productos modo oscuro estilo */
body.dark-mode .woocommerce ul.products li.product,
html.dark-mode body .woocommerce ul.products li.product,
body.wp-dark-mode-active .woocommerce ul.products li.product,
html.wp-dark-mode-active body .woocommerce ul.products li.product,
body.is-dark-theme .woocommerce ul.products li.product,
html.is-dark-theme body .woocommerce ul.products li.product,
body.dark .woocommerce ul.products li.product,
html.dark body .woocommerce ul.products li.product,
body.dark-mode .woocommerce-page ul.products li.product,
html.dark-mode body .woocommerce-page ul.products li.product,
body.wp-dark-mode-active .woocommerce-page ul.products li.product,
html.wp-dark-mode-active body .woocommerce-page ul.products li.product,
body.is-dark-theme .woocommerce-page ul.products li.product,
html.is-dark-theme body .woocommerce-page ul.products li.product,
body.dark .woocommerce-page ul.products li.product,
html.dark body .woocommerce-page ul.products li.product {
    background: #242526 !important;
    border: 1px solid #3a3b3c !important;
    border-radius: 18px !important;
    padding: 14px 14px 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.28s ease !important;
}

/* Imagen del producto */
body.dark-mode .woocommerce ul.products li.product a img,
html.dark-mode body .woocommerce ul.products li.product a img,
body.wp-dark-mode-active .woocommerce ul.products li.product a img,
html.wp-dark-mode-active body .woocommerce ul.products li.product a img,
body.is-dark-theme .woocommerce ul.products li.product a img,
html.is-dark-theme body .woocommerce ul.products li.product a img,
body.dark .woocommerce ul.products li.product a img,
html.dark body .woocommerce ul.products li.product a img {
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
    transition: all 0.28s ease !important;
}

/* Hover imagen */
body.dark-mode .woocommerce ul.products li.product:hover a img,
html.dark-mode body .woocommerce ul.products li.product:hover a img,
body.wp-dark-mode-active .woocommerce ul.products li.product:hover a img,
html.wp-dark-mode-active body .woocommerce ul.products li.product:hover a img,
body.is-dark-theme .woocommerce ul.products li.product:hover a img,
html.is-dark-theme body .woocommerce ul.products li.product:hover a img,
body.dark .woocommerce ul.products li.product:hover a img,
html.dark body .woocommerce ul.products li.product:hover a img {
    transform: scale(1.025) !important;
    filter: contrast(1.05) saturate(1.08) !important;
}

/* Categoría del producto */
body.dark-mode .woocommerce ul.products li.product .ast-woo-product-category,
html.dark-mode body .woocommerce ul.products li.product .ast-woo-product-category,
body.wp-dark-mode-active .woocommerce ul.products li.product .ast-woo-product-category,
html.wp-dark-mode-active body .woocommerce ul.products li.product .ast-woo-product-category,
body.is-dark-theme .woocommerce ul.products li.product .ast-woo-product-category,
html.is-dark-theme body .woocommerce ul.products li.product .ast-woo-product-category,
body.dark .woocommerce ul.products li.product .ast-woo-product-category,
html.dark body .woocommerce ul.products li.product .ast-woo-product-category {
    color: #b0b3b8 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Título del producto */
body.dark-mode .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.dark-mode body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.wp-dark-mode-active .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.wp-dark-mode-active body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.is-dark-theme .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.is-dark-theme body .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.dark .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.dark body .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #00ff66 !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
}

/* Precio */
body.dark-mode .woocommerce ul.products li.product .price,
html.dark-mode body .woocommerce ul.products li.product .price,
body.wp-dark-mode-active .woocommerce ul.products li.product .price,
html.wp-dark-mode-active body .woocommerce ul.products li.product .price,
body.is-dark-theme .woocommerce ul.products li.product .price,
html.is-dark-theme body .woocommerce ul.products li.product .price,
body.dark .woocommerce ul.products li.product .price,
html.dark body .woocommerce ul.products li.product .price {
    color: #e4e6eb !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

/* Botón añadir al carrito */
body.dark-mode .woocommerce ul.products li.product .button,
html.dark-mode body .woocommerce ul.products li.product .button,
body.wp-dark-mode-active .woocommerce ul.products li.product .button,
html.wp-dark-mode-active body .woocommerce ul.products li.product .button,
body.is-dark-theme .woocommerce ul.products li.product .button,
html.is-dark-theme body .woocommerce ul.products li.product .button,
body.dark .woocommerce ul.products li.product .button,
html.dark body .woocommerce ul.products li.product .button,
body.dark-mode .woocommerce a.button,
html.dark-mode body .woocommerce a.button,
body.wp-dark-mode-active .woocommerce a.button,
html.wp-dark-mode-active body .woocommerce a.button,
body.is-dark-theme .woocommerce a.button,
html.is-dark-theme body .woocommerce a.button,
body.dark .woocommerce a.button,
html.dark body .woocommerce a.button {
    background: linear-gradient(180deg, #28ff5f 0%, #00c943 100%) !important;
    color: #061407 !important;
    border: 1px solid #00ff66 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    padding: 11px 20px !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow: 0 6px 16px rgba(0, 255, 102, 0.25) !important;
    transition: all 0.25s ease !important;
}

/* Hover botón */
body.dark-mode .woocommerce ul.products li.product .button:hover,
html.dark-mode body .woocommerce ul.products li.product .button:hover,
body.wp-dark-mode-active .woocommerce ul.products li.product .button:hover,
html.wp-dark-mode-active body .woocommerce ul.products li.product .button:hover,
body.is-dark-theme .woocommerce ul.products li.product .button:hover,
html.is-dark-theme body .woocommerce ul.products li.product .button:hover,
body.dark .woocommerce ul.products li.product .button:hover,
html.dark body .woocommerce ul.products li.product .button:hover,
body.dark-mode .woocommerce a.button:hover,
html.dark-mode body .woocommerce a.button:hover,
body.wp-dark-mode-active .woocommerce a.button:hover,
html.wp-dark-mode-active body .woocommerce a.button:hover,
body.is-dark-theme .woocommerce a.button:hover,
html.is-dark-theme body .woocommerce a.button:hover,
body.dark .woocommerce a.button:hover,
html.dark body .woocommerce a.button:hover {
    background: linear-gradient(180deg, #5fff84 0%, #00e64d 100%) !important;
    color: #021006 !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 8px 20px rgba(0, 255, 102, 0.40),
        0 0 16px rgba(0, 255, 102, 0.25) !important;
}

/* Buscador modo oscuro */
body.dark-mode .woocommerce-product-search input[type="search"],
html.dark-mode body .woocommerce-product-search input[type="search"],
body.wp-dark-mode-active .woocommerce-product-search input[type="search"],
html.wp-dark-mode-active body .woocommerce-product-search input[type="search"],
body.is-dark-theme .woocommerce-product-search input[type="search"],
html.is-dark-theme body .woocommerce-product-search input[type="search"],
body.dark .woocommerce-product-search input[type="search"],
html.dark body .woocommerce-product-search input[type="search"],
body.dark-mode input.search-field,
html.dark-mode body input.search-field,
body.wp-dark-mode-active input.search-field,
html.wp-dark-mode-active body input.search-field,
body.is-dark-theme input.search-field,
html.is-dark-theme body input.search-field,
body.dark input.search-field,
html.dark body input.search-field {
    background: #242526 !important;
    color: #e4e6eb !important;
    border: 1px solid #3a3b3c !important;
    border-radius: 999px !important;
    padding: 13px 18px !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35) !important;
}

/* Placeholder buscador */
body.dark-mode input.search-field::placeholder,
html.dark-mode body input.search-field::placeholder,
body.wp-dark-mode-active input.search-field::placeholder,
html.wp-dark-mode-active body input.search-field::placeholder,
body.is-dark-theme input.search-field::placeholder,
html.is-dark-theme body input.search-field::placeholder,
body.dark input.search-field::placeholder,
html.dark body input.search-field::placeholder {
    color: #b0b3b8 !important;
    opacity: 1 !important;
}

/* Título de página tienda */
body.dark-mode .woocommerce-products-header__title,
html.dark-mode body .woocommerce-products-header__title,
body.wp-dark-mode-active .woocommerce-products-header__title,
html.wp-dark-mode-active body .woocommerce-products-header__title,
body.is-dark-theme .woocommerce-products-header__title,
html.is-dark-theme body .woocommerce-products-header__title,
body.dark .woocommerce-products-header__title,
html.dark body .woocommerce-products-header__title,
body.dark-mode .entry-title,
html.dark-mode body .entry-title,
body.wp-dark-mode-active .entry-title,
html.wp-dark-mode-active body .entry-title,
body.is-dark-theme .entry-title,
html.is-dark-theme body .entry-title,
body.dark .entry-title,
html.dark body .entry-title {
    color: #00ff66 !important;
}

/* Responsive */
@media (max-width: 768px) {
    body.dark-mode .woocommerce ul.products li.product,
    html.dark-mode body .woocommerce ul.products li.product,
    body.wp-dark-mode-active .woocommerce ul.products li.product,
    html.wp-dark-mode-active body .woocommerce ul.products li.product,
    body.is-dark-theme .woocommerce ul.products li.product,
    html.is-dark-theme body .woocommerce ul.products li.product,
    body.dark .woocommerce ul.products li.product,
    html.dark body .woocommerce ul.products li.product {
        border-radius: 16px !important;
        padding: 12px 12px 18px !important;
    }

    body.dark-mode .woocommerce ul.products li.product .button,
    html.dark-mode body .woocommerce ul.products li.product .button,
    body.wp-dark-mode-active .woocommerce ul.products li.product .button,
    html.wp-dark-mode-active body .woocommerce ul.products li.product .button,
    body.is-dark-theme .woocommerce ul.products li.product .button,
    html.is-dark-theme body .woocommerce ul.products li.product .button,
    body.dark .woocommerce ul.products li.product .button,
    html.dark body .woocommerce ul.products li.product .button {
        width: 100% !important;
        text-align: center !important;
    }
}

/* =========================================================
   CIBERCELL - DESCRIPCIÓN DE PRODUCTO
   Modo claro fibra carbono + modo oscuro
   Aplica a descripción corta, descripción larga y shortcode personalizado
   ========================================================= */


/* =========================================================
   CAJAS DE DESCRIPCIÓN DEL PRODUCTO
   ========================================================= */

.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description,
.cibercell-descripcion-producto {
    border-radius: 18px !important;
    padding: 22px !important;
    margin: 18px 0 !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.28s ease !important;
}


/* =========================================================
   MODO CLARO - Fibra de carbono estilo tienda
   ========================================================= */

.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description,
.cibercell-descripcion-producto {
    background-color: #eef3f6 !important;

    background-image:
        repeating-linear-gradient(
            45deg,
            rgba(0, 0, 0, 0.065) 0px,
            rgba(0, 0, 0, 0.065) 2px,
            transparent 2px,
            transparent 7px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.72) 0px,
            rgba(255, 255, 255, 0.72) 2px,
            transparent 2px,
            transparent 7px
        ),
        linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%) !important;

    background-size: 13px 13px, 13px 13px, 100% 100% !important;
    background-blend-mode: multiply, screen, normal !important;

    border: 1px solid rgba(0, 130, 80, 0.35) !important;

    box-shadow:
        0 12px 26px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;

    color: #263447 !important;
}


/* Hover modo claro */
.single-product .woocommerce-product-details__short-description:hover,
.single-product .woocommerce-Tabs-panel--description:hover,
.single-product #tab-description:hover,
.cibercell-descripcion-producto:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(0, 190, 95, 0.65) !important;

    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.20),
        0 0 20px rgba(0, 255, 102, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
}


/* =========================================================
   TEXTO INTERNO - Modo claro
   ========================================================= */

.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-Tabs-panel--description p,
.single-product #tab-description p,
.cibercell-descripcion-producto p {
    color: #263447 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 500 !important;
}

.single-product .woocommerce-product-details__short-description h2,
.single-product .woocommerce-product-details__short-description h3,
.single-product .woocommerce-Tabs-panel--description h2,
.single-product .woocommerce-Tabs-panel--description h3,
.single-product #tab-description h2,
.single-product #tab-description h3,
.cibercell-descripcion-producto h2,
.cibercell-descripcion-producto h3 {
    color: #008f45 !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
    letter-spacing: 0.2px !important;
}

.single-product .woocommerce-product-details__short-description ul,
.single-product .woocommerce-Tabs-panel--description ul,
.single-product #tab-description ul,
.cibercell-descripcion-producto ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.single-product .woocommerce-product-details__short-description li,
.single-product .woocommerce-Tabs-panel--description li,
.single-product #tab-description li,
.cibercell-descripcion-producto li {
    color: #263447 !important;
    padding: 8px 0 8px 24px !important;
    border-bottom: 1px solid rgba(0, 130, 80, 0.15) !important;
    position: relative !important;
    font-weight: 600 !important;
}

/* Check verde para listas */
.single-product .woocommerce-product-details__short-description li::before,
.single-product .woocommerce-Tabs-panel--description li::before,
.single-product #tab-description li::before,
.cibercell-descripcion-producto li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    color: #00b84a;
    font-weight: 900;
}


/* =========================================================
   MODO OSCURO  CIBERCELL
   ========================================================= */

body.dark-mode.single-product .woocommerce-product-details__short-description,
html.dark-mode body.single-product .woocommerce-product-details__short-description,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description,
body.is-dark-theme.single-product .woocommerce-product-details__short-description,
body.dark.single-product .woocommerce-product-details__short-description,

body.dark-mode.single-product .woocommerce-Tabs-panel--description,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description,
body.is-dark-theme.single-product .woocommerce-Tabs-panel--description,
body.dark.single-product .woocommerce-Tabs-panel--description,

body.dark-mode.single-product #tab-description,
html.dark-mode body.single-product #tab-description,
body.wp-dark-mode-active.single-product #tab-description,
body.is-dark-theme.single-product #tab-description,
body.dark.single-product #tab-description,

body.dark-mode .cibercell-descripcion-producto,
html.dark-mode body .cibercell-descripcion-producto,
body.wp-dark-mode-active .cibercell-descripcion-producto,
body.is-dark-theme .cibercell-descripcion-producto,
body.dark .cibercell-descripcion-producto {
    background-color: #242526 !important;

    background-image:
        repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.035) 0px,
            rgba(255, 255, 255, 0.035) 2px,
            transparent 2px,
            transparent 8px
        ),
        linear-gradient(135deg, #242526 0%, #1f2023 100%) !important;

    border: 1px solid #3a3b3c !important;

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    color: #e4e6eb !important;
}


/* Hover modo oscuro - borde verde */
body.dark-mode.single-product .woocommerce-product-details__short-description:hover,
html.dark-mode body.single-product .woocommerce-product-details__short-description:hover,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description:hover,
body.is-dark-theme.single-product .woocommerce-product-details__short-description:hover,
body.dark.single-product .woocommerce-product-details__short-description:hover,

body.dark-mode.single-product .woocommerce-Tabs-panel--description:hover,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description:hover,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description:hover,
body.is-dark-theme.single-product .woocommerce-Tabs-panel--description:hover,
body.dark.single-product .woocommerce-Tabs-panel--description:hover,

body.dark-mode.single-product #tab-description:hover,
html.dark-mode body.single-product #tab-description:hover,
body.wp-dark-mode-active.single-product #tab-description:hover,
body.is-dark-theme.single-product #tab-description:hover,
body.dark.single-product #tab-description:hover,

body.dark-mode .cibercell-descripcion-producto:hover,
html.dark-mode body .cibercell-descripcion-producto:hover,
body.wp-dark-mode-active .cibercell-descripcion-producto:hover,
body.is-dark-theme .cibercell-descripcion-producto:hover,
body.dark .cibercell-descripcion-producto:hover {
    transform: translateY(-3px) !important;
    border: 2px solid #00ff66 !important;

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 255, 102, 0.55),
        0 0 24px rgba(0, 255, 102, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}


/* =========================================================
   TEXTO INTERNO - Modo oscuro
   ========================================================= */

body.dark-mode.single-product .woocommerce-product-details__short-description p,
html.dark-mode body.single-product .woocommerce-product-details__short-description p,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description p,
body.is-dark-theme.single-product .woocommerce-product-details__short-description p,
body.dark.single-product .woocommerce-product-details__short-description p,

body.dark-mode.single-product .woocommerce-Tabs-panel--description p,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description p,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description p,
body.is-dark-theme.single-product .woocommerce-Tabs-panel--description p,
body.dark.single-product .woocommerce-Tabs-panel--description p,

body.dark-mode .cibercell-descripcion-producto p,
html.dark-mode body .cibercell-descripcion-producto p,
body.wp-dark-mode-active .cibercell-descripcion-producto p,
body.is-dark-theme .cibercell-descripcion-producto p,
body.dark .cibercell-descripcion-producto p {
    color: #e4e6eb !important;
}


body.dark-mode.single-product .woocommerce-product-details__short-description h2,
body.dark-mode.single-product .woocommerce-product-details__short-description h3,
html.dark-mode body.single-product .woocommerce-product-details__short-description h2,
html.dark-mode body.single-product .woocommerce-product-details__short-description h3,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description h2,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description h3,

body.dark-mode.single-product .woocommerce-Tabs-panel--description h2,
body.dark-mode.single-product .woocommerce-Tabs-panel--description h3,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description h2,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description h3,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description h2,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description h3,

body.dark-mode .cibercell-descripcion-producto h2,
body.dark-mode .cibercell-descripcion-producto h3,
html.dark-mode body .cibercell-descripcion-producto h2,
html.dark-mode body .cibercell-descripcion-producto h3,
body.wp-dark-mode-active .cibercell-descripcion-producto h2,
body.wp-dark-mode-active .cibercell-descripcion-producto h3 {
    color: #00ff66 !important;
}


body.dark-mode.single-product .woocommerce-product-details__short-description li,
html.dark-mode body.single-product .woocommerce-product-details__short-description li,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description li,

body.dark-mode.single-product .woocommerce-Tabs-panel--description li,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description li,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description li,

body.dark-mode .cibercell-descripcion-producto li,
html.dark-mode body .cibercell-descripcion-producto li,
body.wp-dark-mode-active .cibercell-descripcion-producto li {
    color: #e4e6eb !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

body.dark-mode.single-product .woocommerce-product-details__short-description li::before,
html.dark-mode body.single-product .woocommerce-product-details__short-description li::before,
body.wp-dark-mode-active.single-product .woocommerce-product-details__short-description li::before,

body.dark-mode.single-product .woocommerce-Tabs-panel--description li::before,
html.dark-mode body.single-product .woocommerce-Tabs-panel--description li::before,
body.wp-dark-mode-active.single-product .woocommerce-Tabs-panel--description li::before,

body.dark-mode .cibercell-descripcion-producto li::before,
html.dark-mode body .cibercell-descripcion-producto li::before,
body.wp-dark-mode-active .cibercell-descripcion-producto li::before {
    color: #00ff66 !important;
}


/* =========================================================
   TABLAS DE DESCRIPCIÓN / INFORMACIÓN ADICIONAL
   ========================================================= */

.single-product .woocommerce-product-attributes,
.single-product .woocommerce-product-attributes.shop_attributes {
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 130, 80, 0.25) !important;
}

.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(0, 130, 80, 0.14) !important;
}

.single-product .woocommerce-product-attributes th {
    color: #008f45 !important;
    font-weight: 900 !important;
}

.single-product .woocommerce-product-attributes td {
    color: #334155 !important;
    font-weight: 600 !important;
}

/* Tabla modo oscuro */
body.dark-mode.single-product .woocommerce-product-attributes,
html.dark-mode body.single-product .woocommerce-product-attributes,
body.wp-dark-mode-active.single-product .woocommerce-product-attributes {
    border-color: rgba(0, 255, 102, 0.20) !important;
}

body.dark-mode.single-product .woocommerce-product-attributes th,
html.dark-mode body.single-product .woocommerce-product-attributes th,
body.wp-dark-mode-active.single-product .woocommerce-product-attributes th {
    color: #00ff66 !important;
    background: #2b2d30 !important;
}

body.dark-mode.single-product .woocommerce-product-attributes td,
html.dark-mode body.single-product .woocommerce-product-attributes td,
body.wp-dark-mode-active.single-product .woocommerce-product-attributes td {
    color: #e4e6eb !important;
    background: #242526 !important;
}

/* =========================================================
   CIBERCELL - WOOCOMMERCE PÁGINAS COMPACTAS
   Carrito / Checkout / Mi cuenta
   Estilo CIBERCELL + menos scroll
   ========================================================= */

/* Contenedor general más ancho y compacto */
.woocommerce-cart .ast-container,
.woocommerce-checkout .ast-container,
.woocommerce-account .ast-container {
    max-width: 1180px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Reducir espacios generales */
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-account .site-content {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}



/* Títulos más compactos */
.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-account h1,
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-account .entry-title {
    font-size: 24px !important;
    margin-bottom: 12px !important;
    color: #00b84a !important;
}

/* Avisos WooCommerce compactos */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 12px 18px !important;
    margin: 0 0 14px 0 !important;
    border-radius: 12px !important;
    min-height: auto !important;
    font-size: 13px !important;
}

/* Botones compactos */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button {
    padding: 9px 18px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, #32ff64 0%, #00c943 100%) !important;
    color: #041407 !important;
    border: 1px solid #00ff66 !important;
    box-shadow: 0 6px 16px rgba(0,255,102,.22) !important;
}

/* =========================================================
   CARRITO - diseño en dos columnas
   ========================================================= */

@media (min-width: 922px) {
    .woocommerce-cart .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1.65fr) 390px !important;
        gap: 20px !important;
        align-items: start !important;
    }

    

    .woocommerce-cart .woocommerce-cart-form {
        grid-column: 1 !important;
        margin: 0 !important;
    }

    .woocommerce-cart .cart-collaterals {
        grid-column: 2 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        float: none !important;
    }
}

/* Caja principal carrito */
.woocommerce-cart table.shop_table,
.woocommerce-cart .cart_totals {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,120,80,.30) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.14) !important;
}

/* Encabezado tabla */


/* Filas más bajitas */


/* Imagen producto más pequeña */
.woocommerce-cart table.cart img {
    width: 52px !important;
    max-width: 52px !important;
    border-radius: 8px !important;
}

/* Nombre producto */


/* Cantidad compacta */


/* Botón actualizar carrito alineado */
.woocommerce-cart table.cart td.actions {
    padding: 12px !important;
}

/* Totales carrito compactos */
.woocommerce-cart .cart_totals h2 {
    font-size: 22px !important;
    padding: 12px 16px !important;
    margin: 0 0 10px 0 !important;
    color: #00ff66 !important;
    background: linear-gradient(135deg, #007a35 0%, #005f2b 100%) !important;
    border-radius: 12px !important;
}



.woocommerce-cart .wc-proceed-to-checkout {
    padding: 12px 0 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 12px !important;
    padding: 13px 18px !important;
    margin: 0 !important;
}

/* =========================================================
   MI CUENTA - compacto
   ========================================================= */

@media (min-width: 922px) {
    .woocommerce-account .woocommerce {
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr) !important;
        gap: 20px !important;
        align-items: start !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    border-radius: 16px !important;
    border: 1px solid rgba(0,120,80,.30) !important;
    padding: 14px !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.14) !important;
}

/* =========================================================
   MODO OSCURO TIPO
   ========================================================= */

body.dark-mode.woocommerce-cart table.shop_table,
html.dark-mode body.woocommerce-cart table.shop_table,
body.dark-mode.woocommerce-cart .cart_totals,
html.dark-mode body.woocommerce-cart .cart_totals,
body.dark-mode.woocommerce-checkout #customer_details,
html.dark-mode body.woocommerce-checkout #customer_details,
body.dark-mode.woocommerce-checkout-review-order,
html.dark-mode body.woocommerce-checkout-review-order,
body.dark-mode.woocommerce-account .woocommerce-MyAccount-navigation,
html.dark-mode body.woocommerce-account .woocommerce-MyAccount-navigation,
body.dark-mode.woocommerce-account .woocommerce-MyAccount-content,
html.dark-mode body.woocommerce-account .woocommerce-MyAccount-content {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-color: #3a3b3c !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.45) !important;
}

body.dark-mode.woocommerce-cart table.shop_table td,
html.dark-mode body.woocommerce-cart table.shop_table td,
body.dark-mode.woocommerce-checkout table.shop_table td,
html.dark-mode body.woocommerce-checkout table.shop_table td,
body.dark-mode.woocommerce-cart table.shop_table th,
html.dark-mode body.woocommerce-cart table.shop_table th,
body.dark-mode.woocommerce-checkout table.shop_table th,
html.dark-mode body.woocommerce-checkout table.shop_table th {
    color: #e4e6eb !important;
    border-color: rgba(255,255,255,.08) !important;
}

/* Hover verde en cajas oscuras */
body.dark-mode.woocommerce-cart table.shop_table:hover,
html.dark-mode body.woocommerce-cart table.shop_table:hover,
body.dark-mode.woocommerce-cart .cart_totals:hover,
html.dark-mode body.woocommerce-cart .cart_totals:hover,
body.dark-mode.woocommerce-checkout #customer_details:hover,
html.dark-mode body.woocommerce-checkout #customer_details:hover,
body.dark-mode.woocommerce-account .woocommerce-MyAccount-navigation:hover,
html.dark-mode body.woocommerce-account .woocommerce-MyAccount-navigation:hover,
body.dark-mode.woocommerce-account .woocommerce-MyAccount-content:hover,
html.dark-mode body.woocommerce-account .woocommerce-MyAccount-content:hover {
    border-color: #00ff66 !important;
    box-shadow:
        0 14px 32px rgba(0,0,0,.55),
        0 0 0 1px rgba(0,255,102,.45),
        0 0 20px rgba(0,255,102,.22) !important;
}

/* =========================================================
   RESPONSIVE - celular/tablet
   ========================================================= */

@media (max-width: 921px) {
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout form.checkout,
    .woocommerce-account .woocommerce {
        display: block !important;
    }

    .woocommerce-cart .cart-collaterals,
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
    }

    .woocommerce-cart table.shop_table td,
    .woocommerce-checkout table.shop_table td {
        padding: 9px 8px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   FIX CIBERCELL - Carrito compacto sin dañar header
   Alinea tabla y totales en la misma altura
   ========================================================= */

/* Restaurar cabecera en páginas WooCommerce */
.woocommerce-cart .site-header,
.woocommerce-checkout .site-header,
.woocommerce-account .site-header,
.woocommerce-cart .main-header-bar,
.woocommerce-checkout .main-header-bar,
.woocommerce-account .main-header-bar,
.woocommerce-cart .ast-primary-header-bar,
.woocommerce-checkout .ast-primary-header-bar,
.woocommerce-account .ast-primary-header-bar {
    zoom: 1 !important;
    transform: none !important;
    min-height: unset !important;
    padding-top: initial;
    padding-bottom: initial;
}

/* Solo controlar el ancho del contenido, NO del header */
.woocommerce-cart .site-content .ast-container,
.woocommerce-checkout .site-content .ast-container,
.woocommerce-account .site-content .ast-container {
    max-width: 1180px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Quitar espacios grandes del contenido */
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-account .site-content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-account .entry-content {
    margin-top: 0 !important;
}

/* Aviso superior más compacto */
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-notices-wrapper {
    margin-bottom: 18px !important;
}

.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-account .woocommerce-message {
    margin: 0 !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    min-height: auto !important;
}

/* Carrito en dos columnas alineadas */
@media (min-width: 922px) {
    .woocommerce-cart .entry-content > .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1.7fr) 380px !important;
        gap: 22px !important;
        align-items: start !important;
    }

    .woocommerce-cart .woocommerce-notices-wrapper {
        grid-column: 1 / -1 !important;
    }

    .woocommerce-cart .woocommerce-cart-form {
        grid-column: 1 !important;
        margin: 0 !important;
        align-self: start !important;
    }

    .woocommerce-cart .cart-collaterals {
        grid-column: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        align-self: start !important;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
}

/* Caja de productos y totales con la misma altura visual inicial */
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart_totals {
    margin-top: 0 !important;
}

/* Tabla del carrito */
.woocommerce-cart table.shop_table {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 120, 80, 0.30) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
}

/* Encabezado tabla */
.woocommerce-cart table.shop_table thead th {
    padding: 12px 10px !important;
    font-size: 12px !important;
    background: linear-gradient(135deg, #007a35 0%, #005f2b 100%) !important;
    color: #ffffff !important;
}

/* Filas compactas */
.woocommerce-cart table.shop_table td {
    padding: 10px 10px !important;
    font-size: 13px !important;
}

/* Imagen producto más pequeña */
.woocommerce-cart table.cart img {
    width: 54px !important;
    max-width: 54px !important;
    border-radius: 8px !important;
}

/* Nombre producto */
.woocommerce-cart table.cart .product-name a {
    color: #008f45 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* Cantidad compacta */
.woocommerce-cart .quantity .qty {
    width: 58px !important;
    height: 36px !important;
    padding: 4px !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

/* Totales del carrito */
.woocommerce-cart .cart_totals {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 120, 80, 0.30) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
    background: rgba(255,255,255,0.72) !important;
}

/* Título totales */
.woocommerce-cart .cart_totals h2 {
    font-size: 22px !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    color: #00ff66 !important;
    background: linear-gradient(135deg, #007a35 0%, #005f2b 100%) !important;
}

/* Tabla totales compacta */
.woocommerce-cart .cart_totals table {
    margin: 0 !important;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding: 10px 12px !important;
    font-size: 13px !important;
}

/* Botón finalizar compra */
.woocommerce-cart .wc-proceed-to-checkout {
    padding: 14px 0 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    margin: 0 !important;
    padding: 13px 18px !important;
    font-size: 12px !important;
    border-radius: 999px !important;
}

/* Botones generales carrito */
.woocommerce-cart a.button,
.woocommerce-cart button.button,
.woocommerce-cart input.button {
    padding: 10px 18px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    background: linear-gradient(180deg, #32ff64 0%, #00c943 100%) !important;
    color: #041407 !important;
    border: 1px solid #00ff66 !important;
    box-shadow: 0 6px 16px rgba(0,255,102,.22) !important;
}

/* Modo oscuro tipo Facebook para carrito */
body.dark-mode.woocommerce-cart table.shop_table,
html.dark-mode body.woocommerce-cart table.shop_table,
body.dark-mode.woocommerce-cart .cart_totals,
html.dark-mode body.woocommerce-cart .cart_totals {
    background: #242526 !important;
    color: #e4e6eb !important;
    border-color: #3a3b3c !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.45) !important;
}

body.dark-mode.woocommerce-cart table.shop_table td,
html.dark-mode body.woocommerce-cart table.shop_table td,
body.dark-mode.woocommerce-cart table.shop_table th,
html.dark-mode body.woocommerce-cart table.shop_table th {
    color: #e4e6eb !important;
    border-color: rgba(255,255,255,.08) !important;
}

/* Responsive */
@media (max-width: 921px) {
    .woocommerce-cart .entry-content > .woocommerce {
        display: block !important;
    }

    .woocommerce-cart .cart-collaterals,
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        margin-top: 18px !important;
    }
}

/* =========================================================
   CIBERCELL - CORRECCIÓN FINAL CHECKOUT / PÁGINA DE PAGO
   Más ancho, dos columnas reales, pedido legible,
   modo claro + modo oscuro + fibra de carbono
========================================================= */

/* ===============================
   CONTENEDOR GENERAL CHECKOUT
=============================== */

body.woocommerce-checkout .site-content .ast-container {
  width: 94% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding-top: 46px !important;
  padding-bottom: 90px !important;
}

body.woocommerce-checkout .woocommerce {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

/* Título Pago */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout h1.entry-title,
body.woocommerce-checkout .page-title {
  max-width: 1360px !important;
  margin: 0 auto 24px !important;
  color: #00a843 !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: clamp(42px, 4vw, 64px) !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout .entry-title,
html:not(.cibercell-light-mode) body.woocommerce-checkout h1.entry-title,
html:not(.cibercell-light-mode) body.woocommerce-checkout .page-title {
  color: #00e15a !important;
  text-shadow: 0 0 14px rgba(0, 225, 90, 0.24) !important;
}

/* ===============================
   GRID PRINCIPAL
=============================== */

body.woocommerce-checkout form.checkout {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: minmax(620px, 1.35fr) minmax(430px, 0.85fr) !important;
  grid-template-areas:
    "datos titulo-pedido"
    "datos pedido";
  gap: 30px !important;
  align-items: start !important;
}

/* Columna izquierda */
body.woocommerce-checkout #customer_details {
  grid-area: datos !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px !important;

  border-radius: 24px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(244,248,252,.66)),
    repeating-linear-gradient(
      135deg,
      rgba(103,118,142,.10) 0,
      rgba(103,118,142,.10) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  box-shadow:
    0 16px 38px rgba(0,0,0,.13),
    0 0 20px rgba(0,225,90,.08) !important;

  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

/* Eliminar columnas raras internas de WooCommerce */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tarjetas internas de datos */
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 24px !important;

  border-radius: 20px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,248,252,.58)),
    repeating-linear-gradient(
      135deg,
      rgba(103,118,142,.08) 0,
      rgba(103,118,142,.08) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 10px 24px rgba(0,0,0,.08) !important;
}

/* ===============================
   BLOQUE TU PEDIDO
=============================== */

body.woocommerce-checkout #order_review_heading {
  grid-area: titulo-pedido !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 22px !important;

  border-radius: 16px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(145deg, rgba(0,225,90,.32), rgba(0,105,48,.94)),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.055) 0,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 7px
    ),
    #073418 !important;

  color: #00e15a !important;
  font-family: 'Teko', 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.85),
    0 0 10px rgba(0,225,90,.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 28px rgba(0,0,0,.16),
    0 0 18px rgba(0,225,90,.12) !important;
}

body.woocommerce-checkout #order_review {
  grid-area: pedido !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px !important;

  position: sticky !important;
  top: 24px !important;

  border-radius: 24px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.84), rgba(244,248,252,.66)),
    repeating-linear-gradient(
      135deg,
      rgba(103,118,142,.10) 0,
      rgba(103,118,142,.10) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.14),
    0 0 20px rgba(0,225,90,.10) !important;

  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
}

/* ===============================
   TABLA TU PEDIDO
=============================== */

body.woocommerce-checkout #order_review table.shop_table {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  margin: 0 0 20px !important;
  overflow: hidden !important;

  border-radius: 16px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.72), rgba(244,248,252,.56)),
    repeating-linear-gradient(
      135deg,
      rgba(103,118,142,.08) 0,
      rgba(103,118,142,.08) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  box-shadow: none !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 16px 14px !important;
  border-color: #67768E !important;
  border-top: 1px solid rgba(103,118,142,.65) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body.woocommerce-checkout #order_review table.shop_table thead th {
  background:
    linear-gradient(145deg, rgba(0,225,90,.30), rgba(0,105,48,.94)),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.050) 0,
      rgba(255,255,255,.050) 1px,
      transparent 1px,
      transparent 7px
    ),
    #073418 !important;

  color: #ffffff !important;
  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}

body.woocommerce-checkout #order_review table.shop_table td {
  color: #172126 !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout #order_review table.shop_table .product-name {
  width: 65% !important;
}

body.woocommerce-checkout #order_review table.shop_table .product-total,
body.woocommerce-checkout #order_review table.shop_table td:last-child,
body.woocommerce-checkout #order_review table.shop_table th:last-child {
  width: 35% !important;
  text-align: right !important;
}

/* Filas subtotal/envío/total */
body.woocommerce-checkout #order_review table.shop_table tfoot th {
  width: 38% !important;
  color: #ffffff !important;
  background:
    linear-gradient(145deg, rgba(0,145,58,.95), rgba(0,92,39,.95)),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.045) 0,
      rgba(255,255,255,.045) 1px,
      transparent 1px,
      transparent 7px
    ) !important;
}

body.woocommerce-checkout #order_review table.shop_table tfoot td {
  background: rgba(255,255,255,.50) !important;
  color: #172126 !important;
}

body.woocommerce-checkout #order_review table.shop_table .order-total th,
body.woocommerce-checkout #order_review table.shop_table .order-total td,
body.woocommerce-checkout #order_review table.shop_table .order-total .amount {
  color: #00a843 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

/* Envíos más ordenados */
body.woocommerce-checkout #shipping_method {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.woocommerce-checkout #shipping_method li {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body.woocommerce-checkout #shipping_method label {
  color: #172126 !important;
  font-weight: 850 !important;
}

/* ===============================
   MÉTODOS DE PAGO
=============================== */

body.woocommerce-checkout #payment {
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 20px !important;

  border-radius: 20px !important;
  border: 1px solid #67768E !important;

  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(244,248,252,.58)),
    repeating-linear-gradient(
      135deg,
      rgba(103,118,142,.08) 0,
      rgba(103,118,142,.08) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 10px 24px rgba(0,0,0,.08) !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  padding: 0 0 16px !important;
  margin: 0 !important;
  border-bottom: 1px solid #67768E !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  margin: 0 !important;
  padding: 14px 0 !important;
  color: #172126 !important;
  font-weight: 850 !important;
  border-bottom: 1px solid rgba(103,118,142,.35) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}

body.woocommerce-checkout #payment div.payment_box {
  margin: 12px 0 0 !important;
  padding: 16px !important;

  border-radius: 14px !important;
  border: 1px solid #67768E !important;

  background: rgba(255,255,255,.56) !important;
  color: #172126 !important;

  font-size: 14px !important;
  line-height: 1.55 !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

/* Botón Realizar pedido */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .place-order .button {
  width: 100% !important;
  min-height: 60px !important;
  margin-top: 18px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,105,46,.88) !important;

  background:
    linear-gradient(145deg, #00e15a, #42ff00 48%, #009c3a) !important;

  color: #061109 !important;

  font-family: 'Rajdhani', 'Segoe UI', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.34),
    inset 0 -8px 14px rgba(0,0,0,.20),
    0 16px 34px rgba(0,225,90,.30),
    0 0 22px rgba(0,225,90,.18) !important;

  transition: .22s ease !important;
}

body.woocommerce-checkout #place_order:hover {
  transform: translateY(-2px) scale(1.01) !important;
  filter: brightness(1.07) !important;
}

/* ===============================
   CAMPOS DEL CHECKOUT
=============================== */

body.woocommerce-checkout .form-row {
  margin-bottom: 16px !important;
}

body.woocommerce-checkout label {
  color: #172126 !important;
  font-weight: 850 !important;
  margin-bottom: 7px !important;
}

body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container--default .select2-selection--single {
  min-height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid #67768E !important;
  background: rgba(255,255,255,.95) !important;
  color: #172126 !important;
  font-weight: 750 !important;
  padding: 11px 14px !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
  outline: none !important;
  border-color: #00e15a !important;
  box-shadow:
    0 0 0 3px rgba(0,225,90,.14),
    0 0 14px rgba(0,225,90,.12) !important;
}

/* ===============================
   MODO OSCURO 
=============================== */

html:not(.cibercell-light-mode) body.woocommerce-checkout #customer_details,
html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-billing-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-shipping-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-additional-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout #payment {
  background:
    linear-gradient(135deg, rgba(255,255,255,.040), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.035) 0,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0,225,90,.020) 0,
      rgba(0,225,90,.020) 1px,
      transparent 1px,
      transparent 8px
    ),
    #242526 !important;

  border-color: #67768E !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.36),
    0 0 18px rgba(0,225,90,.10) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-billing-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-shipping-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-additional-fields,
html:not(.cibercell-light-mode) body.woocommerce-checkout #payment {
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.030) 0,
      rgba(255,255,255,.030) 1px,
      transparent 1px,
      transparent 8px
    ),
    #2f3031 !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-billing-fields > h3,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-shipping-fields > h3,
html:not(.cibercell-light-mode) body.woocommerce-checkout .woocommerce-additional-fields > h3 {
  color: #00e15a !important;
  text-shadow: 0 0 12px rgba(0,225,90,.22) !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout label,
html:not(.cibercell-light-mode) body.woocommerce-checkout #payment ul.payment_methods li,
html:not(.cibercell-light-mode) body.woocommerce-checkout #payment div.payment_box {
  color: #E4E6EB !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout input[type="text"],
html:not(.cibercell-light-mode) body.woocommerce-checkout input[type="email"],
html:not(.cibercell-light-mode) body.woocommerce-checkout input[type="tel"],
html:not(.cibercell-light-mode) body.woocommerce-checkout input[type="number"],
html:not(.cibercell-light-mode) body.woocommerce-checkout input[type="password"],
html:not(.cibercell-light-mode) body.woocommerce-checkout textarea,
html:not(.cibercell-light-mode) body.woocommerce-checkout select,
html:not(.cibercell-light-mode) body.woocommerce-checkout .select2-container--default .select2-selection--single {
  background: #3A3B3C !important;
  color: #E4E6EB !important;
  border-color: #67768E !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review table.shop_table {
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.030) 0,
      rgba(255,255,255,.030) 1px,
      transparent 1px,
      transparent 8px
    ),
    #242526 !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review table.shop_table td,
html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review table.shop_table tfoot td,
html:not(.cibercell-light-mode) body.woocommerce-checkout #shipping_method label {
  color: #E4E6EB !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #order_review table.shop_table tfoot td {
  background: #3A3B3C !important;
}

html:not(.cibercell-light-mode) body.woocommerce-checkout #payment div.payment_box {
  background: #3A3B3C !important;
  border-color: #67768E !important;
}

/* ===============================
   TABLET Y CELULAR
=============================== */

@media (max-width: 1100px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "datos"
      "titulo-pedido"
      "pedido" !important;
  }

  body.woocommerce-checkout #order_review {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-checkout .site-content .ast-container {
    width: 94% !important;
    padding-top: 32px !important;
    padding-bottom: 60px !important;
  }

  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields,
  body.woocommerce-checkout .woocommerce-shipping-fields,
  body.woocommerce-checkout .woocommerce-additional-fields,
  body.woocommerce-checkout #payment {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  body.woocommerce-checkout #order_review_heading {
    font-size: 30px !important;
  }

  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td {
    padding: 12px 10px !important;
    font-size: 13px !important;
  }

  body.woocommerce-checkout #place_order {
    min-height: 56px !important;
    font-size: 16px !important;
  }
}

/* =========================================================
   CIBERCELL - AJUSTE CHECKOUT + FONDO PERSONALIZADO
   Acercar "Tu pedido" con tabla del producto
   Mantener imagen de fondo + fibra carbono
========================================================= */

body.woocommerce-checkout {
  --cc-checkout-bg-image: url("http://cibercelltienda.com.co/wp-content/uploads/2026/05/fondo-tienda-cibercell-1.png");
}

/* Fondo modo claro */
body.woocommerce-checkout .site-content {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  background-image:
    linear-gradient(
      rgba(238, 242, 246, 0.78),
      rgba(238, 242, 246, 0.82)
    ),
    var(--cc-checkout-bg-image) !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Fibra carbono modo claro */
body.woocommerce-checkout .site-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 10% 18%, rgba(0, 225, 90, 0.09), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.08), transparent 30%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.08) 0,
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(103, 118, 142, 0.10) 0,
      rgba(103, 118, 142, 0.10) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.72 !important;
}

/* Fondo modo oscuro tipo Facebook */
html:not(.cibercell-light-mode) body.woocommerce-checkout .site-content,
html.cibercell-dark-mode body.woocommerce-checkout .site-content,
body.cibercell-dark-mode.woocommerce-checkout .site-content {
  background-image:
    linear-gradient(
      rgba(24, 25, 26, 0.82),
      rgba(24, 25, 26, 0.86)
    ),
    var(--cc-checkout-bg-image) !important;

  background-color: #18191A !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Fibra carbono modo oscuro */
html:not(.cibercell-light-mode) body.woocommerce-checkout .site-content::before,
html.cibercell-dark-mode body.woocommerce-checkout .site-content::before,
body.cibercell-dark-mode.woocommerce-checkout .site-content::before {
  background:
    radial-gradient(circle at 12% 20%, rgba(0, 225, 90, 0.11), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(0, 225, 90, 0.10), transparent 30%),
    repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.035) 0,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0, 225, 90, 0.020) 0,
      rgba(0, 225, 90, 0.020) 1px,
      transparent 1px,
      transparent 8px
    ) !important;

  opacity: 0.86 !important;
}

/* Asegurar contenido encima del fondo */
body.woocommerce-checkout .site-content .ast-container,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .woocommerce {
  position: relative !important;
  z-index: 1 !important;
}

/* =========================================================
   2. CORRECCIÓN DE SEPARACIÓN ENTRE FACTURACIÓN Y TU PEDIDO
========================================================= */

/* Grid principal más equilibrado */
body.woocommerce-checkout form.checkout {
  max-width: 1180px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: minmax(560px, 1.25fr) minmax(380px, 0.85fr) !important;
  grid-template-areas:
    "datos resumen";
  gap: 24px !important;
  align-items: start !important;
}

/* Datos de facturación */
body.woocommerce-checkout #customer_details {
  grid-area: datos !important;
}

/* Quitar ubicación forzada del título */
body.woocommerce-checkout #order_review_heading {
  grid-area: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 12px 0 !important;
  padding: 16px 20px !important;

  border-radius: 14px !important;
}

/* Hacer que el bloque del pedido suba debajo del título */
body.woocommerce-checkout #order_review {
  grid-area: resumen !important;
  grid-column: 2 !important;
  grid-row: 1 !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 18px !important;

  position: sticky !important;
  top: 24px !important;
}

/* Eliminar espacio extra entre título y tabla */
body.woocommerce-checkout #order_review table.shop_table {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* Tabla más compacta */
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
  padding: 12px 12px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* Producto más legible */
body.woocommerce-checkout #order_review table.shop_table .product-name {
  width: 62% !important;
  white-space: normal !important;
}

body.woocommerce-checkout #order_review table.shop_table .product-total,
body.woocommerce-checkout #order_review table.shop_table td:last-child,
body.woocommerce-checkout #order_review table.shop_table th:last-child {
  width: 38% !important;
  text-align: right !important;
}

/* Métodos de pago más cerca */
body.woocommerce-checkout #payment {
  margin-top: 14px !important;
  padding: 16px !important;
}

/* Reducir espacio interno de métodos de pago */
body.woocommerce-checkout #payment ul.payment_methods li {
  padding: 10px 0 !important;
}

body.woocommerce-checkout #payment div.payment_box {
  margin-top: 8px !important;
  padding: 12px !important;
}

/* Botón más compacto */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout .place-order .button {
  min-height: 54px !important;
  margin-top: 14px !important;
}

/* Ajustar ancho del contenedor general */
body.woocommerce-checkout .woocommerce {
  max-width: 1180px !important;
}

/* =========================================================
   3. RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
  body.woocommerce-checkout form.checkout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "datos"
      "resumen" !important;
    max-width: 760px !important;
  }

  body.woocommerce-checkout #order_review {
    grid-column: auto !important;
    grid-row: auto !important;
    position: relative !important;
    top: auto !important;
  }

  body.woocommerce-checkout #order_review_heading {
    margin-top: 18px !important;
  }
}

/* =========================================================
   CIBERCELL - PÁGINA DE PAGO / CHECKOUT MODO CLARO
   Corrige "Tu pedido" + diseño compacto profesional
   ========================================================= */

/* Contenedor principal checkout */
body.woocommerce-checkout .site-content .ast-container {
    max-width: 1180px !important;
}

/* Reducir espacio superior */
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout article,
body.woocommerce-checkout .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Título principal Pago */
body.woocommerce-checkout .entry-title {
    color: #008f45 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    margin: 0 0 18px !important;
}

/* =========================================================
   ESTRUCTURA EN DOS COLUMNAS
   ========================================================= */

@media (min-width: 922px) {
    body.woocommerce-checkout form.checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 360px !important;
        grid-template-rows: auto auto !important;
        column-gap: 22px !important;
        row-gap: 12px !important;
        align-items: start !important;
    }

    /* Columna izquierda: datos de facturación */
    body.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        margin: 0 !important;
        align-self: start !important;
    }

    /* CORRECCIÓN PRINCIPAL: título Tu pedido arriba a la derecha */
    body.woocommerce-checkout #order_review_heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 14px 18px !important;
        align-self: start !important;

        background: linear-gradient(135deg, #007a35 0%, #005f2b 100%) !important;
        color: #00ff66 !important;
        border-radius: 14px 14px 0 0 !important;
        border: 1px solid rgba(0, 120, 80, 0.35) !important;
        border-bottom: none !important;

        font-size: 22px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        text-transform: none !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
    }

    /* Resumen del pedido debajo del título */
    body.woocommerce-checkout #order_review {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        align-self: start !important;
    }
}

/* =========================================================
   CAJAS PRINCIPALES ESTILO CIBERCELL
   ========================================================= */

body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review {
    background:
        repeating-linear-gradient(
            45deg,
            rgba(0, 0, 0, 0.045) 0,
            rgba(0, 0, 0, 0.045) 2px,
            transparent 2px,
            transparent 8px
        ),
        repeating-linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.75) 0,
            rgba(255, 255, 255, 0.75) 2px,
            transparent 2px,
            transparent 8px
        ),
        linear-gradient(135deg, #ffffff 0%, #e8eef2 100%) !important;

    background-size: 13px 13px, 13px 13px, 100% 100% !important;
    background-blend-mode: multiply, screen, normal !important;

    border: 1px solid rgba(0, 120, 80, 0.35) !important;
    border-radius: 18px !important;
    padding: 18px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
}

/* Si el resumen está debajo del título, quitar borde superior redondo */
@media (min-width: 922px) {
    body.woocommerce-checkout #order_review {
        border-radius: 0 0 18px 18px !important;
        border-top: none !important;
    }
}

/* Hover elegante */
body.woocommerce-checkout #customer_details:hover,
body.woocommerce-checkout #order_review:hover {
    border-color: rgba(0, 190, 95, 0.65) !important;
    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.18),
        0 0 20px rgba(0, 255, 102, 0.12) !important;
}

/* =========================================================
   TITULOS INTERNOS
   ========================================================= */

body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
    color: #008f45 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    margin: 0 0 16px !important;
}

/* Evitar que otros h3 dañen el título Tu pedido */
body.woocommerce-checkout #order_review_heading {
    color: #00ff66 !important;
}

/* =========================================================
   CAMPOS DEL FORMULARIO
   ========================================================= */

body.woocommerce-checkout .form-row {
    margin-bottom: 10px !important;
}

body.woocommerce-checkout label {
    color: #263447 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection {
    min-height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0, 90, 70, 0.42) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.04) !important;
}

body.woocommerce-checkout textarea {
    min-height: 72px !important;
}

body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
    border-color: #00b84a !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 102, 0.35),
        0 0 12px rgba(0, 255, 102, 0.16) !important;
    outline: none !important;
}

/* =========================================================
   TABLA TU PEDIDO
   ========================================================= */

body.woocommerce-checkout #order_review table.shop_table {
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 120, 80, 0.28) !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
    padding: 9px 10px !important;
    font-size: 12px !important;
    border-color: rgba(0, 120, 80, 0.15) !important;
    color: #263447 !important;
    vertical-align: top !important;
}

body.woocommerce-checkout #order_review table.shop_table thead th {
    background: linear-gradient(135deg, #007a35 0%, #005f2b 100%) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body.woocommerce-checkout #order_review .order-total th,
body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout #order_review .order-total .amount {
    color: #00b84a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* =========================================================
   MÉTODOS DE PAGO
   ========================================================= */

body.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 14px !important;
    margin-top: 14px !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    padding: 12px !important;
    border: 1px solid rgba(0, 120, 80, 0.25) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.62) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    color: #263447 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout #payment div.payment_box {
    background: rgba(255, 255, 255, 0.78) !important;
    color: #263447 !important;
    border: 1px solid rgba(0, 120, 80, 0.18) !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

/* =========================================================
   BOTÓN REALIZAR PEDIDO
   ========================================================= */

body.woocommerce-checkout #place_order,
body.woocommerce-checkout button.button,
body.woocommerce-checkout a.button {
    width: 100% !important;
    background: linear-gradient(180deg, #32ff64 0%, #00c943 100%) !important;
    color: #041407 !important;
    border: 1px solid #00ff66 !important;
    border-radius: 999px !important;
    padding: 13px 18px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .45px !important;
    text-transform: uppercase !important;
    box-shadow:
        0 8px 18px rgba(0,255,102,.26),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
    transition: all .25s ease !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button.button:hover,
body.woocommerce-checkout a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 12px 24px rgba(0,255,102,.36),
        0 0 18px rgba(0,255,102,.20) !important;
}

/* =========================================================
   AVISOS WOOCOMMERCE
   ========================================================= */

body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
    border-radius: 14px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    border: 1px solid rgba(0, 120, 80, 0.28) !important;
    background: rgba(255,255,255,0.82) !important;
    color: #263447 !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.12) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 921px) {
    body.woocommerce-checkout form.checkout {
        display: block !important;
    }

    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout #order_review_heading {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    body.woocommerce-checkout #order_review_heading {
        border-radius: 14px !important;
        border-bottom: 1px solid rgba(0, 120, 80, 0.35) !important;
    }

    body.woocommerce-checkout #order_review {
        border-radius: 18px !important;
        border-top: 1px solid rgba(0, 120, 80, 0.35) !important;
    }
}

/* =========================================================
   FIX CIBERCELL - ACERCAR "TU PEDIDO" AL RESUMEN
   ========================================================= */

@media (min-width: 922px) {
    body.woocommerce-checkout form.checkout {
        row-gap: 2px !important;
    }

    body.woocommerce-checkout #order_review_heading {
        margin: 0 !important;
        padding-bottom: 12px !important;
    }

    body.woocommerce-checkout #order_review {
        margin: 0 !important;
        margin-top: -170px !important;
        padding-top: 10px !important;
    }
}
/* =========================================================
   CIBERCELL - CABECERA ELEGANTE 3D
   Elimina líneas verdes y mejora header
   ========================================================= */

/* =========================
   FONDO GENERAL DE CABECERA
   ========================= */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header,
.ast-builder-layout-element {
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.10), transparent 35%),
        radial-gradient(circle at top right, rgba(0,255,102,0.08), transparent 30%),
        linear-gradient(180deg, #6f7c90 0%, #6b788c 30%, #667285 65%, #606c7d 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.20),
        inset 0 -1px 0 rgba(0,0,0,0.10),
        0 8px 20px rgba(15,23,42,0.18) !important;
    border: none !important;
}

/* =========================
   ELIMINAR LÍNEAS VERDES
   ========================= */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-builder-menu,
.ast-builder-grid-row,
.ast-builder-layout-element,
.ast-header-break-point .main-header-bar,
.ast-desktop .main-header-menu,
.main-navigation,
.main-navigation ul,
.ast-header-html {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Línea divisoria sutil, elegante y no verde */
.main-header-bar {
    border-top: 1px solid rgba(255,255,255,0.18) !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

/* =========================
   CONTENEDOR INTERNO
   ========================= */
.site-header .ast-container,
.main-header-bar .ast-container,
.ast-primary-header-bar .ast-container {
    min-height: 74px !important;
    align-items: center !important;
}

/* =========================
   LOGO
   ========================= */
.custom-logo-link img,
.site-logo-img img,
.ast-site-identity img {
    max-height: 52px !important;
    width: auto !important;
    filter:
        drop-shadow(0 4px 8px rgba(0,0,0,0.28))
        drop-shadow(0 0 8px rgba(0,255,102,0.10));
    transition: all 0.28s ease !important;
}

.custom-logo-link img:hover,
.site-logo-img img:hover,
.ast-site-identity img:hover {
    transform: translateY(-2px) scale(1.03) !important;
    filter:
        drop-shadow(0 6px 12px rgba(0,0,0,0.32))
        drop-shadow(0 0 12px rgba(0,255,102,0.16));
}

/* =========================
   MENÚ PRINCIPAL
   ========================= */
.main-header-menu > .menu-item > a,
.ast-builder-menu .menu-item > a,
.main-navigation .menu-item > a {
    color: #f3f6fa !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.18);
}

/* Hover menú */
.main-header-menu > .menu-item > a:hover,
.ast-builder-menu .menu-item > a:hover,
.main-navigation .menu-item > a:hover {
    background: rgba(255,255,255,0.10) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 4px 10px rgba(0,0,0,0.10) !important;
}

/* Ítem activo */
.main-header-menu > .current-menu-item > a,
.ast-builder-menu .current-menu-item > a,
.main-navigation .current-menu-item > a {
    background: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 4px 10px rgba(0,0,0,0.10) !important;
}

/* =========================
   BARRA DE BÚSQUEDA
   ========================= */
.ast-search-menu-icon,
.ast-header-search .search-field,
.ast-header-search input[type="search"],
input.search-field {
    border-radius: 999px !important;
}

.ast-header-search input[type="search"],
.search-field {
    background: linear-gradient(180deg, #ffffff 0%, #eef3f7 100%) !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    color: #334155 !important;
    min-height: 42px !important;
    box-shadow:
        inset 0 1px 2px rgba(0,0,0,0.05),
        0 4px 10px rgba(0,0,0,0.08) !important;
}

.ast-header-search input[type="search"]:focus,
.search-field:focus {
    border-color: rgba(0,255,102,0.40) !important;
    box-shadow:
        0 0 0 1px rgba(0,255,102,0.20),
        0 6px 14px rgba(0,0,0,0.10) !important;
    outline: none !important;
}

/* =========================
   ICONOS DERECHA
   ========================= */
.ast-header-account-wrap,
.ast-header-woo-cart,
.ast-custom-button-link,
.ast-builder-layout-element .ast-icon {
    color: #ffffff !important;
}

.ast-header-account-wrap a,
.ast-header-woo-cart a,
.ast-builder-layout-element .ast-icon,
.ast-builder-layout-element .ast-button-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.10) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 4px 10px rgba(0,0,0,0.10) !important;
    transition: all 0.25s ease !important;
}

.ast-header-account-wrap a:hover,
.ast-header-woo-cart a:hover,
.ast-builder-layout-element .ast-icon:hover,
.ast-builder-layout-element .ast-button-wrap:hover {
    transform: translateY(-1px) !important;
    background: rgba(255,255,255,0.16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.20),
        0 6px 14px rgba(0,0,0,0.14) !important;
}

/* =========================
   FILA INFERIOR DEL MENÚ
   ========================= */
.ast-below-header-bar,
.ast-primary-header-bar {
    position: relative;
}

.ast-below-header-bar::after,
.ast-primary-header-bar::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 82%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.22) 20%,
        rgba(255,255,255,0.30) 50%,
        rgba(255,255,255,0.22) 80%,
        transparent 100%
    );
    pointer-events: none;
}

/* =========================
   SUBMENÚS
   ========================= */
.sub-menu,
.ast-desktop .main-header-menu .sub-menu {
    background: rgba(99, 110, 126, 0.98) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 24px rgba(0,0,0,0.18) !important;
    overflow: hidden !important;
}

.sub-menu a,
.ast-desktop .main-header-menu .sub-menu a {
    color: #f3f6fa !important;
    font-weight: 600 !important;
}

.sub-menu a:hover,
.ast-desktop .main-header-menu .sub-menu a:hover {
    background: rgba(255,255,255,0.10) !important;
    color: #ffffff !important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 921px) {
    .site-header .ast-container,
    .main-header-bar .ast-container,
    .ast-primary-header-bar .ast-container {
        min-height: 64px !important;
    }

    .custom-logo-link img,
    .site-logo-img img,
    .ast-site-identity img {
        max-height: 44px !important;
    }

    .main-header-menu > .menu-item > a,
    .ast-builder-menu .menu-item > a,
    .main-navigation .menu-item > a {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
}

/* =====================================================
   CIBERCELL HEADER + FOOTER FINAL
   Modo oscuro: negro fibra carbono 3D
   Modo claro: #67768E fibra carbono 3D
===================================================== */


/* ============================
   HEADER MODO OSCURO
============================ */

html:not(.cibercell-light-mode) #masthead,
html:not(.cibercell-light-mode) .site-header,
html:not(.cibercell-light-mode) .ast-header-wrap,
html:not(.cibercell-light-mode) .ast-main-header-wrap,
html:not(.cibercell-light-mode) .main-header-bar-wrap,
html:not(.cibercell-light-mode) .ast-primary-header-bar,
html:not(.cibercell-light-mode) .ast-below-header-bar,
html:not(.cibercell-light-mode) .main-header-bar,
html:not(.cibercell-light-mode) .site-primary-header-wrap,
html:not(.cibercell-light-mode) .site-below-header-wrap{
    background-color:#151719 !important;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,.018) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,.018) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255,255,255,.018) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.018) 75%),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18)) !important;
    background-size:8px 8px, 8px 8px, 8px 8px, 8px 8px, 100% 100% !important;
    border:none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.45),
        0 8px 18px rgba(0,0,0,.35) !important;
}


/* ============================
   HEADER MODO CLARO
============================ */

html.cibercell-light-mode #masthead,
html.cibercell-light-mode .site-header,
html.cibercell-light-mode .ast-header-wrap,
html.cibercell-light-mode .ast-main-header-wrap,
html.cibercell-light-mode .main-header-bar-wrap,
html.cibercell-light-mode .ast-primary-header-bar,
html.cibercell-light-mode .ast-below-header-bar,
html.cibercell-light-mode .main-header-bar,
html.cibercell-light-mode .site-primary-header-wrap,
html.cibercell-light-mode .site-below-header-wrap{
    background-color:#67768E !important;
    background-image:
        linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255,255,255,.035) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255,255,255,.035) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.035) 75%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.10)) !important;
    background-size:8px 8px, 8px 8px, 8px 8px, 8px 8px, 100% 100% !important;
    border:none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -1px 0 rgba(0,0,0,.22),
        0 8px 18px rgba(0,0,0,.18) !important;
}


/* ============================
   CAPAS INTERNAS TRANSPARENTES
============================ */

html:not(.cibercell-light-mode) .ast-builder-grid-row,
html:not(.cibercell-light-mode) .ast-builder-grid-row-container,
html:not(.cibercell-light-mode) .site-header-section,
html:not(.cibercell-light-mode) .ast-builder-layout-element,
html:not(.cibercell-light-mode) .ast-header-html,
html:not(.cibercell-light-mode) .main-header-container,
html:not(.cibercell-light-mode) .ast-container,
html:not(.cibercell-light-mode) .ast-row,
html.cibercell-light-mode .ast-builder-grid-row,
html.cibercell-light-mode .ast-builder-grid-row-container,
html.cibercell-light-mode .site-header-section,
html.cibercell-light-mode .ast-builder-layout-element,
html.cibercell-light-mode .ast-header-html,
html.cibercell-light-mode .main-header-container,
html.cibercell-light-mode .ast-container,
html.cibercell-light-mode .ast-row{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}


/* ============================
   QUITAR LÍNEAS VERDES FUERTES
============================ */

html:not(.cibercell-light-mode) .ast-primary-header-bar,
html:not(.cibercell-light-mode) .ast-below-header-bar,
html.cibercell-light-mode .ast-primary-head[Truncated]
/* Cibercell: equilibrio visual de los logos de financiación. */
#credito .partners > .partner > img[alt="Addi"] { scale: 1.15; }
#credito .partners > .partner > img[alt="Aló Credit"] { scale: 2.1; }
#credito .partners > .partner > img[alt="PayJoy"] { scale: .86; }
#cc-elementor-footer .cc-footer-finance-links { display:grid !important; grid-template-columns:minmax(0,1fr); gap:5px !important; }
#cc-elementor-footer .cc-footer-finance-links > a { display:flex !important; align-items:center; justify-content:center; width:100%; height:52px; margin:0 !important; padding:0 !important; }
#cc-elementor-footer .cc-footer-finance-links img[alt="Addi"] { scale:1.48; }
#cc-elementor-footer .cc-footer-finance-links img[alt="Aló Credit"] { scale:2.14; }
#cc-elementor-footer .cc-footer-finance-links img[alt="PayJoy"] { scale:.65; }

/* Carrusel de portada en móvil: título, imagen y detalles. */
@media (max-width: 767px) {
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-inner {
    min-height: 0;
    padding: 10px 20px 64px !important;
    grid-template-rows: repeat(6, auto);
    align-content: start;
    justify-items: center;
    gap: 9px;
  }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-copy { display: contents; }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-eyebrow { grid-row: 1; margin: 0 !important; }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-inner h2 {
    grid-row: 2;
    margin: 0 !important;
    font-size: clamp(26px, 7.4vw, 33px) !important;
    text-wrap: balance;
  }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-art {
    grid-row: 3;
    width: min(100%, 340px);
    height: clamp(170px, 51vw, 225px);
    margin: 0 auto !important;
  }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-art > img { max-width: 100% !important; max-height: 100% !important; }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-sub { grid-row: 4; margin: 0 !important; max-width: 42ch; }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-cta { grid-row: 5; margin: 0 !important; }
  html[data-cc-theme] body #cibercell .cc-campaigns-pro .cc-campaign-note { grid-row: 6; margin: 0 !important; }
}

/* Encabezado móvil: Favoritos junto al carrito. */
@layer cc-mobile-header {
@media (max-width: 767px) {
  html[data-cc-theme] body #cc-store-header#cc-store-header#cc-store-header .cc-search-header > .cc-favorites-menu {
    grid-area: 1 / 3 !important;
    position: static !important;
    place-self: center !important;
    transform: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
  }
  html[data-cc-theme] body #cc-store-header#cc-store-header#cc-store-header .cc-favorites-menu :is(img, svg) { display: none !important; }
  html[data-cc-theme] body #cc-store-header#cc-store-header#cc-store-header .cc-favorites-menu::before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  html[data-cc-theme] body #cc-store-header#cc-store-header#cc-store-header .cc-search-header > .cc-mobile-menu-toggle { grid-area: 2 / 1 !important; justify-self: center; }
  html[data-cc-theme] body #cc-store-header#cc-store-header#cc-store-header .cc-search-header > .cc-mobile-location { grid-area: 2 / 2 !important; min-width: 0; }
}

}

/* Tarjetas móviles: precio y acciones cerca del nombre. */
@media (max-width: 767px) {
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title {
    min-height: 0 !important;
    margin-bottom: 4px !important;
    padding-block: 0 !important;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-summary-wrap > .price,
  html body :is(#cibercell, #page) ul.products li.product .cc-mobile-price-row > .price { margin: 0 !important; }
  html body :is(#cibercell, #page) ul.products li.product .cc-mobile-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    width: 100%;
  }
  html body :is(#cibercell, #page) ul.products li.product .cc-mobile-price-row > .cc-favorite-toggle {
    flex: 0 0 32px;
    width: 32px !important;
    min-width: 32px !important;
    height: 36px !important;
    padding: 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #cibercell[data-theme] .cc-catalog-showcase ul.products li.product .cc-cell-addi { margin-block: 4px 7px !important; }
  html body #cibercell[data-theme] .cc-catalog-showcase ul.products li.product .astra-shop-summary-wrap > .button { margin-top: 0 !important; }
}

/* Catálogo móvil: la valoración ocupa su propia fila. */
@media (max-width: 767px) {
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap:has(> .cc-rating-invite) {
    display: grid !important;
    grid-template: "photo" auto "rating" auto / minmax(0, 1fr) !important;
    align-content: start !important;
    align-items: start !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: max-content !important;
    aspect-ratio: auto !important;
    gap: 5px;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap:has(> .cc-rating-invite) > .woocommerce-loop-product__link {
    grid-area: photo !important;
    width: 100% !important;
    margin-inline: auto !important;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap > .cc-rating-invite {
    grid-area: rating !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap .cc-rating-trigger {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    max-width: 100%;
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: left;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap .cc-rating-popover {
    inset: auto 6px 6px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Escritorio: valoración bajo la foto y precio junto al nombre. */
@media (min-width: 768px) {
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap:has(> .cc-rating-invite) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: start !important;
    height: auto !important;
    min-height: max-content !important;
    aspect-ratio: auto !important;
    gap: 4px;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap:has(> .cc-rating-invite) > .woocommerce-loop-product__link { width: 100% !important; }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap > .cc-rating-invite {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap:has(> .cc-favorite-toggle) .cc-rating-trigger { max-width: calc(100% - 44px); text-align: left; }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap .cc-rating-popover {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 4px 0 0;
    padding: 8px;
    z-index: 6;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap .cc-rating-choices {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    max-width: 220px;
  }
  html body :is(#cibercell, #page) ul.products li.product .astra-shop-thumbnail-wrap .cc-rating-choices button { width: 100%; font-size: 23px !important; }
  html body #cibercell[data-theme] .cc-catalog-showcase ul.products li.product .woocommerce-loop-product__title {
    min-height: 0 !important;
    margin-bottom: 5px !important;
    padding-block: 0 !important;
  }
  html body #cibercell[data-theme] .cc-catalog-showcase ul.products li.product .astra-shop-summary-wrap > .price { margin: 0 0 6px !important; }
}