/* Digitiendita v1.0.25.4 — Home Clean / PC Fit / Chat Fit
   Capa final no destructiva. Evita overflow del documento y mejora tipografía/jerarquía. */
:root{
  --dt-ui-font:Inter,"Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --dt-display-font:Inter,"Segoe UI Variable Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
  overscroll-behavior-x:none;
}
@supports not (overflow:clip){html,body{overflow-x:hidden!important}}
body{font-family:var(--dt-ui-font)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}

/* Ningún wrapper debe empujar el viewport */
.store-shell,.store-main,.c4-main,.store-content,.c4-content,.store-content-inner,.c4-content-inner,
.c4-header,.c4-header-main,.c4-nav,.admin-shell,.admin-main,.admin-content,
.admin-content>*,.admin-grid-main,.admin-grid-main>*,.admin-grid-2,.admin-grid-2>*,
.messenger-toolbar,.messenger-kpis,.messenger-shell,.messenger-inbox,.messenger-chat,.messenger-context,
.pro-chat-layout,.pro-chat-sidebar,.pro-chat-main,.support-hero,
.c4-hero,.c4-hero-copy,.c4-hero-media,.c4-wallet-card,.c4-campaign-grid,.c4-campaign,.c4-service-grid{
  min-width:0!important;
  max-width:100%!important;
}
.store-shell,.store-main,.c4-main,.store-content,.c4-content,.admin-shell,.admin-main{width:100%!important}
.c4-header-main,.c4-nav,.c4-content-inner{width:min(1500px,calc(100% - 32px))!important;margin-inline:auto!important}

/* Nueva tipografía: fuerte, limpia y sin el efecto condensado de Impact */
.c4-hero h1,.c4-campaign h2,.c4-section-head h2,.c4-product-info h2{
  font-family:var(--dt-display-font)!important;
  font-weight:900!important;
  font-stretch:normal!important;
  letter-spacing:-.045em!important;
  line-height:1.03!important;
  font-kerning:normal!important;
  text-wrap:balance;
}
.c4-hero h1{font-size:clamp(46px,4.75vw,76px)!important;max-width:16ch!important}
.c4-campaign h2{font-size:clamp(27px,2.15vw,39px)!important;max-width:18ch!important;margin-top:10px!important}
.c4-section-head h2{letter-spacing:-.035em!important}
.c4-service-grid b,.c4-hero-trust b{font-family:var(--dt-ui-font)!important;font-weight:850!important;letter-spacing:.005em!important;line-height:1.25!important}

/* Home: grids con minmax(0,1fr), no columnas que fuerzan ancho */
.c4-brand-rail{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.c4-category-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.c4-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.c4-campaign-grid{grid-template-columns:minmax(0,1.05fr) repeat(2,minmax(0,1fr))!important}
.c4-campaign.visual>div{left:clamp(18px,2vw,28px)!important;right:18px!important;max-width:min(72%,470px)!important}
.c4-campaign p{line-height:1.55!important;max-width:48ch}
.c4-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.c4-service-grid>div{min-width:0!important;padding:22px clamp(12px,1.4vw,22px)!important}
.c4-service-grid b{font-size:clamp(11px,.78vw,13px)!important;overflow-wrap:normal;word-break:normal}
.c4-service-grid small{font-size:clamp(9px,.66vw,11px)!important;line-height:1.45!important;max-width:255px;margin:6px auto 0!important;color:#9f98a0!important}

/* Panel: la página nunca genera barra horizontal; tablas anchas desplazan dentro de su propio bloque */
.admin-shell{overflow-x:clip!important}
.admin-main,.admin-content{overflow-x:clip!important}
.admin-content{width:100%!important;max-width:100%!important}
.table-wrap,.table-responsive{width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
.card,.panel,.box,.widget,.filter-bar,.filters,.form-grid,.stat-grid,.queue-board{max-width:100%!important;min-width:0!important}
.filter-bar,.filters{min-width:0!important}
.filter-bar>* ,.filters>*{min-width:0!important;max-width:100%!important}

/* Chat cliente: ancho controlado y scroll solo donde corresponde */
.support-hero{grid-template-columns:auto minmax(0,1fr) minmax(180px,240px)!important}
.support-response-card{min-width:0!important;max-width:100%!important}
.pro-chat-layout{
  width:100%!important;
  grid-template-columns:minmax(230px,285px) minmax(0,1fr)!important;
  height:min(690px,calc(100dvh - 210px))!important;
  min-height:480px!important;
  overflow:hidden!important;
}
.pro-chat-sidebar,.conversation-list{overflow-x:hidden!important}
.conversation-item{grid-template-columns:40px minmax(0,1fr) auto!important;max-width:100%!important}
.conversation-copy{min-width:0!important}
.pro-chat-main{width:100%!important;overflow:hidden!important}
.pro-chat-head{min-width:0!important;flex-wrap:wrap!important;height:auto!important;min-height:70px!important}
.pro-chat-messages{overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important;padding-inline:clamp(10px,1.6vw,20px)!important}
.chat-bubble-row{max-width:100%!important;min-width:0!important}
.chat-bubble{max-width:min(760px,86%)!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.pro-chat-compose{width:100%!important;max-width:100%!important;grid-template-columns:auto minmax(0,1fr) auto!important;min-width:0!important}
.compose-field,.pro-chat-compose textarea{min-width:0!important;max-width:100%!important}

/* Chat administrativo: dos columnas útiles; el contexto baja, evitando las 3 columnas comprimidas */
.messenger-shell{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:minmax(255px,315px) minmax(0,1fr)!important;
  height:min(720px,calc(100dvh - 190px))!important;
  min-height:500px!important;
  overflow:hidden!important;
}
.messenger-inbox,.messenger-chat{min-width:0!important;overflow-x:hidden!important}
.messenger-context{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-height:none!important;
  overflow:visible!important;
  border-top:1px solid #352830!important;
}
.messenger-profile,.profile-actions,.context-list,.messenger-panel{min-width:0!important;max-width:100%!important}
.messenger-search,.messenger-search input,.messenger-filters,.messenger-filters>*{min-width:0!important;max-width:100%!important}
.messenger-messages{overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important}
.messenger-message-row{max-width:100%!important;min-width:0!important}
.messenger-bubble{max-width:min(760px,86%)!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.messenger-compose-wrap{min-width:0!important;max-width:100%!important}
.messenger-compose{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
.messenger-compose textarea{min-width:0!important;width:100%!important;max-width:100%!important}
.quick-replies{display:flex!important;flex-wrap:wrap!important;overflow-x:visible!important;gap:7px!important}
.quick-replies button{flex:0 1 auto!important;max-width:100%!important;white-space:normal!important}

/* El hero era el principal causante de overflow en PCs intermedias: 3 mínimos sumaban más que el contenedor. */
@media(max-width:1450px){
  .c4-hero{grid-template-columns:minmax(330px,.9fr) minmax(0,1.25fr)!important;padding:38px 28px!important;gap:18px!important}
  .c4-hero-media{min-width:0!important}
  .c4-wallet-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(185px,.72fr) minmax(220px,.75fr) minmax(260px,1fr)!important;gap:14px!important;align-items:center!important}
  .c4-wallet-head{grid-column:1!important;grid-row:1!important;margin:0!important}.c4-wallet-card>strong{grid-column:1!important;grid-row:2!important;margin:0!important}.c4-wallet-card>small{grid-column:1!important;grid-row:3!important}.c4-wallet-card>.btn{grid-column:2!important;grid-row:1/4!important;margin:0!important;width:100%!important}.c4-wallet-actions{grid-column:3!important;grid-row:1/4!important;min-width:0!important}
  .c4-brand-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .c4-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.c4-campaign.flash{grid-column:1/-1!important}
}

@media(max-width:1180px){
  .c4-header-main{grid-template-columns:minmax(210px,260px) minmax(0,1fr) auto!important;gap:14px!important}
  .c4-category-trigger{display:none!important}.c4-search{grid-template-columns:minmax(0,1fr) 50px!important}
  .c4-nav{gap:clamp(14px,2vw,24px)!important}
  .c4-hero{grid-template-columns:1fr!important;min-height:0!important}
  .c4-hero-copy{max-width:760px!important}.c4-hero-media{height:auto!important;max-width:900px!important;margin-inline:auto!important}.c4-screen{transform:none!important}
  .c4-wallet-card{display:block!important}.c4-wallet-card>.btn{margin:16px 0!important}.c4-wallet-actions{min-width:0!important}
  .c4-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.c4-service-grid>div:nth-child(odd){border-right:1px solid #2b1719!important}.c4-service-grid>div:nth-child(even){border-right:0!important}.c4-service-grid>div:nth-child(-n+2){border-bottom:1px solid #2b1719!important}
  .support-hero{grid-template-columns:auto minmax(0,1fr)!important}.support-response-card{grid-column:1/-1!important;width:100%!important}
  .messenger-context{grid-template-columns:1fr 1fr!important}
}

@media(max-width:900px){
  .c4-header-main,.c4-content-inner{width:calc(100% - 22px)!important}
  .c4-brand-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .c4-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .c4-products-grid,.c4-campaign-grid{grid-template-columns:1fr!important}.c4-campaign.flash{grid-column:auto!important}
  .admin-content{padding:15px!important}
  .messenger-shell{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}
  .messenger-inbox{max-height:360px!important;border-right:0!important;border-bottom:1px solid #352830!important}
  .messenger-shell.has-conversation .messenger-inbox{display:none!important}
  .messenger-chat{min-height:min(650px,70dvh)!important}
  .messenger-context{display:block!important}.messenger-shell:not(.has-conversation) .messenger-chat,.messenger-shell:not(.has-conversation) .messenger-context{display:none!important}
  .pro-chat-layout{display:block!important;height:auto!important;min-height:0!important}.pro-chat-sidebar{max-height:320px!important;border-right:0!important;border-bottom:1px solid #352830!important}.pro-chat-layout.has-conversation .pro-chat-sidebar{display:none!important}.pro-chat-main{min-height:min(650px,72dvh)!important}
}

@media(max-width:620px){
  .c4-header-main,.c4-content-inner{width:calc(100% - 18px)!important}
  .c4-hero{padding:25px 18px!important;border-radius:18px!important}.c4-hero h1{font-size:clamp(38px,11vw,54px)!important;letter-spacing:-.04em!important}.c4-hero-copy>p{font-size:14px!important;line-height:1.6!important}
  .c4-service-grid{grid-template-columns:1fr!important}.c4-service-grid>div{border-right:0!important;border-bottom:1px solid #2b1719!important}.c4-service-grid>div:last-child{border-bottom:0!important}
  .c4-campaign h2{font-size:clamp(27px,8vw,36px)!important;max-width:18ch!important}
  .support-hero{grid-template-columns:1fr!important;text-align:center!important}.support-agent-logo{margin-inline:auto!important}.support-response-card{text-align:left!important}
  .pro-chat-head{align-items:flex-start!important}.chat-head-actions{width:100%!important;justify-content:flex-start!important}.chat-bubble{max-width:92%!important}
  .messenger-filters{grid-template-columns:1fr 1fr!important}.messenger-filters button{grid-column:1/-1!important;width:100%!important}.messenger-bubble{max-width:92%!important}
}