/* =====================================================================
   DIGITIENDITA v1.0.23.1 — CARBON / ELECTRIC BLUE HOTFIX
   Solo color + corrección del header. NO cambia grids, PHP, chat ni lógica.
   ===================================================================== */
:root{
  --dt24-bg:#050506;
  --dt24-bg2:#08090b;
  --dt24-surface:#0d0f13;
  --dt24-surface2:#11141a;
  --dt24-surface3:#171a21;
  --dt24-border:#272b33;
  --dt24-border2:#343a46;
  --dt24-text:#f7f8fa;
  --dt24-muted:#9aa1ad;
  --dt24-blue:#3485ff;
  --dt24-blue2:#2367e8;
  --dt24-cyan:#25c9d8;
  --dt24-green:#20cf88;
  --dt24-red:#f04455;
  --dt24-violet:#7c3aed;
}

/* Mata definitivamente cualquier lienzo vino/rojo heredado. */
html,body,body.dark-page,
html body .store-shell.concept4-shell.c4-shell,
html body .store-main.c4-main,
html body .store-content.c4-content,
html body .store-content-inner.c4-content-inner,
html body .admin-shell,
html body .admin-main,
html body .admin-content{
  background:var(--dt24-bg)!important;
  color:var(--dt24-text)!important;
}
html body:before{background:var(--dt24-bg)!important;opacity:1!important}
html body .store-shell.concept4-shell.c4-shell{display:block!important;width:100%!important;max-width:none!important;min-height:100vh!important;overflow-x:clip!important}
html body .store-main.c4-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
html body .store-content.c4-content{display:block!important;width:100%!important;padding:30px 22px 64px!important;min-height:calc(100vh - 140px)!important}
html body .store-content-inner.c4-content-inner{width:min(1480px,calc(100% - 8px))!important;max-width:1480px!important;margin:0 auto!important;padding-top:22px!important;min-width:0!important}

/* HEADER: restaura geometría limpia. Nada de barra roja vertical. */
html body .c4-header{
  position:sticky!important;top:0!important;z-index:60!important;
  width:100%!important;background:rgba(5,5,6,.985)!important;
  border:0!important;border-bottom:1px solid var(--dt24-border)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px)!important;
}
html body .c4-header-main,
html body .c4-nav{
  width:min(1480px,calc(100% - 44px))!important;
  max-width:1480px!important;margin:0 auto!important;
}
html body .c4-header-main{
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,320px) minmax(300px,1fr) auto!important;
  align-items:center!important;gap:22px!important;
  padding:0!important;
}
html body .c4-logo{display:flex!important;align-items:center!important;min-width:0!important}
html body .c4-logo img{width:265px!important;height:68px!important;object-fit:contain!important;object-position:left center!important}
html body .c4-search{
  height:48px!important;display:grid!important;grid-template-columns:auto 1fr 54px!important;
  background:#090a0d!important;border:1px solid var(--dt24-border2)!important;
  border-radius:12px!important;overflow:hidden!important;
}
html body .c4-search label,html body .c4-search input{background:#090a0d!important;color:#e8eaf0!important;border:0!important;box-shadow:none!important}
html body .c4-search label{border-right:1px solid var(--dt24-border)!important}
html body .c4-search button{background:linear-gradient(135deg,var(--dt24-blue),var(--dt24-blue2))!important;color:#fff!important;border:0!important}
html body .c4-actions{display:flex!important;align-items:center!important;gap:10px!important}
html body .c4-balance,html body .icon-btn,html body .c4-avatar{background:#0a0b0e!important;border:1px solid var(--dt24-border2)!important;color:#fff!important}
html body .c4-nav{
  height:54px!important;display:flex!important;align-items:center!important;gap:28px!important;
  background:transparent!important;border:0!important;border-top:1px solid #15171c!important;
}
html body .c4-nav a{
  position:relative!important;display:flex!important;align-items:center!important;height:54px!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  color:#b7bbc5!important;font-weight:720!important;
}
html body .c4-nav a:hover,html body .c4-nav a.active{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}
html body .c4-nav a.active:after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  height:2px!important;background:var(--dt24-blue)!important;border-radius:999px!important;
}
html body .c4-nav a span{color:var(--dt24-red)!important;border-color:#6d2931!important}
html body .desktop-presence-dot.online{background:var(--dt24-green)!important;box-shadow:0 0 10px rgba(32,207,136,.55)!important}

/* Superficies: carbón/grafito, sin vino. */
html body .page-white,
html body .card,
html body .content-section,
html body .c4-section,
html body .table-wrap,
html body .stat-card,
html body .queue-card,
html body .order-card,
html body .admin-order-card,
html body .promo-card,
html body .pack-card,
html body .product-card,
html body .c4-product-card,
html body .category-card,
html body .receipt,
html body .result-card,
html body .security-summary-card,
html body .profile-identity,
html body .account-section,
html body .legal-section,
html body .premium-entry-card,
html body .template-product-card,
html body .support-response-card,
html body .new-chat-panel,
html body .admin-content .card,
html body .admin-content .table-wrap,
html body .admin-content .admin-order-card,
html body .admin-content .order-info-grid>div{
  background:linear-gradient(145deg,var(--dt24-surface),#0a0c10)!important;
  border-color:var(--dt24-border)!important;
  color:var(--dt24-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.23)!important;
}

/* Hero neutro. El rojo queda en la imagen/rayos, no pinta el canvas. */
html body .c4-hero{
  background:linear-gradient(135deg,#07080a 0%,#0b0d11 48%,#07080a 100%)!important;
  border-color:#2d3038!important;
  box-shadow:0 22px 72px rgba(0,0,0,.40),inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
html body .c4-hero:before{background:linear-gradient(90deg,rgba(5,5,6,.20),rgba(5,5,6,.45))!important}
html body .c4-kicker{background:#0c0e12!important;border-color:#343945!important;color:#fff!important}
html body .c4-hero h1 em{color:#f5f6f8!important;text-shadow:none!important}
html body .c4-hero-copy>p{color:#bdc1ca!important}
html body .c4-hero-trust svg{background:#101218!important;border-color:#353a46!important;color:var(--dt24-blue)!important}
html body .c4-wallet-card{background:linear-gradient(145deg,#0d0f13,#090a0d)!important;border-color:#2d313a!important}
html body .c4-wallet-actions a{background:#101218!important;border-color:#292e37!important;color:#c4c8d0!important}

/* Azul eléctrico solo para acciones y estados de navegación. */
html body .btn-primary,
html body .c4-btn-hot{
  background:linear-gradient(135deg,var(--dt24-blue),var(--dt24-blue2))!important;
  border-color:#5b9cff!important;color:#fff!important;
  box-shadow:0 8px 24px rgba(52,133,255,.18)!important;
}
html body .btn-primary:hover,html body .c4-btn-hot:hover{filter:brightness(1.07)!important;box-shadow:0 10px 30px rgba(52,133,255,.28)!important}
html body .btn-dark,html body .btn-ghost,html body .btn{background:#101218!important;border-color:#343945!important;color:#f5f6f8!important}
html body .btn-red,html body .btn-danger{background:#181a20!important;border-color:#424751!important;color:#fff!important}
html body .btn-green{background:linear-gradient(135deg,#1ccd87,#12aa6e)!important;border-color:#35df9c!important;color:#041b13!important}

/* El rojo se reserva para oferta/descuento/alerta. */
html body .discount-badge,
html body .c4-nav a span,
html body .status-danger,
html body .text-danger{background:var(--dt24-red)!important;color:#fff!important}
html body .section-kicker,
html body .c4-section-head span,
html body .c4-section-head>a,
html body .section-head>a,
html body .c4-category-strip svg,
html body .benefit-icon{color:var(--dt24-blue)!important}
html body .c4-price strong,html body .product-price{color:#fff!important}
html body .stock-badge,html body .status-active,html body .status-delivered,html body .status-completed,html body .status-approved{background:#071c14!important;border-color:#175a41!important;color:#91ecc5!important}

/* Plataformas / categorías / productos. */
html body .c4-brand-rail a,
html body .c4-category-strip,
html body .c4-category-strip a,
html body .benefits,
html body .benefit{
  background:#0d0f13!important;border-color:var(--dt24-border)!important;
}
html body .c4-brand-rail a:hover,
html body .product-card:hover,
html body .c4-product-card:hover,
html body .template-product-card:hover{border-color:#48505f!important;box-shadow:0 14px 38px rgba(0,0,0,.34)!important}
html body .c4-product-media,html body .product-media,html body .template-cover{background:#090a0d!important}
html body .c4-product-body,html body .product-body{background:#0d0f13!important}

/* Campañas: fondo carbón. Solo la oferta puede mostrar rojo dentro de su propia imagen. */
html body .c4-campaign,
html body .c4-campaign-editable,
html body .c4-service-grid{background:#0c0e12!important;border-color:#292d36!important}
html body .c4-campaign.flash{background:radial-gradient(circle at 75% 50%,rgba(240,68,85,.10),transparent 31%),#0c0e12!important}
html body .c4-campaign-editable:after{background:linear-gradient(90deg,rgba(7,8,10,.98) 0%,rgba(7,8,10,.86) 46%,rgba(7,8,10,.32) 100%)!important}

/* Formularios/tablas */
html body input,html body select,html body textarea,html body .input{background:#0a0c10!important;border-color:#343a46!important;color:#fff!important}
html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--dt24-blue)!important;box-shadow:0 0 0 3px rgba(52,133,255,.12)!important}
html body table thead th,html body .table thead th{background:#0b0d11!important;color:#b8bdc7!important;border-color:#252932!important}
html body table tbody td,html body .table tbody td{color:#e6e8ed!important;border-color:#22262e!important}
html body table tbody tr:hover td,html body .table tbody tr:hover td{background:#11141a!important}

/* Admin: grafito puro. */
html body .admin-sidebar{background:#08090b!important;border-right-color:#292d36!important}
html body .admin-top,html body .admin-topbar{background:#08090b!important;border-bottom-color:#292d36!important}
html body .admin-user-card{background:#101218!important;border-color:#2f343e!important}
html body .admin-nav a{color:#b4b9c3!important}
html body .admin-nav a:hover{background:#12151b!important;color:#fff!important}
html body .admin-nav a.active{background:#151922!important;border-color:#3b4452!important;color:#fff!important;box-shadow:inset 3px 0 var(--dt24-blue)!important}

/* Chat conserva el violeta tipo Messenger de v1.0.23. */
html body .messenger-shell,
html body .messenger-inbox,
html body .messenger-chat,
html body .messenger-context,
html body .pro-chat-layout,
html body .pro-chat-sidebar,
html body .pro-chat-main{background:#0b0c10!important;border-color:#292d36!important}
html body .messenger-message-row.mine .messenger-bubble,
html body .chat-bubble-row.mine .chat-bubble{background:linear-gradient(135deg,#6d28d9,#8b2fe0)!important;border-color:#8b5cf6!important;color:#fff!important}

@media(max-width:1020px){
  html body .c4-header-main{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;width:calc(100% - 24px)!important;min-height:72px!important;gap:8px!important}
  html body .c4-nav{display:none!important}
  html body .c4-search{display:none!important}
  html body .mobile-menu-btn{display:grid!important}
  html body .c4-logo{justify-self:center!important}
  html body .c4-logo img{width:205px!important;height:54px!important}
  html body .store-content.c4-content{padding:18px 12px 92px!important}
  html body .store-content-inner.c4-content-inner{width:100%!important;padding-top:12px!important}
}
@media(max-width:720px){
  html body .c4-logo img{width:180px!important}
  html body .c4-actions .c4-balance,html body .c4-actions .cart-link{display:none!important}
}