:root{--fondo: #ffffff;--hero-bg: #f5f5f7;--hero-tinta: #1d1d1f;--papel: #ffffff;--papel-elevado: #ffffff;--papel-media: #f1f3f5;--card-bg: #f8f9fa;--card-bg-hover: #ffffff;--card-bg-active: #ffffff;--tinta: #1d1d1f;--tinta-fuerte: #000000;--texto-suave: #6e6e73;--texto-muted: #86868b;--borde: #d2d2d7;--borde-suave: #e5e5ea;--card-border: rgba(0, 0, 0, .08);--card-border-hover: rgba(0, 0, 0, .15);--card-border-active: #000000;--accent: #15803d;--accent-hover: #16a34a;--accent-active: #166534;--accent-claro: #ecfdf5;--accent-texto: #ffffff;--pill-bg: #d8dbe2;--pill-text: #1f2937;--pill-hover-bg: #000000;--pill-hover-text: #ffffff;--pill-active-bg: #000000;--pill-active-text: #ffffff;--pill-border: transparent;--btn-action-bg: #000000;--btn-action-text: #ffffff;--btn-action-hover-bg: #262626;--navbar-bg: rgba(255, 255, 255, .95);--navbar-border: #e5e5ea;--navbar-text: #000000;--dropdown-bg: #ffffff;--dropdown-border: #e5e5ea;--sombra: 0 2px 8px rgba(0, 0, 0, .06);--sombra-md: 0 8px 24px rgba(0, 0, 0, .1);--card-shadow: 0 14px 32px -6px rgba(0, 0, 0, .14), 0 4px 12px -2px rgba(0, 0, 0, .06), inset 0 1px 0px rgba(255, 255, 255, .95);--card-shadow-hover: 0 24px 46px -8px rgba(0, 0, 0, .22), 0 8px 18px -4px rgba(0, 0, 0, .1), inset 0 1px 0px rgba(255, 255, 255, 1);--card-shadow-active: 0 0 0 1px #000000, 0 24px 46px -8px rgba(0, 0, 0, .22);--madera-nogal: #4a3222;--madera-roble: #8b5e3c;--madera-claro: #eadfd3;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif}html.dark,body.dark,[data-theme=dark]{--fondo: #121316;--hero-bg: #16181c;--hero-tinta: #f5f5f7;--papel: #1f2127;--papel-elevado: #272a32;--papel-media: #17181c;--card-bg: #1f2127;--card-bg-hover: #262930;--card-bg-active: #272b33;--tinta: #f5f5f7;--tinta-fuerte: #ffffff;--texto-suave: #9ea3ae;--texto-muted: #7c828f;--borde: #2d313a;--borde-suave: #242730;--card-border: rgba(255, 255, 255, .09);--card-border-hover: rgba(255, 255, 255, .2);--card-border-active: rgba(255, 255, 255, .52);--accent: #15803d;--accent-hover: #16a34a;--accent-active: #166534;--accent-claro: #064e3b;--accent-texto: #ffffff;--pill-bg: #2d3340;--pill-text: #ffffff;--pill-hover-bg: #40485a;--pill-hover-text: #ffffff;--pill-active-bg: #4a5367;--pill-active-text: #ffffff;--pill-border: rgba(255, 255, 255, .12);--btn-action-bg: #2d3340;--btn-action-text: #ffffff;--btn-action-hover-bg: #40485a;--navbar-bg: rgba(18, 19, 22, .92);--navbar-border: #262932;--navbar-text: #f5f5f7;--dropdown-bg: #1c1d22;--dropdown-border: #2d313a;--sombra: 0 4px 16px rgba(0, 0, 0, .5);--sombra-md: 0 10px 30px rgba(0, 0, 0, .6);--card-shadow: 0 16px 36px -8px rgba(0, 0, 0, .55), inset 0 1px 0px rgba(255, 255, 255, .06);--card-shadow-hover: 0 24px 50px -8px rgba(0, 0, 0, .7), inset 0 1px 0px rgba(255, 255, 255, .12);--card-shadow-active: 0 0 0 1px rgba(255, 255, 255, .45), 0 24px 50px -8px rgba(0, 0, 0, .75), inset 0 1px 0px rgba(255, 255, 255, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{font-family:var(--font-sans);font-size:94%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--tinta);background-color:var(--fondo);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:600}*,*:before,*:after{font-family:inherit}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.app-content{flex:1;width:100%;padding-top:3.25rem;overflow-x:clip}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.seccion{padding:5rem 0}.seccion--oscura{background:var(--hero-bg);color:var(--hero-tinta)}.eyebrow{color:var(--accent);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--tinta);margin-bottom:.25rem}.page-subtitle{color:var(--texto-suave);margin-bottom:2rem;font-size:1.1rem}.seccion-titulo{font-size:1.9rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.25rem}.seccion-sub{color:var(--texto-suave);font-size:1.05rem}.hero-titulo{font-family:inherit!important;font-weight:600;letter-spacing:-.02em}.card{background:var(--papel);border:1px solid var(--borde);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--sombra)}.tile{background:var(--papel);border-radius:1.25rem;padding:2rem 1.5rem;box-shadow:var(--sombra);transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-2px);box-shadow:var(--sombra-md)}@media(max-width:640px){.container{padding:0 1.25rem}.seccion{padding:3.5rem 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:1.5rem;border:1px solid transparent;font-weight:500;font-size:.95rem;transition:background-color .2s,color .2s,border-color .2s,transform .15s}.btn-primary{background-color:var(--accent);color:var(--accent-texto)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:transparent;color:var(--tinta);border-color:var(--borde)}.btn-secondary:hover{background-color:#8080801f}.btn-danger{background-color:transparent;color:#ef4444;border-color:#f87171}.btn-danger:hover{background-color:#ef44441a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:.8rem 1.8rem;font-size:1rem;border-radius:1.75rem}.btn-sm{padding:.4rem .9rem;font-size:.85rem;border-radius:1.5rem}.btn-full{width:100%}.pildora{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.6rem;border-radius:999px;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .15s}.pildora:active{transform:scale(.97)}.pildora-primary{background:var(--accent);color:var(--accent-texto)}.pildora-primary:hover{background:var(--accent-hover)}.pildora-ghost{background:transparent;color:var(--tinta);border:1px solid var(--borde)}.pildora-ghost:hover{border-color:var(--tinta)}.seccion--oscura .pildora-ghost,.pildora-ghost--claro{color:var(--hero-tinta);border-color:#f5f5f780}.seccion--oscura .pildora-ghost:hover,.pildora-ghost--claro:hover{border-color:var(--hero-tinta)}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field label{font-size:.875rem;font-weight:500;color:var(--texto-suave)}.form-field input,.form-field select,.form-field textarea{padding:.6rem .8rem;border:1px solid var(--borde);border-radius:.5rem;background:var(--papel);color:var(--tinta);outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7878782e}.form-field textarea{resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#e0f2fe;color:#075985}.badge-accent{background:var(--accent-claro);color:var(--accent)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.live-editor-floating-bar{position:sticky;top:12px;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:10px 18px;margin-bottom:20px;box-shadow:0 8px 30px #00000014;transition:all .25s cubic-bezier(.16,1,.3,1)}.live-editor-floating-bar--active{border-color:#0071e3;box-shadow:0 10px 35px #0071e329,0 0 0 1px #0071e333;background:#fffffff7}.live-editor-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-editor-badge{font-size:.82rem;font-weight:700;color:#1d1d1f;background:#f5f5f7;padding:4px 10px;border-radius:8px;letter-spacing:-.01em}.live-editor-toggle-btn{display:inline-flex;align-items:center;gap:8px;background:#f0f0f2;border:1px solid rgba(0,0,0,.1);color:#1d1d1f;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease}.live-editor-toggle-btn:hover{background:#e5e5ea}.live-editor-toggle-btn--active{background:#0071e3;color:#fff;border-color:#0071e3}.live-editor-toggle-btn--active:hover{background:#0077ed}.toggle-indicator{width:8px;height:8px;border-radius:50%;background:#8e8e93;transition:background-color .2s ease}.live-editor-toggle-btn--active .toggle-indicator{background:#34c759;box-shadow:0 0 6px #34c759}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:12px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot--dirty{background:#f59e0b;box-shadow:0 0 5px #f59e0b99}.status-dot--clean{background:#10b981;box-shadow:0 0 5px #10b98199}.status-pill--dirty{background:#fffbe6;color:#92400e;border:1px solid #fef3c7}.status-pill--clean{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.live-editor-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-editor-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;font-weight:600;padding:7px 16px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:all .18s ease}.live-editor-btn:disabled{opacity:.45;cursor:not-allowed}.live-editor-btn--discard{background:#f5f5f7;color:#333336;border:1px solid #d2d2d7}.live-editor-btn--discard:hover:not(:disabled){background:#e8e8ed}.live-editor-btn--save{background:#0071e3;color:#fff;box-shadow:0 2px 8px #0071e34d}.live-editor-btn--save:hover:not(:disabled){background:#0077ed;box-shadow:0 4px 12px #0071e366}.live-editor-btn--exit{background:transparent;color:#86868b;border:1px solid #d2d2d7}.live-editor-btn--exit:hover{background:#f5f5f7;color:#1d1d1f}[contenteditable=true]{outline:none;cursor:text;border-radius:6px;position:relative;transition:box-shadow .18s ease,background-color .18s ease;min-height:1.2em}[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#a1a1a6;font-style:italic;font-weight:400;pointer-events:none}[contenteditable=true]:not([data-placeholder]):empty:before{content:"Escribe aqu\ed..."}[contenteditable=true]:hover{box-shadow:0 0 0 2px #0071e366;background-color:#0071e30a}[contenteditable=true]:focus{box-shadow:0 0 0 2px #0071e3;background-color:#0071e30f}.mazo-live-actions,.carta-live-actions{position:absolute;top:10px;right:10px;z-index:20;display:flex;align-items:center;gap:4px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001f}.mazo-drag-handle,.carta-drag-handle{display:flex;align-items:center;justify-content:center;padding:2px 6px;font-size:14px;color:#86868b;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px}.mazo-drag-handle:active,.carta-drag-handle:active{cursor:grabbing}.mazo-action-btn,.carta-action-btn{background:transparent;border:none;font-size:13px;padding:4px;border-radius:4px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.mazo-action-btn:hover,.carta-action-btn:hover{background:#0000000f}.mazo-action-btn--danger:hover,.carta-action-btn--danger:hover{background:#fee2e2;color:#ef4444}.drop-overlay-hint{position:absolute;bottom:0;left:0;right:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:8px 12px;font-size:.78rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.desplegada-card-imagen:hover .drop-overlay-hint{background:#0071e3d9}.drop-zone-active{outline:3px dashed #0071e3!important;outline-offset:-4px}.desplegada-card--dragover{border-color:#0071e3!important;box-shadow:0 0 0 3px #0071e34d!important}.btn-abrir-modal-preview{display:inline-flex;align-items:center;gap:6px;background:#f5f5f7;border:1px solid #d2d2d7;color:#1d1d1f;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .18s ease;margin-top:4px}.btn-abrir-modal-preview:hover{background:#e8e8ed;border-color:#86868b}.mazo-top-item-add{flex:0 0 220px;min-height:240px;background:#fff9;border:2px dashed #0071e3;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#0071e3;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.mazo-top-item-add:hover{background:#0071e30d;transform:translateY(-4px);border-color:#0077ed}.mazo-top-item-add .add-icon{font-size:2.2rem;line-height:1;font-weight:300}.mazo-top-item-add .add-label{font-size:.95rem;font-weight:700}.desplegada-card-add{grid-column:1 / -1;min-height:140px;background:#ffffffb3;border:2px dashed rgba(0,113,227,.4);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#0071e3;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;padding:24px;margin-top:10px}.desplegada-card-add:hover{background:#fff;border-color:#0071e3;box-shadow:0 10px 30px #0071e31f;transform:translateY(-2px)}.desplegada-card-add .add-icon{font-size:2rem;line-height:1;font-weight:300}.desplegada-card-add .add-title{font-size:1.05rem;font-weight:700;color:#1d1d1f}.desplegada-card-add .add-desc{font-size:.85rem;color:#86868b}.cdk-drag-preview{box-sizing:border-box;border-radius:20px;box-shadow:0 16px 36px #00000040!important;opacity:.95;cursor:grabbing!important}.cdk-drag-placeholder{opacity:.3;border:2px dashed #0071e3!important}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}