:root{--ink:#252637;--muted:#565669;--purple:#6650bc;--lavender:#eee9fc;--sage:#e5efe6;--coral:#f8dfcf;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--motion-fast:120ms;--motion-medium:220ms;--motion-slow:420ms;--motion-curve:cubic-bezier(.2,.7,.2,1)}
html{scroll-padding-top:100px}body{color:var(--ink)}body,p,small,label,button,input,select,textarea,span.badge,.eyebrow,.navitem,.local-dot{font-size:max(12px,1em)}p,small,.navitem,.badge,.eyebrow{color:var(--muted)}button,a.button{min-height:48px;font-size:14px}input,select,textarea{min-height:48px;font-size:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6650bc;outline-offset:4px}.ui-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.logo .ui-icon{width:30px;height:30px}.primary{background:var(--purple);color:white}.badge{color:#48445d;background:#eee9fc;font-size:12px}.badge.green{color:#28583d;background:#dfefe4}.badge.amber{color:#68410d;background:#fbebcf}.sidebar-bottom>img{width:90px}.sidebar{width:230px}.workspace-body{margin-left:230px}.primary-navigation .navitem{display:flex;align-items:center;gap:14px;width:100%;font-size:15px;padding:14px;margin:5px 0;color:var(--muted);text-decoration:none}.primary-navigation .navitem.selected{color:#503b9e;background:#eee9fc}.primary-navigation .navitem span{font-size:inherit}.topbar{gap:12px;flex-wrap:wrap}.topbar .badge{margin-left:auto}.next-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.next-actions button{text-align:left;padding:24px;background:white;border:1px solid #ddd9e8;border-radius:22px}.next-actions strong{display:block;font-size:27px;color:var(--purple);margin-bottom:8px}.catalog-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.shared-agenda-nav{position:fixed;left:0;top:0;bottom:0;width:210px;padding:20px;background:white}.shared-agenda-nav~.agenda-shell{margin-left:230px}.builder-layout{grid-template-columns:minmax(300px,1fr) minmax(375px,1fr);align-items:start}.builder-preview{position:sticky;top:100px;min-width:0}.editor-preview-frame{height:650px;overflow:auto;border:1px solid #ddd6eb;border-radius:24px;background:#f6f5fa}.preview-size-control{display:flex;gap:8px;margin-bottom:12px}.save-bar{position:sticky;bottom:12px;background:white;box-shadow:0 4px 24px #29203e1c;border:1px solid #ddd6eb;padding:14px;border-radius:16px;z-index:5;display:flex;flex-wrap:wrap;gap:8px}.save-bar span{color:var(--muted)}fieldset{border:1px solid #ddd6eb;border-radius:16px;margin:20px 0;padding:16px}legend{padding:0 6px;font-weight:650}.check{display:flex!important;align-items:center;gap:10px}.check input{min-height:auto;width:20px}
/* Movimiento del panel: sin bucles heredados; entradas finitas solo si el sistema no pide reducirlo. La landing define el suyo en landing.css. */
.main,.brand-preview>img{animation:none}.tiny-art img{content:url('/assets/yiguirro.svg')}dialog{max-width:min(650px,calc(100vw - 32px));animation:none}.dialog-image{max-height:180px}.close{min-width:48px;min-height:48px}#close-doc{min-width:48px;min-height:48px}
@media(prefers-reduced-motion:no-preference){.main.section-enter{animation:appear-once var(--motion-medium) var(--motion-curve)}dialog{animation:dialog-in var(--motion-medium) var(--motion-curve)}dialog.closing{animation:dialog-out var(--motion-medium) var(--motion-curve) forwards}#toast.show{animation:appear-once var(--motion-fast) var(--motion-curve)}.gallery-swap{animation:appear-once var(--motion-fast) var(--motion-curve)}:where(button){transition:background var(--motion-fast) var(--motion-curve),box-shadow var(--motion-fast) var(--motion-curve)}@keyframes appear-once{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-off,.motion-off *,.motion-off *::before,.motion-off *::after,.editor-preview-frame *,.editor-preview-frame *::before,.editor-preview-frame *::after{animation:none!important;transition:none!important}
@media(max-width:1000px){.builder-layout{grid-template-columns:1fr}.builder-preview{position:relative;top:auto}.next-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:0;background:transparent;border:0}.sidebar>.logo,.sidebar>.workspace,.sidebar>.sidebar-bottom{display:none}.workspace-body{margin:0}.primary-navigation{position:fixed;bottom:0;left:0;right:0;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:white;border-top:1px solid #ded8ea;z-index:80;padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.primary-navigation .navitem{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:60px;margin:0;padding:6px 2px;border-radius:12px}.primary-navigation .navitem span{font-size:12px!important}.main{padding:20px 16px 90px}.topbar{padding:14px 16px;font-size:12px}.next-actions button{padding:18px}.next-actions strong{font-size:24px}.shared-agenda-nav~.agenda-shell{margin:0;padding-bottom:100px}.shared-agenda-nav{top:auto;height:auto}.builder-layout{display:block}.builder-preview{margin-top:24px}.editor-preview-frame{max-width:100%;height:600px}.hero.costa-rica-hero h1{font-size:34px}}
.editor-preview-frame #editor-preview{margin:auto;min-height:100%;background:#f5f6fa}.preview-mobile #editor-preview{width:375px;max-width:100%}.preview-desktop #editor-preview{width:1024px;max-width:none}.agenda-component .agenda-shell{padding:0;max-width:none}.agenda-component [hidden]{display:none!important}.agenda-component .agenda-overview{display:none}
/* Small labels remain readable even where legacy selectors had greater specificity. */
body .workspace small,body .navitem i,body .sidebar-bottom button,body .local-dot,body .section-title button,body .variant,body .product-info p span,body .eyebrow,body .row button,body .metrics small,body .catalog-teaser p,body .product-info button,body .row .badge,body .csv-format,body .hello-mark small,body .identity-note,body .brand-country,body .brand-options small,body .brand-lab header .button,body .scope-paths span{font-size:12px;color:var(--muted)}
body .variant{background:#fff;color:#565669}
.topbar{position:sticky;top:0;z-index:70;background:#fff}.topbar>div{display:flex;gap:8px}.topbar [data-publication-status]{font-size:12px}.primary-navigation .navitem span{overflow-wrap:anywhere;text-align:center}