*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}:root{--color-bg:#0a0a0f;--color-bg-secondary:#141420;--color-bg-card:#1a1a2e;--color-text-primary:#f5f5f5;--color-text-secondary:#b0b0c0;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm:.875rem;--font-size-base:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:3rem;--font-size-3xl:4rem;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow:hidden}.deck-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.deck-main{padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.slide-wrapper{justify-content:center;align-items:center;width:100%;max-width:1200px;height:100%;max-height:800px;display:flex}.slide-portada{text-align:center;width:100%}.slide-title-main{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.2}.highlight{color:var(--color-accent-light);-webkit-text-fill-color:var(--color-accent-light)}.slide-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.speaker-space{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-bg-card)}.speaker-hint{font-size:var(--font-size-base);color:var(--color-text-secondary);font-style:italic}.slide-content{width:100%;padding:var(--spacing-xl)}.slide-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--color-text-primary);border-bottom:3px solid var(--color-accent);padding-bottom:var(--spacing-sm);font-weight:700}.pilar-number{color:var(--color-accent-light);font-size:var(--font-size-lg);margin-right:var(--spacing-sm);font-weight:600}.bullet-list{padding:0;list-style:none}.bullet-list>li{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);line-height:1.8;position:relative}.bullet-list>li:before{content:"▸";color:var(--color-accent-light);font-size:var(--font-size-lg);position:absolute;left:0}.bullet-list .time{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.problema-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.problema-card{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow-sm)}.problema-card .icon{margin-bottom:var(--spacing-sm);font-size:3rem}.problema-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.problema-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.two-column{gap:var(--spacing-xl);margin-top:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.column{padding:var(--spacing-lg);border-radius:var(--border-radius)}.column.no{border:2px solid var(--color-error);background:#ef44441a}.column.yes{border:2px solid var(--color-success);background:#10b9811a}.column-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.column ul{padding:0;list-style:none}.column ul li{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.column.no ul li:before{content:"•";color:var(--color-error);position:absolute;left:0}.column.yes ul li:before{content:"•";color:var(--color-success);position:absolute;left:0}.pilares-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.pilar-card{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow-sm);border:2px solid #0000;transition:all .3s}.pilar-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pilar-icon{margin-bottom:var(--spacing-sm);font-size:3rem}.pilar-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-accent-light)}.pilar-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.pilar-detail{max-width:900px}.pilar-intro{margin-bottom:var(--spacing-lg)}.lead{font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:1.7}.pilar-detail h3{font-size:var(--font-size-xl);color:var(--color-accent-light);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.callout{background:var(--color-bg-card);border-left:4px solid var(--color-accent);padding:var(--spacing-md);margin-top:var(--spacing-lg);border-radius:0 var(--border-radius) var(--border-radius) 0;font-size:var(--font-size-base)}.callout.warning{border-left-color:var(--color-warning);background:#f59e0b1a}.caso-real{gap:var(--spacing-sm);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.caso-step{align-items:flex-start;gap:var(--spacing-md);background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex}.step-number{background:var(--color-accent);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h3{font-size:var(--font-size-lg);color:var(--color-accent-light);margin-bottom:var(--spacing-xs)}.step-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.caso-arrow{text-align:center;font-size:var(--font-size-xl);color:var(--color-accent);margin:0}.slide-demo{text-align:center}.demo-title{text-align:center;margin-bottom:var(--spacing-xl);font-size:3.5rem}.demo-checklist{background:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--border-radius);max-width:700px;margin:0 auto var(--spacing-lg);text-align:left;box-shadow:var(--shadow-md)}.demo-checklist h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-accent-light)}.checklist{padding:0;list-style:none}.checklist>li{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);position:relative}.checkbox{font-size:var(--font-size-lg);position:absolute;left:0}.sub-checklist{margin-top:var(--spacing-sm);margin-left:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);list-style:none}.sub-checklist li{margin-bottom:var(--spacing-xs)}.demo-note{max-width:600px;margin:0 auto}.demo-note p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.small-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.playbook{gap:var(--spacing-md);flex-direction:column;max-width:800px;display:flex}.day{gap:var(--spacing-md);background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sm);align-items:center;display:flex}.day-label{background:var(--color-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 2);font-weight:700;font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.day-task{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.errores-list{gap:var(--spacing-md);flex-direction:column;max-width:900px;display:flex}.error-item{gap:var(--spacing-md);background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex}.error-icon{flex-shrink:0;font-size:2rem}.error-text h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.error-text p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.slide-qa{text-align:center}.qa-content{max-width:800px;margin:0 auto}.takeaways{background:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);text-align:left;box-shadow:var(--shadow-md);border:2px solid var(--color-accent)}.takeaways h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-accent-light)}.takeaway-list{counter-reset:takeaway;padding:0;list-style:none}.takeaway-list li{counter-increment:takeaway;font-size:var(--font-size-base);margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl);line-height:1.7;position:relative}.takeaway-list li:before{content:counter(takeaway);background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;position:absolute;left:0}.qa-prompt{margin:var(--spacing-2xl) 0}.large-text{font-size:var(--font-size-2xl);color:var(--color-accent-light);font-weight:700}.contact{margin-top:var(--spacing-xl)}.contact-hint{font-size:var(--font-size-base);color:var(--color-text-secondary);font-style:italic}.slide-footer-note{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-bg-card);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;font-style:italic}.progress-dots{gap:var(--spacing-xs);z-index:10;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.dot{background:var(--color-bg-card);border:2px solid var(--color-text-secondary);cursor:pointer;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.dot:hover{background:var(--color-text-secondary);transform:scale(1.2)}.dot.active{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.3)}.nav-controls{align-items:center;gap:var(--spacing-md);z-index:10;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.nav-btn{background:var(--color-bg-card);border:2px solid var(--color-text-secondary);color:var(--color-text-primary);font-size:var(--font-size-lg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.nav-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.slide-counter{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;min-width:80px;font-weight:600}.hint-bar{gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.5;z-index:10;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.speaker-notes{background:var(--color-bg-secondary);border-top:3px solid var(--color-accent);padding:var(--spacing-md);max-height:200px;box-shadow:var(--shadow-lg);z-index:20;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.notes-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.notes-header h3{font-size:var(--font-size-base);color:var(--color-accent-light);margin:0;font-weight:600}.close-notes{color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .2s;display:flex}.close-notes:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.notes-content{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.slide-descarga-skill{text-align:center;max-width:900px;margin:0 auto}.descarga-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:720px;margin-left:auto;margin-right:auto}.descarga-subtitle strong{color:var(--color-accent-light)}.descarga-files{gap:var(--spacing-md);max-width:640px;margin:0 auto var(--spacing-xl);text-align:left;flex-direction:column;display:flex}.descarga-file-card{align-items:flex-start;gap:var(--spacing-md);background:var(--color-bg-card);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sm);display:flex}.descarga-file-card .file-icon{font-size:var(--font-size-xl);line-height:1}.descarga-file-card strong{color:var(--color-text-primary);font-size:var(--font-size-base);display:block}.descarga-file-card .file-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:.25rem;display:block}.download-btn{background:var(--color-accent);color:#fff;font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);font-weight:700;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-block}.download-btn:hover{background:var(--color-accent-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.descarga-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:640px;margin:0 auto}.descarga-note code{color:var(--color-accent-light);font-size:.95em}@media (width<=768px){:root{--font-size-sm:.75rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem}.deck-main,.slide-content{padding:var(--spacing-md)}.two-column,.problema-grid,.pilares-grid{grid-template-columns:1fr}.hint-bar{font-size:.65rem}.speaker-notes{max-height:150px}}@media print{.progress-dots,.nav-controls,.hint-bar,.speaker-notes{display:none}}
