.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}

html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#FCFCFA;color:#141414;font-family:Barlow,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{display:block;max-width:100%}
p,h1,h2,h3{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
::selection{background:#141414;color:#63E3C8}
:focus-visible{outline:3px solid #1F6F64;outline-offset:3px;border-radius:6px}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes halo{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes logoIn{from{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:none}}
@keyframes shine{0%,70%{background-position:130% 0}100%{background-position:-30% 0}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes floor{from{background-position:center 0}to{background-position:center 76px}}
@keyframes pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.9);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-transparency:reduce){[style*="backdrop-filter"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* Estados de ratón, foco y pulsación (los mismos del prototipo) */
.scp0:hover { color: rgb(20, 20, 20) !important; }
.scp1:hover { background: rgb(43, 46, 51) !important; color: rgb(252, 252, 250) !important; box-shadow: rgba(20, 20, 20, 0.55) 0px 14px 28px -14px !important; }
.scp2:active { transform: scale(0.97) !important; transition-duration: 0.08s !important; }
.scp3:hover { color: rgb(31, 111, 100) !important; }
.scp4:hover { background: rgb(43, 46, 51) !important; color: rgb(252, 252, 250) !important; box-shadow: rgba(20, 20, 20, 0.55) 0px 14px 28px -14px !important; transform: translateY(-2px) !important; }
.scp5:hover { border-color: rgb(20, 20, 20) !important; background: rgba(20, 20, 20, 0.04) !important; }
.scp6:hover { transform: translateY(-4px) rotate(-0.6deg) !important; }
.scp7:hover { transform: translateY(-6px) !important; box-shadow: rgba(20, 20, 20, 0.06) 0px 2px 4px, rgba(20, 20, 20, 0.38) 0px 24px 48px -24px !important; }
.scp8:hover { border-color: rgb(94, 196, 182) !important; gap: 14px !important; color: rgb(252, 252, 250) !important; }
.scp9:hover { transform: scale(1.07) !important; background: rgb(99, 227, 200) !important; }
.scpa:hover { background: rgba(255, 255, 255, 0.2) !important; }
.scpb:hover { border-color: rgb(20, 20, 20) !important; }
.scpc:hover { transform: translateY(-5px) !important; }
.scpd:hover { background: rgb(20, 20, 20) !important; color: rgb(252, 252, 250) !important; border-color: rgb(20, 20, 20) !important; }
.scpe:hover { gap: 12px !important; }
.scpf:hover { background: rgb(99, 227, 200) !important; color: rgb(20, 20, 20) !important; box-shadow: rgba(99, 227, 200, 0.55) 0px 14px 30px -14px !important; }
.scpg:hover { transform: translateY(-4px) !important; box-shadow: rgba(20, 20, 20, 0.06) 0px 2px 4px, rgba(20, 20, 20, 0.38) 0px 24px 48px -24px !important; }
.scph:focus { border-color: rgb(44, 138, 125) !important; box-shadow: rgba(94, 196, 182, 0.2) 0px 0px 0px 4px !important; }
.scpi:hover { background: rgb(99, 227, 200) !important; color: rgb(20, 20, 20) !important; transform: translateY(-2px) !important; }
.scpj:hover { color: rgb(252, 252, 250) !important; }
.scpk:hover { background: rgb(43, 46, 51) !important; color: rgb(252, 252, 250) !important; }
.scpl:hover { background: rgb(99, 227, 200) !important; color: rgb(20, 20, 20) !important; box-shadow: rgba(99, 227, 200, 0.55) 0px 14px 30px -14px !important; transform: translateY(-2px) !important; }
.scpm:hover { border-color: rgb(252, 252, 250) !important; background: rgba(255, 255, 255, 0.07) !important; color: rgb(252, 252, 250) !important; }


/* --- Versión estática: comportamiento según el ancho, igual que el prototipo --- */
@media (max-width: 1023px) {
  [data-inv="cabecera"] nav { display: none !important; }
  [data-inv="pie"] { padding-bottom: 110px !important; }
}
@media (max-width: 559px) {
  [data-inv="cta-cabecera"] { display: none !important; }
}
@media (max-width: 959px) {
  [data-inv="cabecera-fija"] { position: static !important; }
}
@media (min-width: 1024px) {
  [data-inv="burger"],
  [data-inv="menu-panel"],
  [data-inv="menu-scrim"],
  [data-inv="barra-movil"] { display: none !important; }
}