/* Native public frontend: scoped fixes, independent of CMS/editorial operations. */
/* The inherited entrance keyframes start at opacity:0. Content must remain
   readable immediately, including when reduced motion cancels those keyframes. */
.am26-home h1, .am26-home h2, .am26-home h3, .am26-home p,
body[data-am-design-service] main h1, body[data-am-design-service] main h2,
body[data-am-design-service] main h3, body[data-am-design-service] main p {
  opacity: 1 !important; animation: none !important; transform: none !important;
}
.am-design-nav { position: sticky; top: 0; z-index: 100; background: #06101eee; backdrop-filter: blur(14px); border-bottom: 1px solid #94a3b826; color: #f8fafc; font: 500 14px/1.4 Inter, sans-serif; }
.am-design-nav *, .am-design-nav *::before, .am-design-nav *::after { box-sizing: border-box; }
.am-design-nav__inner { max-width: 1240px; padding: 12px 24px; margin: auto; display: flex; align-items: center; gap: 28px; min-height: 72px; }
.am-design-nav a { color: #cbd5e1; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.am-design-nav a:hover { color: #22d3ee; }
.am-design-nav__brand { gap: 10px; color: #f8fafc !important; font-weight: 750; font-size: 16px; white-space: nowrap; }
.am-design-nav__brand img { width: 32px; height: 32px; object-fit: contain; }
.am-design-nav__desktop { display: flex; gap: 24px; margin-right: auto; }
.am-design-nav__account { padding: 0 16px; border: 1px solid #22d3ee55; border-radius: 10px; white-space: nowrap; }
.am-design-nav__mobile { display: none; }
body[data-am-design-service] .am-service-page { padding-top: 0 !important; }
body[data-am-design-service] .am-service-hero { display: block !important; height: auto !important; min-height: 0 !important; padding: clamp(42px, 6vw, 80px) 0 64px; }
body[data-am-design-service] .am-service-hero__grid { gap: clamp(32px, 6vw, 88px); }
body[data-am-design-service] .am-service-hero__visual { margin-block: 0; width: min(100%, 360px); justify-self: end; }
body[data-am-design-service] .am-service-hero__lead { max-width: 58ch; line-height: 1.65; color: #b9c7d8; }
body[data-am-design-service] .am-service-title { font-size: clamp(2.1rem, 3.8vw, 3.5rem); line-height: 1.12; letter-spacing: -.035em; }
body[data-am-design-service] main section[id], .am26-home section[id] { scroll-margin-top: 92px; }
body[data-am-design-service] .breadcrumbs { padding-top: 24px; }
body[data-am-design-service] main p { line-height: 1.65; }
body[data-am-design-service] main a:focus-visible, body[data-am-design-service] main button:focus-visible, .am-design-nav :focus-visible { outline: 2px solid #22d3ee; outline-offset: 5px; }
.am26-principle__icon { display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; }
.am26-principle__icon svg { width: 24px !important; height: 24px !important; margin: 0 !important; flex: 0 0 24px; }
.am26-principle__icon svg, .am26-principle__icon svg * { fill: none !important; stroke: currentColor !important; }
.am26-agent-links path { fill: none !important; }
.am26-agent-node__icon { display: flex !important; align-items: center; justify-content: center; }
.am26-agent-node__icon i { position: static !important; margin: 0 !important; line-height: 1 !important; }
.am-design-icon { display: block; width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.am26-home svg.am-design-icon, .am26-home svg.am-design-icon * { fill: none !important; stroke: currentColor !important; }
.am26-agent-node strong { font-size: .86rem; }
.am26-agent-node__detail { font-size: .74rem; line-height: 1.4; color: #b1bfd0; }
.am26-motion-toggle { min-height: 44px; }
.am26-orchestrator__copy::after { content: 'Selecciona un especialista para ver su función.'; display: block; color: #b1bfd0; font: 400 .85rem/1.6 Inter, sans-serif; margin-top: 20px; }
.am26-brain-fallback img { mix-blend-mode: screen; }
.am26-agent-stage.is-3d-ready .am26-brain-fallback { opacity: 0; }
.am26-agent-stage.is-offscreen *, .am26-agent-stage.is-offscreen *::before, .am26-agent-stage.is-offscreen *::after { animation-play-state: paused !important; }
.am26-brain-console { pointer-events: none; }
.am26-agent-stage { width: min(100%, 720px); }
@media (max-width: 800px) {
  .am-design-nav__inner { padding: 8px 18px; min-height: 64px; justify-content: space-between; gap: 12px; }
  .am-design-nav__desktop, .am-design-nav__account { display: none !important; }
  .am-design-nav__mobile { display: block; }
  .am-design-nav__mobile summary { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 14px; border: 1px solid #22d3ee55; border-radius: 10px; cursor: pointer; list-style: none; }
  .am-design-nav__mobile summary::-webkit-details-marker { display: none; }
  .am-design-nav__mobile nav { position: absolute; right: 18px; top: calc(100% + 8px); width: min(280px, calc(100vw - 36px)); padding: 12px; border: 1px solid #22d3ee55; background: #081425; border-radius: 14px; box-shadow: 0 18px 48px #0008; }
  .am-design-nav__mobile nav a { display: flex; padding: 8px 12px; min-height: 48px; }
  body[data-am-design-service] .am-service-hero { padding: 36px 0 48px; }
  body[data-am-design-service] .am-service-shell { width: calc(100% - 36px); }
  body[data-am-design-service] .am-service-title { font-size: clamp(2rem, 8.6vw, 2.65rem); }
  body[data-am-design-service] .am-service-hero__image { max-height: 440px; object-fit: cover; }
  body[data-am-design-service] .am-service-hero__visual { justify-self: center; }
  body[data-am-design-service] main section[id], .am26-home section[id] { scroll-margin-top: 84px; }
  .am26-agent-stage { aspect-ratio: .83; }
  .am26-agent-node { min-width: 112px; min-height: 60px; }
  .am26-agent-node { animation: none !important; transform: none !important; }
  .am26-agent-node--video { right: 2%; }
  .am26-agent-node--crm { left: 2%; }
  .am26-agent-node strong { font-size: .8rem; }
  .am26-motion-toggle { width: 44px; min-height: 44px; }
  .am26-brain-console strong { font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) { .am26-orchestrator *, .am26-orchestrator *::before, .am26-orchestrator *::after { animation: none !important; transition: none !important; } }