/* Load AFTER retail-media.scoped.css. Bind the --rm-* values to actual repository
   brand tokens after auditing them. All fallbacks below come from the supplied
   approved digital brand direction, not a guessed corporate logo specification.
   Never apply these rules to the global header, search, footer or other pages. */
#adentro-retail-media {
  --blue: var(--rm-brand-primary, #3232c8);
  --blue-dark: var(--rm-brand-hover, #2727a5);
  --ink: var(--rm-text-primary, #202330);
  --muted: var(--rm-text-secondary, #626979);
  --line: var(--rm-border, #e5e7ed);
  --pale: var(--rm-canvas, #f5f6f8);
  --blue-pale: var(--rm-selected, #f0f0fe);
  font-family: var(--rm-font-body, var(--ad-font-body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}
#adentro-retail-media :is(h1,h2,h3,h4) {
  font-family: var(--rm-font-display, var(--ad-font-display, "Inter Display", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
}
/* The reference used some 9–13px real CTA labels. Correct real controls without
   scaling the campaign artwork or changing the typography of the creative itself. */
#adentro-retail-media :is(.hero-actions .button,.closing-panel .button) {
  font-size: 14px;
  min-height: 48px;
  line-height: 1.45;
  white-space: normal;
}
#adentro-retail-media .channel-tabs [role="tab"] { min-height:44px; }
#adentro-retail-media .faqs summary { min-height:48px; }
/* A native click-to-connect demonstration still needs a usable target. */
#adentro-retail-media button.portal-connect { min-height:44px; }
/* The original panel-in animation is superseded by the scoped motion module. */
#adentro-retail-media .channel-panel { animation:none; }
/* Insets of anchor targets must be bound to the actual shared sticky/fixed stack;
   leave at 0 for an in-flow header. Never hard-code the preview header's 80px. */
#adentro-retail-media [id] { scroll-margin-top:calc(var(--rm-site-header-offset, 0px) + 24px); }
@media (max-width:760px) {
  #adentro-retail-media :is(.hero-actions .button,.closing-panel .button) {
    font-size:14px;
    min-height:48px;
    padding:12px 16px;
  }
  #adentro-retail-media .closing-panel .button { max-width:100%; }
  #adentro-retail-media .channel-tabs [role="tab"] { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  #adentro-retail-media *,
  #adentro-retail-media *::before,
  #adentro-retail-media *::after { animation:none !important; transition:none !important; }
  #adentro-retail-media .hero-focus { transform:none !important; }
}