/* BANNER AVISO TRIAL 10 DÍAS */
#banner-trial-10d { display:none; margin:10px 12px 0; border-radius:14px; padding:12px 14px; background:color-mix(in srgb,#3b82f6 8%,var(--surface)); border:1px solid color-mix(in srgb,#3b82f6 30%,var(--border)); flex-direction:column; gap:10px; overflow:hidden; }
#banner-trial-10d.visible { display:flex; animation:bt10-in .45s cubic-bezier(.22,.61,.36,1) both; }
#banner-trial-10d.hiding { animation:bt10-out .3s ease both; }
.bt10-top { display:flex; align-items:flex-start; gap:10px; }
.bt10-icon-wrap { width:32px; height:32px; border-radius:10px; background:color-mix(in srgb,#3b82f6 18%,var(--surface)); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; animation:bt10-icon-pulse 2.4s ease-in-out infinite; }
.bt10-body { flex:1; min-width:0; }
.bt10-pill { display:inline-flex; align-items:center; gap:4px; font-size:9.5px; font-weight:700; padding:2px 8px; border-radius:99px; background:color-mix(in srgb,#3b82f6 14%,var(--surface)); color:#1d4ed8; margin-bottom:4px; letter-spacing:.3px; }
.bt10-title { font-size:13.5px; font-weight:700; color:#1d4ed8; line-height:1.3; margin-bottom:3px; }
.bt10-sub { font-size:11.5px; color:color-mix(in srgb,#1d4ed8 80%,var(--muted)); line-height:1.5; }
.bt10-sub strong { color:#1d4ed8; font-weight:700; }
.bt10-close { background:none; border:none; cursor:pointer; color:var(--muted); flex-shrink:0; padding:2px; opacity:.55; transition:opacity var(--t); display:flex; }
.bt10-close:hover { opacity:1; }
.bt10-cta { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; padding:7px 14px; border-radius:99px; border:none; cursor:pointer; background:color-mix(in srgb,#3b82f6 14%,var(--surface)); color:#1d4ed8; transition:background var(--t),transform var(--t); align-self:flex-start; font-family:var(--sans); }
.bt10-cta:hover { background:color-mix(in srgb,#3b82f6 22%,var(--surface)); transform:translateY(-1px); }
@keyframes bt10-in { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
@keyframes bt10-out { to{opacity:0;transform:translateY(-8px);max-height:0;padding-top:0;padding-bottom:0;margin-top:0;border-width:0} }
@keyframes bt10-icon-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.35)} 50%{box-shadow:0 0 0 8px rgba(59,130,246,0)} }
@media (prefers-reduced-motion: reduce) {
  #banner-trial-10d.visible,#banner-trial-10d.hiding,.bt10-icon-wrap { animation:none !important; }
}

/* BANNER AVISO TRIAL 3 DÍAS */
#banner-trial-3d { display:none; margin:10px 12px 0; border-radius:14px; padding:12px 14px; background:color-mix(in srgb,var(--amber) 8%,var(--surface)); border:1.5px solid color-mix(in srgb,var(--amber) 35%,var(--border)); flex-direction:column; gap:10px; overflow:hidden; }
#banner-trial-3d.visible { display:flex; animation:bt3d-in .45s cubic-bezier(.22,.61,.36,1) both; }
#banner-trial-3d.hiding { animation:bt10-out .3s ease both; }
.bt3d-top { display:flex; align-items:flex-start; gap:10px; }
.bt3d-icon-wrap { width:32px; height:32px; border-radius:10px; background:color-mix(in srgb,var(--amber) 18%,var(--surface)); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; animation:bt3d-icon-pulse 2s ease-in-out infinite; }
.bt3d-body { flex:1; min-width:0; }
.bt3d-pill { display:inline-flex; align-items:center; gap:4px; font-size:9.5px; font-weight:700; padding:2px 8px; border-radius:99px; background:color-mix(in srgb,var(--amber) 16%,var(--surface)); color:var(--amber); margin-bottom:4px; letter-spacing:.3px; }
.bt3d-title { font-size:13.5px; font-weight:700; color:var(--amber); line-height:1.3; margin-bottom:3px; }
.bt3d-sub { font-size:11.5px; color:color-mix(in srgb,var(--amber) 80%,var(--muted)); line-height:1.5; }
.bt3d-sub strong { color:var(--amber); font-weight:700; }
.bt3d-close { background:none; border:none; cursor:pointer; color:var(--muted); flex-shrink:0; padding:2px; opacity:.55; transition:opacity var(--t); display:flex; }
.bt3d-close:hover { opacity:1; }
.bt3d-risk { border-radius:10px; padding:10px 12px; background:color-mix(in srgb,var(--amber) 6%,var(--surface)); border:1px solid color-mix(in srgb,var(--amber) 25%,var(--border)); display:flex; flex-direction:column; gap:7px; }
.bt3d-risk-title { font-size:10.5px; font-weight:700; color:var(--amber); display:flex; align-items:center; gap:5px; }
.bt3d-risk-items { display:flex; flex-wrap:wrap; gap:5px; }
.bt3d-risk-item { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; padding:3px 9px; border-radius:99px; background:color-mix(in srgb,var(--amber) 13%,var(--surface)); color:var(--amber); }
.bt3d-risk-note { font-size:10.5px; color:var(--muted); line-height:1.4; font-style:italic; }
.bt3d-cta { width:100%; padding:11px; border-radius:12px; border:none; cursor:pointer; background:linear-gradient(135deg,#FFB347,#FFCC70); color:#7a4500; font-size:13px; font-weight:700; font-family:var(--sans); display:inline-flex; align-items:center; justify-content:center; gap:6px; transition:opacity var(--t),transform var(--t); }
.bt3d-cta:hover { opacity:.92; transform:translateY(-1px); }
@keyframes bt3d-in { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
@keyframes bt3d-icon-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(232,148,26,.45)} 50%{box-shadow:0 0 0 9px rgba(232,148,26,0)} }
@media (prefers-reduced-motion: reduce) {
  #banner-trial-3d.visible,#banner-trial-3d.hiding,.bt3d-icon-wrap { animation:none !important; }
}

/* BANNER AVISO TRIAL ÚLTIMO DÍA */
#banner-trial-1d { display:none; margin:10px 12px 0; border-radius:16px; padding:14px 16px; background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 8%,var(--surface)) 0%,color-mix(in srgb,var(--c2) 6%,var(--surface)) 100%); border:1.5px solid color-mix(in srgb,var(--c1) 22%,var(--border)); flex-direction:column; gap:10px; overflow:hidden; }
#banner-trial-1d.visible { display:flex; animation:bt1d-in .5s cubic-bezier(.22,.61,.36,1) both; }
.bt1d-top { display:flex; align-items:flex-start; gap:10px; }
.bt1d-icon { width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,var(--c1),var(--c2)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 3px 10px color-mix(in srgb,var(--c1) 35%,transparent); animation:bt1d-icon-pulse 2.2s ease-in-out infinite; }
.bt1d-body { flex:1; min-width:0; }
.bt1d-pill { display:inline-flex; align-items:center; gap:4px; font-size:9.5px; font-weight:700; padding:2px 8px; border-radius:99px; background:color-mix(in srgb,var(--c1) 12%,var(--surface)); color:var(--c1); margin-bottom:4px; letter-spacing:.3px; }
.bt1d-title { font-size:13.5px; font-weight:700; color:var(--text); line-height:1.3; margin-bottom:3px; }
.bt1d-sub { font-size:11.5px; color:var(--muted); line-height:1.5; }
.bt1d-sub strong { color:var(--c1); font-weight:700; }
.bt1d-data { background:var(--surface); border-radius:12px; border:1px solid var(--border); padding:10px 12px; display:flex; flex-direction:column; gap:7px; }
.bt1d-data-title { font-size:10.5px; font-weight:700; color:var(--c1); display:flex; align-items:center; gap:5px; }
.bt1d-items { display:flex; flex-wrap:wrap; gap:5px; }
.bt1d-item { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; padding:3px 9px; border-radius:99px; background:color-mix(in srgb,var(--c1) 10%,var(--surface)); color:var(--c1); }
.bt1d-data-note { font-size:10px; color:var(--muted); font-style:italic; line-height:1.4; opacity:.85; }
.bt1d-cta { width:100%; padding:13px; border-radius:12px; border:none; cursor:pointer; background:linear-gradient(135deg,var(--c1),var(--c2)); color:#fff; font-size:14px; font-weight:700; font-family:var(--sans); display:inline-flex; align-items:center; justify-content:center; gap:8px; transition:opacity var(--t),transform var(--t); box-shadow:0 4px 14px color-mix(in srgb,var(--c1) 28%,transparent); }
.bt1d-cta:hover { opacity:.92; transform:translateY(-1px); }
.bt1d-cta-free { width:100%; margin-top:8px; padding:10px; border-radius:10px; border:1px solid color-mix(in srgb,var(--c1) 30%,transparent); cursor:pointer; background:transparent; color:color-mix(in srgb,var(--c1) 85%,#000); font-size:13px; font-weight:600; font-family:var(--sans); transition:background var(--t),border-color var(--t); }
.bt1d-cta-free:hover { background:color-mix(in srgb,var(--c1) 8%,transparent); border-color:color-mix(in srgb,var(--c1) 50%,transparent); }
@keyframes bt1d-in { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }
@keyframes bt1d-icon-pulse { 0%,100%{box-shadow:0 3px 10px color-mix(in srgb,var(--c1) 35%,transparent),0 0 0 0 color-mix(in srgb,var(--c1) 45%,transparent)} 50%{box-shadow:0 3px 10px color-mix(in srgb,var(--c1) 35%,transparent),0 0 0 10px color-mix(in srgb,var(--c1) 0%,transparent)} }
@media (prefers-reduced-motion: reduce) {
  #banner-trial-1d.visible,.bt1d-icon { animation:none !important; }
}
#banner-trial-1d.hiding { animation:bt10-out .3s ease both; }