/* DOBLE FILO · elección separada para analítica opcional. */
#df-analytics-section,
#df-analytics-panel,
#df-analytics-preferences {
  box-sizing: border-box;
  font-family: var(--sans, 'Manrope', Arial, sans-serif);
  color: var(--ink, #161616);
}

#df-analytics-section {
  margin-top: 17px;
  padding-top: 15px;
  border-top: 1px solid var(--line, #cccac1);
  font-size: 12px;
  line-height: 1.7;
}

#df-analytics-section * { box-sizing: border-box; }
#df-analytics-section h3 {
  margin: 0 0 9px;
  font: 800 23px/.98 var(--display, 'Barlow Condensed', Impact, sans-serif);
}
#df-analytics-section p { margin: 0 0 10px; }
#df-analytics-disclosure { font-size: 11px; line-height: 1.65; }
#df-analytics-links a {
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#df-analytics-status {
  color: var(--muted, #64635d);
  font-size: 10px;
  font-weight: 700;
}
#df-analytics-withdrawal-note {
  margin-top: 9px;
  color: var(--muted, #64635d);
  font-size: 10px;
  line-height: 1.6;
}
#df-analytics-actions {
  display: flex;
  gap: 10px;
  margin-top: 11px;
}
#df-analytics-section button {
  min-height: 44px;
  border: 1px solid var(--ink, #161616);
  border-radius: 0;
  padding: 10px 12px;
  font: 800 11px/1.3 var(--sans, 'Manrope', Arial, sans-serif);
  color: var(--ink, #161616);
  cursor: pointer;
  touch-action: manipulation;
}
#df-analytics-actions .df-analytics-choice {
  flex: 1 1 0;
  background: var(--green, #def19c);
  text-align: center;
}
#df-analytics-actions .df-analytics-choice:hover { background: var(--purple, #c6b2f4); }
#df-analytics-actions .df-analytics-choice:active { transform: translateY(1px); }

#df-analytics-panel {
  position: fixed;
  right: 18px;
  bottom: 76px;
  z-index: 1000;
  width: min(440px, calc(100vw - 36px));
  max-height: min(78vh, 680px);
  overflow: auto;
  padding: 22px 23px 20px;
  border: 1px solid var(--ink, #161616);
  border-top: 5px solid var(--orange, #ff6334);
  background: var(--paper, #f4f2eb);
  box-shadow: 5px 5px 0 rgb(22 22 22 / 22%);
}
#df-analytics-panel[hidden] { display: none !important; }
#df-analytics-panel #df-analytics-section { margin: 0; padding: 0; border: 0; }

#df-analytics-preferences {
  position: fixed;
  right: 18px;
  bottom: 16px;
  z-index: 1001;
  max-width: calc(100vw - 36px);
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--ink, #161616);
  border-radius: 0;
  background: var(--ink, #161616);
  color: var(--paper, #f4f2eb);
  box-shadow: 3px 3px 0 var(--orange, #ff6334);
  font: 800 10px/1.3 var(--sans, 'Manrope', Arial, sans-serif);
  cursor: pointer;
  touch-action: manipulation;
}
#df-analytics-preferences:hover { color: var(--ink, #161616); background: var(--orange, #ff6334); }
#df-analytics-section button:focus-visible,
#df-analytics-preferences:focus-visible,
#df-analytics-links a:focus-visible { outline: 3px solid var(--orange, #ff6334); outline-offset: 3px; }

@media (max-width: 520px) {
  #df-analytics-panel { right: 10px; bottom: 68px; width: calc(100vw - 20px); max-height: min(74vh, 620px); padding: 18px 17px 16px; }
  #df-analytics-preferences { right: 10px; bottom: 10px; }
  #df-analytics-actions { gap: 8px; }
  #df-analytics-section button { padding-inline: 9px; }
}

@media print { #df-analytics-panel, #df-analytics-preferences { display: none !important; } }