/* Reset mínimo SOLO dentro del widget */
.tcx1[data-cta], .tcx1[data-cta] * { box-sizing:border-box; }
.tcx1[data-cta] * { font:inherit; color:inherit; }
.tcx1[data-cta] a { text-decoration:none; }

/* Contenedor (igual que tienes, con z bien alto) */
.tcx1{--orange:#FF7A1A;--orange-600:#FF6400;--cta:#33c762;--cta-600:#22B863;--ink:#0B1B2E;--muted:#667085;--surface:#fff;--line:#E7ECF3;--radius:16px;--z:2147483000;--gap:12px;--bottom:calc(env(safe-area-inset-bottom) + 16px);max-width:100%;}
.tcx1{visibility: hidden;;position:fixed;inset:auto 16px var(--bottom) 16px;z-index:var(--z);display:grid;justify-items:end;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1);}
.tcx1.is-on{visibility: visible;opacity:1;transform:none;pointer-events:auto;transition-delay: 0s;}

/* Card y contenido (scoped) */
.tcx1[data-cta] .tcx1-card{display:flex;align-items:center;gap:var(--gap);max-width:min(680px,96vw);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 12px 28px rgba(11,27,46,.14);position:relative;isolation:isolate;}
.tcx1[data-cta] .tcx1-card::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:6px;background:var(--orange);transform:scaleY(.6);transform-origin:center;animation:tcx1bar .8s .2s both;}
@keyframes tcx1bar{to{transform:scaleY(1)}}
.tcx1[data-cta] .tcx1-title{font:800 18px/1.2 Montserrat,system-ui;}
.tcx1[data-cta] .tcx1-sub{color:var(--muted);font:500 13px/1.45 Montserrat,system-ui;margin-top:2px;}
.tcx1[data-cta] .tcx1-progress{position:relative;height:3px;background:#F3F6FB;border-radius:999px;overflow:hidden;margin-top:8px;}
.tcx1[data-cta] .tcx1-progress::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,rgba(255,122,26,0),rgba(255,122,26,.9),rgba(255,122,26,0));animation:tcx1slide 1.15s linear infinite;}
@keyframes tcx1slide{0%{transform:translateX(-140%)}100%{transform:translateX(160%)}}
.tcx1[data-cta] .tcx1-actions{margin-left:auto;}
.tcx1[data-cta] .tcx1-btn{display:inline-flex;align-items:center;gap:8px;touch-action:manipulation;background:var(--cta);color:#fff;border:0;border-radius:12px;padding:10px 14px;font:800 14px/1 Montserrat,system-ui;text-decoration:none;box-shadow:0 10px 28px rgba(51,199,98,.35),0 2px 6px rgba(51,199,98,.20);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.tcx1[data-cta] .tcx1-btn:hover{transform:translateY(-1px);background:var(--cta-600);box-shadow:0 10px 28px rgba(51,199,98,.35),0 2px 6px rgba(51,199,98,.20)}

/* Aquí estaba tu problema: usa all:unset y selector fuerte */
.tcx1[data-cta] button.tcx1-close{
  all:unset;
  position:absolute;right:8px;top:8px;z-index:2;
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:#6B7280;cursor:pointer;
  -webkit-appearance:none;appearance:none;font-family:inherit;font-weight:700;font-size:16px;line-height:1;
}
.tcx1[data-cta] button.tcx1-close:hover{background:#f8fafc;}

/* Barra móvil (scoped) */
.tcx1-bar{display:none;}
@media(max-width:767px){
  .tcx1{inset:auto 0 0 0;justify-items:stretch;}
  .tcx1[data-cta] .tcx1-card{display:none;}
  .tcx1[data-cta] .tcx1-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;margin:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--cta);color:#fff;text-decoration:none;font-weight:800;touch-action:manipulation;border-radius:5px;box-shadow:0 10px 28px rgba(51,199,98,.35),0 2px 6px rgba(51,199,98,.20);-webkit-tap-highlight-color:transparent;height:auto;min-height:clamp(48px,12vw,64px);}
  .tcx1[data-cta] .tcx1-bar [data-cta-text]{
      display:block;
      width:100%;
      text-align:center;
      font:800 clamp(14px,4vw,18px)/1.2 Montserrat,system-ui;
      text-wrap:balance; /* modern browsers */
    }
  .tcx1[data-cta] .tcx1-bar:hover{background:var(--cta-600);filter:saturate(1.02) brightness(1.02);}
  .tcx1[data-cta] .tcx1-bar:active{transform:translateY(.5px);}
  .tcx1[data-cta] .tcx1-bar svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;flex:none;}
}

.tcx1.kb-open{transform:translateY(72px);}
@media(prefers-reduced-motion:reduce){
  .tcx1, .tcx1[data-cta] .tcx1-btn, .tcx1[data-cta] .tcx1-bar{transition:none;}
  .tcx1[data-cta] .tcx1-card::before, .tcx1[data-cta] .tcx1-progress::after{animation:none;}
}