:root{--color-primary: #20A6D6;--color-primary-light: #2FBCEB;--color-primary-dark: #1a8bb8;--color-primary-alpha-10: rgba(32, 166, 214, .1);--color-primary-alpha-20: rgba(32, 166, 214, .2);--color-primary-alpha-30: rgba(32, 166, 214, .3);--color-primary-alpha-40: rgba(32, 166, 214, .4);--color-success: #4CAF50;--color-success-bright: #32cd32;--color-error: #F44336;--color-error-light: #fee;--color-error-text: #c33;--color-warning: #FF9800;--color-bg-page: #f0f4f8;--color-bg-card: #ffffff;--color-bg-quiz: #f4f6f9;--color-bg-dark: #1a1a2e;--color-text-primary: #333333;--color-text-secondary: #555555;--color-text-muted: #777777;--color-text-placeholder: #aaaaaa;--color-text-on-primary: #ffffff;--color-border: #e0e0e0;--color-border-light: #eeeeee;--color-divider: #eee;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-hero: clamp(1.8rem, 4vw, 3rem);--font-size-title: clamp(1.5rem, 3.5vw, 2.5rem);--font-size-heading: clamp(1.4rem, 3vw, 2.2rem);--font-size-subheading: clamp(1.3rem, 2.8vw, 2rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 50px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 15px var(--color-primary-alpha-30);--shadow-primary-hover: 0 6px 20px var(--color-primary-alpha-40);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-page: .4s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-overlay: 10;--z-topbar: 100;--z-modal: 1000;--z-toast: 1100;--topbar-height: 70px;--content-max-width: 1200px;--sidebar-width: 280px}@media(max-width:768px){:root{--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--topbar-height: 60px}}@media(max-width:480px){:root{--font-size-lg: 1.1rem;--font-size-xl: 1.15rem;--font-size-2xl: 1.3rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem}}:root{font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-card);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}body{min-width:320px;min-height:100vh}h1,h2,h3{line-height:var(--line-height-tight)}button{font-family:inherit;overflow-wrap:break-word;word-break:break-word}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:opacity var(--transition-page),transform var(--transition-page)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-20px);transition:opacity var(--transition-page),transform var(--transition-page)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-slide-in{animation:slideInRight var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.99)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);font-family:var(--font-family);padding:var(--space-xl)}.login-card{background:var(--color-bg-card);border-radius:var(--radius-2xl);padding:3rem 2.5rem;width:100%;max-width:420px;box-shadow:0 10px 40px var(--color-primary-alpha-20);position:relative;animation:slideUp .5s ease;overflow:hidden}.login-card:before{content:"";position:absolute;inset:50% 0 0;border-radius:var(--radius-2xl);padding:3px;background:linear-gradient(180deg,transparent 0%,var(--color-primary) 50%,var(--color-primary-dark) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}.login-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);border:2px solid var(--color-primary);opacity:.3;pointer-events:none;z-index:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:1.5rem;position:relative;z-index:2}.logo-image{width:120px;height:auto;filter:drop-shadow(0 4px 12px var(--color-primary-alpha-20))}.login-card h1{text-align:center;font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0 0 .5rem;position:relative;z-index:2}.login-subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 2rem;font-size:1rem;position:relative;z-index:2}.login-form{margin-bottom:1.5rem;position:relative;z-index:2}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:.95rem}.form-group input{width:100%;padding:.9rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.form-group input::placeholder{color:#aaa}.error-message{background:var(--color-error-light);color:var(--color-error-text);padding:.8rem 1rem;border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--font-size-sm);border-left:4px solid var(--color-error-text);animation:fadeInUp .3s ease}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#888;font-size:.85rem;margin:0;position:relative;z-index:2}@media(max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-card h1{font-size:1.5rem}}.dashboard-container{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;width:100%;min-width:0;max-width:100%;background-color:var(--color-bg-page);font-family:var(--font-family);overflow-x:visible;overflow-y:visible;padding:var(--space-md);box-sizing:border-box;animation:fadeInUp .6s ease forwards}.logo-placeholder{display:flex;align-items:center}.logo-img{height:40px;width:auto}.header-dots{flex-grow:1;display:flex;justify-content:center;gap:2rem;color:#333}.title-pill{background-color:var(--color-primary);color:var(--color-text-on-primary);padding:.8rem 2rem;border-radius:var(--radius-pill);font-size:clamp(.9rem,2.5vw,1.25rem);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-primary);margin-bottom:var(--space-md);text-align:center;z-index:var(--z-base);flex-shrink:0;letter-spacing:-.01em;animation:scaleIn .4s ease .2s both;max-width:90%;overflow-wrap:break-word;align-self:center}.map-wrapper{position:relative;flex:1 1 auto;width:100%;max-width:100%;min-width:0;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;overflow:visible}.plant-map-container{position:relative;width:100%;max-width:min(950px,calc(100vw - 2rem));aspect-ratio:895 / 597;margin:0 auto}.base-plant{width:100%;height:100%;object-fit:contain;display:block}.module-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .5s ease}.module-overlay.layer-corporativo{z-index:5}.module-overlay.layer-produccion{z-index:10}.module-overlay.layer-sst,.module-overlay.layer-apoyo{z-index:15}.module-overlay.locked{opacity:0}.module-overlay.active,.module-overlay.completed{opacity:1}.module-label-container{position:absolute;z-index:50;transform:translate(-50%,-50%);pointer-events:auto}.module-label{padding:.5rem 1.2rem;border-radius:30px;color:#fff;font-weight:700;font-size:clamp(.75rem,2vw,.9rem);max-width:90vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 8px #0003;cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.module-label:hover{transform:scale(1.05)}.module-label.active{background-color:var(--color-success-bright);animation:bounce 2s infinite}.module-label.completed{background-color:var(--color-success)}.module-label.locked{background-color:var(--color-primary);opacity:.7;cursor:default}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.controls-overlay{position:absolute;bottom:2rem;z-index:100}.complete-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;padding:.8rem 2rem;border-radius:var(--radius-pill);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-base)}.complete-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}@media(max-width:768px){.dashboard-container{padding:var(--space-sm)}.title-pill{padding:.6rem 1.5rem;font-size:var(--font-size-base)}.module-label{padding:.3rem .8rem;font-size:.7rem}}@media(max-width:480px){.title-pill{padding:.5rem 1rem;font-size:var(--font-size-sm)}.module-label{padding:.25rem .6rem;font-size:.6rem}}.top-bar-container{width:100%;display:flex;justify-content:center;position:relative;padding-top:var(--space-lg);margin-bottom:var(--space-md);z-index:var(--z-topbar)}.top-bar-content{width:90%;max-width:1600px;height:var(--topbar-height);background-color:var(--color-bg-card);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.top-bar-content:hover{box-shadow:var(--shadow-md)}.top-bar-logo img{height:42px;max-height:50px;transition:transform var(--transition-base)}.top-bar-logo img:hover{transform:scale(1.05)}.top-bar-title{font-size:clamp(.85rem,2vw,1.25rem);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;padding:0 var(--space-sm)}.top-bar-right-section{display:flex;align-items:center;gap:var(--space-md)}.topbar-logout-btn{padding:.6rem 1.2rem;background:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.topbar-logout-btn:hover{background:var(--color-primary);color:var(--color-text-on-primary);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.topbar-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-circle);transition:all var(--transition-base)}.topbar-close-btn:hover{color:var(--color-primary);background:var(--color-primary-alpha-10)}@media(max-width:768px){.top-bar-container{padding-top:var(--space-md);margin-bottom:var(--space-sm)}.top-bar-content{width:95%;height:56px;padding:0 var(--space-md)}.top-bar-title{font-size:var(--font-size-base)}.top-bar-logo img{height:32px}.topbar-logout-btn{padding:.4rem .8rem;font-size:var(--font-size-xs)}}@media(max-width:480px){.top-bar-content{width:97%;height:50px;padding:0 var(--space-sm)}.top-bar-title{font-size:var(--font-size-sm)}.topbar-logout-btn{padding:.3rem .6rem;font-size:.7rem}}.corporativo-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;background-color:#f0f4f8;font-family:Inter,sans-serif;overflow-y:auto;padding:1rem;box-sizing:border-box}.corporativo-header{width:90%;max-width:1200px;background:#fff;height:60px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;align-items:center;padding:0 2rem;box-shadow:0 4px 10px #0000000d;margin-top:1rem;margin-bottom:2rem;flex-shrink:0;z-index:200;position:relative}.title-section{text-align:center;margin-bottom:2rem;z-index:10}.page-title-pill{background-color:#3aabd8;color:#fff;padding:.8rem 3rem;border-radius:50px;font-size:1.8rem;font-weight:700;box-shadow:0 4px 15px #3aabd866;display:inline-block}.main-content{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%;max-height:50vh}.founders-image{max-height:100%;max-width:90%;object-fit:contain;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:4px solid #87ceeb}.bottom-nav{display:flex;gap:2rem;margin-bottom:3rem;margin-top:2rem;z-index:100}.nav-btn{padding:1rem 2rem;border-radius:50px;border:none;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #0003;min-width:200px;max-width:100%;text-align:center;overflow-wrap:break-word;word-break:break-word}.nav-btn:hover{transform:translateY(-2px)}.nav-btn.active{background-color:#32cd32;color:#fff}.nav-btn.locked{background-color:#3aabd8;color:#fff;opacity:1}.nav-btn.disabled{background-color:#888;cursor:not-allowed;opacity:.7}.chat-fab{position:absolute;bottom:2rem;left:2rem;background-color:#3aabd8;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);box-shadow:0 4px 10px #0003}@media(max-width:768px){.bottom-nav{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-btn{min-width:160px;padding:.8rem 1.5rem}.founders-image{max-width:95%}.corporativo-header{width:95%;padding:0 1rem}}@media(max-width:480px){.page-title-pill{padding:.6rem 1.5rem;font-size:1.3rem}.bottom-nav{flex-direction:column;align-items:center;gap:.8rem}.nav-btn{min-width:80%;font-size:.95rem}.main-content{max-height:none}.chat-fab{width:45px;height:45px;font-size:1.2rem}}.km-container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background-color:var(--color-bg-page, #f0f4f8);font-family:var(--font-family, "Inter", sans-serif);box-sizing:border-box}.km-title-pill{background-color:var(--color-primary, #20A6D6);color:#fff;padding:.7rem 2rem;border-radius:var(--radius-pill, 50px);font-size:clamp(.85rem,2.5vw,1.15rem);font-weight:700;box-shadow:0 4px 15px #20a6d64d;margin:.5rem 1rem;text-align:center;z-index:1;flex-shrink:0;animation:kmScaleIn .4s ease .2s both}.km-timeline-area{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:visible;padding:1rem;box-sizing:border-box}.km-timeline-track{position:relative;width:92%;min-width:820px;max-width:1200px}.km-axis{position:absolute;top:50%;left:2%;right:2%;height:4px;background-color:#d0d8e0;transform:translateY(-50%);z-index:1;border-radius:4px}.km-axis-fill{height:100%;background:linear-gradient(90deg,#3aabd8,#32cd32);border-radius:4px;transition:width .8s ease;width:0%}.km-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 50px 1fr;width:100%;position:relative;z-index:2;gap:0 6px;min-height:420px}.km-node-cell{display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10}.km-node{width:16px;height:16px;background-color:#d0d8e0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #d0d8e0;transition:all .3s}.km-node.km-unlocked{background-color:#32cd32;box-shadow:0 0 0 2px #32cd32}.km-node.km-current{background-color:#3aabd8;transform:scale(1.4);box-shadow:0 0 0 4px #3aabd84d;animation:kmPulse 2s infinite}@keyframes kmPulse{0%{box-shadow:0 0 #3aabd899}70%{box-shadow:0 0 0 12px #3aabd800}to{box-shadow:0 0 #3aabd800}}.km-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.7rem .5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;text-align:center;min-height:100px}.km-card:after{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;transform:translate(-50%)}.km-card.km-top{align-self:end;margin-bottom:10px}.km-card.km-top:after{bottom:-8px;border-top:8px solid}.km-card.km-bottom{align-self:start;margin-top:10px}.km-card.km-bottom:after{top:-8px;border-bottom:8px solid}.km-card.km-unlocked.km-c0{background-color:#dbcde0}.km-card.km-unlocked.km-c1{background-color:#c9d9ea}.km-card.km-unlocked.km-c2{background-color:#ddf3f5}.km-card.km-unlocked.km-c3{background-color:#d0ebe8}.km-card.km-unlocked.km-c4{background-color:#e6ddd0}.km-card.km-unlocked.km-c5{background-color:#ceebe0}.km-card.km-unlocked.km-c6{background-color:#dae6ca}.km-card.km-unlocked.km-c0.km-top:after{border-top-color:#dbcde0}.km-card.km-unlocked.km-c0.km-bottom:after{border-bottom-color:#dbcde0}.km-card.km-unlocked.km-c1.km-top:after{border-top-color:#c9d9ea}.km-card.km-unlocked.km-c1.km-bottom:after{border-bottom-color:#c9d9ea}.km-card.km-unlocked.km-c2.km-top:after{border-top-color:#ddf3f5}.km-card.km-unlocked.km-c2.km-bottom:after{border-bottom-color:#ddf3f5}.km-card.km-unlocked.km-c3.km-top:after{border-top-color:#d0ebe8}.km-card.km-unlocked.km-c3.km-bottom:after{border-bottom-color:#d0ebe8}.km-card.km-unlocked.km-c4.km-top:after{border-top-color:#e6ddd0}.km-card.km-unlocked.km-c4.km-bottom:after{border-bottom-color:#e6ddd0}.km-card.km-unlocked.km-c5.km-top:after{border-top-color:#ceebe0}.km-card.km-unlocked.km-c5.km-bottom:after{border-bottom-color:#ceebe0}.km-card.km-unlocked.km-c6.km-top:after{border-top-color:#dae6ca}.km-card.km-unlocked.km-c6.km-bottom:after{border-bottom-color:#dae6ca}.km-card.km-locked{background-color:#e0e0e0!important;opacity:.45;cursor:not-allowed;transform:scale(.9)}.km-card.km-locked:after{border-top-color:#e0e0e0!important;border-bottom-color:#e0e0e0!important}.km-card.km-unlocked{opacity:1;box-shadow:0 3px 12px #0000001a}.km-card.km-unlocked:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.km-card.km-current{animation:kmCardGlow 2s infinite alternate;border:2px solid #3aabd8}@keyframes kmCardGlow{0%{box-shadow:0 3px 12px #3aabd833}to{box-shadow:0 3px 24px #3aabd880}}.km-card.km-visited{opacity:.85}.km-card-icon{font-size:1.5rem;line-height:1}.km-card-year{font-size:clamp(.6rem,1.2vw,.8rem);font-weight:800;color:#333;letter-spacing:.02em}.km-card-title{font-size:clamp(.55rem,1.1vw,.75rem);font-weight:600;color:#222;line-height:1.25}.km-card-check{position:absolute;top:4px;right:6px;font-size:.65rem;color:#32cd32;font-weight:700;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000026}.km-card-hint{font-size:.55rem;color:#3aabd8;font-weight:600;animation:kmBlink 1.5s infinite}@keyframes kmBlink{0%,to{opacity:1}50%{opacity:.3}}.km-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:kmFadeIn .2s ease}@keyframes kmFadeIn{0%{opacity:0}to{opacity:1}}.km-detail{background:#fff;border-radius:20px;padding:2rem 2rem 1.5rem;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;position:relative;border-top:6px solid;box-shadow:0 20px 60px #00000040;animation:kmSlideUp .3s ease}@keyframes kmSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.km-detail-close{position:absolute;top:.8rem;right:.8rem;width:34px;height:34px;border:none;background:#f0f0f0;border-radius:50%;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.km-detail-close:hover{background:#e0e0e0;transform:scale(1.1)}.km-detail-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.km-detail-icon{font-size:2.5rem}.km-detail-year{font-size:1rem;font-weight:800;color:var(--color-primary, #20A6D6);background:#20a6d61a;padding:.3rem .9rem;border-radius:20px}.km-detail-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:#222;margin:0 0 .8rem;line-height:1.3}.km-detail-desc{font-size:clamp(.88rem,2vw,1rem);line-height:1.75;color:#444;margin:0 0 1.5rem}.km-detail-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.km-nav-btn{padding:.55rem 1.3rem;border:2px solid var(--color-primary, #20A6D6);background:#fff;color:var(--color-primary, #20A6D6);border-radius:25px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.km-nav-btn:hover{background:var(--color-primary, #20A6D6);color:#fff}.km-ok-btn{padding:.55rem 1.8rem;border:none;background:#32cd32;color:#fff;border-radius:25px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #32cd324d}.km-ok-btn:hover{background:#28b828;transform:translateY(-1px);box-shadow:0 4px 12px #32cd3266}.km-detail-steps{display:flex;gap:6px;justify-content:center}.km-step-dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s}.km-step-dot.visited{background:#a0d8a0}.km-step-dot.active{background:var(--color-primary, #20A6D6);transform:scale(1.3)}.km-step-dot.locked{background:#eee;opacity:.5}.km-finish-btn{position:fixed;bottom:2rem;right:2rem;background-color:#32cd32;color:#fff;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:clamp(.95rem,2vw,1.15rem);font-weight:700;cursor:pointer;box-shadow:0 4px 20px #32cd3280;z-index:200;animation:kmSlideUp .5s ease;transition:all .2s}.km-finish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #32cd3299}@keyframes kmScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.km-timeline-track{min-width:720px}.km-card{min-height:85px;padding:.5rem .4rem}.km-card-icon{font-size:1.3rem}}@media(max-width:600px){.km-timeline-area{align-items:flex-start;padding:.5rem}.km-timeline-track{min-width:620px}.km-grid{min-height:320px}.km-card{padding:.4rem .3rem;min-height:72px}.km-card-icon{font-size:1.1rem}.km-detail{padding:1.5rem;max-width:95vw;border-radius:14px}.km-detail-icon{font-size:2rem}.km-detail-title{font-size:1.1rem}.km-finish-btn{bottom:1rem;right:1rem;padding:.8rem 1.5rem;font-size:.9rem}}.be-container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background:linear-gradient(145deg,#f0f4f8,#e8f0fe);font-family:var(--font-family, "Inter", sans-serif);box-sizing:border-box;padding-bottom:80px}.be-title-pill{background-color:var(--color-primary, #3b9dd9);color:#fff;padding:.7rem 2rem;border-radius:var(--radius-pill, 50px);font-size:clamp(.85rem,2.5vw,1.15rem);font-weight:700;box-shadow:0 4px 15px #3b9dd94d;margin:.5rem 1rem;text-align:center;flex-shrink:0;animation:beScaleIn .4s ease .2s both}.be-tabs{display:flex;gap:.5rem;margin:1rem 1rem 0;flex-wrap:wrap;justify-content:center}.be-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 1.5rem;border:2px solid #d0d8e0;border-radius:14px;background:#fff;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.be-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--tab-accent, #3b9dd9);transform:scaleX(0);transition:transform .3s}.be-tab:hover{border-color:#b0bec5;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.be-tab.active{border-color:var(--tab-accent, #3b9dd9);box-shadow:0 4px 18px #0000001f;transform:translateY(-2px)}.be-tab.active:after{transform:scaleX(1)}.be-tab.visited:not(.active){border-color:#a0d8a0}.be-tab-period{font-size:clamp(.6rem,1.5vw,.75rem);font-weight:800;color:#888;letter-spacing:.03em}.be-tab.active .be-tab-period{color:var(--tab-accent, #3b9dd9)}.be-tab-title{font-size:clamp(.7rem,1.8vw,.9rem);font-weight:700;color:#333}.be-progress-track{width:90%;max-width:700px;height:4px;background:#e0e0e0;border-radius:4px;margin:.8rem auto 0;overflow:hidden}.be-progress-fill{height:100%;border-radius:4px;transition:width .6s ease,background .4s ease}.be-content-area{width:92%;max-width:1000px;flex:1;margin:1rem auto;overflow:hidden;position:relative}.be-slide{display:flex;gap:2rem;align-items:flex-start;width:100%}.be-slide.be-enter{animation:beSlideIn .4s ease both}.be-slide.be-exit-right{animation:beSlideOutLeft .3s ease both}.be-slide.be-exit-left{animation:beSlideOutRight .3s ease both}@keyframes beSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes beSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes beSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.be-text-panel{flex:1;min-width:0}.be-period-badge{display:inline-block;color:#fff;font-size:.75rem;font-weight:800;padding:.3rem 1rem;border-radius:20px;margin-bottom:.5rem;letter-spacing:.03em}.be-era-title{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:800;color:#222;margin:0 0 .2rem;line-height:1.2}.be-era-subtitle{font-size:clamp(.85rem,2vw,1rem);color:#666;font-weight:600;font-style:italic;margin:0 0 .8rem}.be-era-desc{font-size:clamp(.85rem,2vw,.95rem);line-height:1.7;color:#444;margin:0 0 1.2rem}.be-logo-box{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;width:fit-content}.be-logo-img{height:40px;width:auto}.be-logo-label{font-size:.8rem;font-weight:700;color:#555}.be-products-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;flex-shrink:0;width:320px}.be-product-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem;background:#fff;border-radius:14px;box-shadow:0 3px 12px #00000012;transition:all .3s ease;animation:beProductPop .5s ease both;cursor:default}.be-product-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px #00000024}@keyframes beProductPop{0%{opacity:0;transform:translateY(15px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.be-product-card img{width:100%;max-width:110px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));transition:transform .3s}.be-product-card:hover img{transform:scale(1.08)}.be-product-name{font-size:.7rem;font-weight:700;color:#444;text-align:center;line-height:1.2}.be-nav{display:flex;align-items:center;gap:1rem;margin:.5rem auto}.be-nav-btn{padding:.5rem 1.3rem;border:2px solid var(--color-primary, #3b9dd9);background:#fff;color:var(--color-primary, #3b9dd9);border-radius:25px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.be-nav-btn:hover:not(:disabled){background:var(--color-primary, #3b9dd9);color:#fff}.be-nav-btn:disabled{opacity:.35;cursor:not-allowed}.be-dots{display:flex;gap:8px}.be-dot{width:10px;height:10px;border-radius:50%;background:#d0d8e0;cursor:pointer;transition:all .3s}.be-dot.visited{background:#a0d8a0}.be-dot.active{background:var(--color-primary, #3b9dd9);transform:scale(1.3);box-shadow:0 0 0 3px #3b9dd940}.be-footer{background:#fff;border:2px solid #c5dff8;border-radius:16px;padding:1rem 2rem;margin:.5rem 1rem;max-width:700px;text-align:center;box-shadow:0 2px 10px #0000000a}.be-footer p{font-size:clamp(.85rem,2vw,1rem);color:#333;margin:0;line-height:1.5}.be-back-btn{position:fixed;bottom:1.5rem;left:1.5rem;background:var(--color-primary, #3b9dd9);color:#fff;padding:.6rem 1.5rem;border:none;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #3b9dd959;z-index:100;transition:all .2s}.be-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b9dd980}.be-finish-btn{position:fixed;bottom:1.5rem;right:1.5rem;background:linear-gradient(135deg,#32cd32,#28a428);color:#fff;padding:.7rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #32cd3266;z-index:100;transition:all .2s;animation:beFinishPulse 2s ease-in-out infinite}.be-finish-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #32cd328c}@keyframes beFinishPulse{0%,to{box-shadow:0 4px 18px #32cd3266}50%{box-shadow:0 4px 25px #32cd32b3}}@keyframes beScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.be-slide{flex-direction:column;gap:1.2rem}.be-products-panel{width:100%;max-width:360px;margin:0 auto}.be-product-card img{max-width:90px}.be-tab{padding:.5rem 1rem}.be-footer{padding:.8rem 1.2rem}}@media(max-width:480px){.be-tabs{gap:.3rem}.be-tab{padding:.4rem .7rem}.be-tab-title{font-size:.65rem}.be-products-panel{grid-template-columns:repeat(2,1fr);gap:.5rem}.be-product-card{padding:.5rem}.be-product-card img{max-width:72px}.be-nav-btn{padding:.4rem .8rem;font-size:.75rem}.be-back-btn{bottom:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem}}.qs-container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background:linear-gradient(160deg,#f0f4f8,#e3edf7,#f7f9fc);font-family:var(--font-family, "Inter", sans-serif);box-sizing:border-box;padding-bottom:100px}.qs-hero{display:flex;align-items:center;justify-content:center;gap:3rem;width:90%;max-width:1000px;margin:1rem auto 0;animation:qsFadeUp .6s ease both}.qs-hero-text{flex:1;min-width:0}.qs-badge{display:inline-block;background:var(--color-primary, #3b9dd9);color:#fff;padding:.4rem 1.4rem;border-radius:50px;font-size:clamp(.7rem,1.8vw,.85rem);font-weight:700;letter-spacing:.04em;margin-bottom:.8rem}.qs-headline{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;color:#1a1a2e;line-height:1.15;margin:0 0 .6rem}.qs-headline-accent{background:linear-gradient(135deg,#3b9dd9,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qs-hero-sub{font-size:clamp(.85rem,2vw,1rem);color:#555;line-height:1.6;margin:0}.qs-hero-img-wrap{flex-shrink:0;position:relative;width:clamp(140px,25vw,260px);animation:qsFloat 4s ease-in-out infinite}.qs-hero-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));position:relative;z-index:1}.qs-hero-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(59,157,217,.15) 0%,transparent 70%);z-index:0;filter:blur(20px)}.qs-cards-section{width:90%;max-width:1000px;margin:2rem auto 0}.qs-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.qs-card-perspective{perspective:800px;min-height:340px;cursor:pointer;animation:qsCardEntry .5s ease both}.qs-card-inner{position:relative;width:100%;height:100%;min-height:340px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.qs-card-perspective.flipped .qs-card-inner{transform:rotateY(180deg)}.qs-card-front,.qs-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;padding:2rem 1.5rem;display:flex;flex-direction:column;box-sizing:border-box}.qs-card-front{background:#fff;border:2px solid #e8ecf0;align-items:center;justify-content:center;gap:1.2rem;padding:2.2rem 1.8rem;transition:border-color .3s,box-shadow .3s,transform .3s}.qs-card-perspective:hover .qs-card-front{border-color:var(--card-accent, #3b9dd9);box-shadow:0 12px 35px #0000001a;transform:translateY(-4px)}.qs-card-icon{font-size:3.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08));animation:qsPulseIcon 3s ease-in-out infinite;line-height:1}.qs-card-title{font-size:clamp(.88rem,2vw,1.08rem);font-weight:700;color:#3a4a5c;text-align:center;margin:0;line-height:1.4;letter-spacing:-.01em}.qs-card-hint{font-size:.75rem;color:#a0aec0;font-weight:600;letter-spacing:.02em;margin-top:.3rem;transition:color .3s}.qs-card-perspective:hover .qs-card-hint{color:var(--card-accent, #3b9dd9)}.qs-card-back{background:linear-gradient(145deg,var(--card-accent, #3b9dd9),color-mix(in srgb,var(--card-accent, #3b9dd9) 75%,#1a1a2e));color:#fff;transform:rotateY(180deg);justify-content:center;align-items:center;padding:1.8rem 1.5rem;box-shadow:0 12px 35px #0000001f;overflow-y:auto}.qs-card-body{font-size:clamp(.76rem,1.6vw,.88rem);line-height:1.7;margin:0;text-align:center;padding:.2rem 0}.qs-card-body strong{display:block;font-size:clamp(.84rem,1.8vw,.96rem);margin-bottom:.5rem;letter-spacing:.01em}.qs-progress-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1.5rem}.qs-progress-dot{width:12px;height:12px;border-radius:50%;background:#d0d8e0;transition:all .4s ease}.qs-progress-dot.done{background:#10b981;transform:scale(1.25);box-shadow:0 0 0 4px #10b98133}.qs-progress-label{font-size:.8rem;font-weight:700;color:#888;margin-left:6px}.qs-back-btn{position:fixed;bottom:1.5rem;left:1.5rem;background:var(--color-primary, #3b9dd9);color:#fff;padding:.6rem 1.5rem;border:none;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #3b9dd959;z-index:100;transition:all .2s}.qs-back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b9dd980}.qs-next-btn{position:fixed;bottom:1.5rem;right:1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.7rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #10b98166;z-index:100;transition:all .2s;animation:qsFinishPulse 2s ease-in-out infinite}.qs-next-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b9818c}@keyframes qsFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes qsCardEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes qsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes qsPulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes qsFinishPulse{0%,to{box-shadow:0 4px 18px #10b98166}50%{box-shadow:0 4px 28px #10b981b3}}@media(max-width:900px){.qs-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.qs-hero{flex-direction:column-reverse;text-align:center;gap:1.5rem}.qs-hero-img-wrap{width:160px}.qs-cards-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.qs-card-perspective,.qs-card-inner{min-height:310px}}@media(max-width:480px){.qs-badge{font-size:.7rem;padding:.3rem 1rem}.qs-card-perspective,.qs-card-inner{min-height:290px}.qs-card-front,.qs-card-back{padding:1.5rem 1rem}.qs-back-btn{bottom:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem}.qs-next-btn{bottom:1rem;right:1rem;padding:.5rem 1.3rem;font-size:.85rem}}.nf-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#f7fafc);display:flex;flex-direction:column;align-items:center;position:relative;font-family:var(--font-family, "Inter", sans-serif);box-sizing:border-box;padding-bottom:100px}.nf-title-pill{background:linear-gradient(90deg,#3b9dd9 60%,#6366f1);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:clamp(1.2rem,3vw,2rem);font-weight:800;text-align:center;margin:2.2rem auto 1.5rem;box-shadow:0 4px 18px #3b9dd92e;z-index:2;letter-spacing:.01em}.nf-watermark{position:absolute;top:50%;left:50%;width:44vw;min-width:260px;max-width:520px;opacity:.07;transform:translate(-50%,-50%);pointer-events:none;z-index:0;filter:blur(.5px)}.nf-cards-row{display:flex;gap:2.2rem;justify-content:center;align-items:stretch;width:90%;max-width:1100px;margin:2.5rem auto 0;z-index:2}.nf-card{flex:1 1 0;min-width:260px;max-width:340px;min-height:340px;background:#fff;border-radius:22px;border:2.5px solid #e0e7ef;box-shadow:0 4px 18px #3b9dd914;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:2.2rem 1.6rem 1.6rem;opacity:0;transform:translateY(60px) scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1),box-shadow .3s;animation:nfCardEntry .7s cubic-bezier(.4,0,.2,1) both;position:relative;cursor:default}.nf-card.unlocked{opacity:1;transform:translateY(0) scale(1.03);border-width:2.5px;box-shadow:0 8px 32px 0 var(--card-accent, #3b9dd9) 22;background:linear-gradient(135deg,#f0faff 60%,#e0f2fe)}.nf-card.visible{opacity:1;transform:translateY(0) scale(1)}.nf-card-svg{width:64px;height:64px;margin-bottom:1.1rem;-webkit-user-select:none;user-select:none;transition:transform .3s,filter .3s,opacity .3s;will-change:transform;z-index:2}.nf-card-svg.dragging{transform:scale(1.18) rotate(-8deg);filter:drop-shadow(0 8px 24px #3b9dd9aa);opacity:.85}.nf-card.unlocked .nf-card-svg{opacity:.3;filter:grayscale(.7);cursor:default}.nf-card-title{font-size:clamp(1.05rem,2vw,1.18rem);font-weight:700;margin:0 0 .7rem;line-height:1.3;letter-spacing:.01em}.nf-card-body{font-size:clamp(.92rem,1.7vw,1.05rem);color:#3a4a5c;line-height:1.7;margin:0;font-weight:500;padding:0 .1rem}.nf-card-hint{font-size:.85rem;color:#3b9dd9;margin-top:1.1rem;font-weight:600;letter-spacing:.01em;opacity:.85;transition:color .3s,opacity .3s}.nf-card-hint-ok{color:#10b981;opacity:1;animation:nfHintOkPulse 1.2s}@keyframes nfHintOkPulse{0%{color:#3b9dd9;opacity:.7}60%{color:#10b981;opacity:1}to{color:#10b981;opacity:1}}.nf-next-btn{position:fixed;bottom:1.5rem;right:1.5rem;background:linear-gradient(135deg,#10b981,#3b9dd9);color:#fff;padding:.8rem 2.2rem;border:none;border-radius:25px;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #3b9dd92e;z-index:10;transition:all .2s;animation:nfPulseBtn 2s ease-in-out infinite}.nf-next-btn:disabled{opacity:.4;cursor:not-allowed;animation:none}.nf-next-btn:hover:enabled{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b98138}@keyframes nfCardEntry{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nfPulseBtn{0%,to{box-shadow:0 4px 18px #3b9dd92e}50%{box-shadow:0 4px 28px #10b98138}}@media(max-width:900px){.nf-cards-row{gap:1.2rem}.nf-card{min-width:220px;max-width:320px;min-height:270px;padding:1.7rem 1.1rem 1.1rem}}@media(max-width:700px){.nf-cards-row{flex-direction:column;align-items:center;gap:1.5rem}.nf-card{width:100%;max-width:400px;min-width:0}.nf-next-btn{right:1rem;bottom:1rem;padding:.7rem 1.3rem;font-size:.95rem}}.mision-container{width:100%;min-height:100vh;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:Arial,sans-serif}.header-bar.white-header{background:#ffffffe6}.mision-title-pill{background-color:#2fbceb;color:#fff;padding:.8rem 3rem;border-radius:50px;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;text-align:center;margin:1.5rem auto;box-shadow:0 4px 10px #0003;display:inline-block;z-index:10}.mision-content-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 0;min-height:400px;height:100%}.mision-card{background:linear-gradient(135deg,#f0f4f8 60%,#e0f7fa);border-radius:25px;box-shadow:0 8px 32px #2fbceb1a;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.mision-card.animated{animation:cardRevealAnim .7s cubic-bezier(.4,0,.2,1)}@keyframes cardRevealAnim{0%{transform:scale(.95) rotateY(0);opacity:.7}60%{transform:scale(1.08) rotateY(18deg);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}.mision-card.collapsed{max-width:500px;width:100%;min-width:320px;min-height:350px;margin:0 auto}.mision-card.revealed{max-width:700px;width:100%;min-width:320px;min-height:450px;padding:3rem;cursor:default;margin:0 auto}.card-collapsed-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;width:100%}.collapsed-title{font-size:clamp(1.8rem,4vw,3rem);color:#2fbceb;margin:0;font-weight:800;letter-spacing:normal;text-transform:none}.mision-icon{font-size:5rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.icon-animate{animation:iconPulse 1.2s infinite alternate}@keyframes iconPulse{0%{transform:scale(1) rotate(-8deg)}60%{transform:scale(1.18) rotate(8deg)}to{transform:scale(1) rotate(-8deg)}}.click-instruction{color:#3b9dd9;font-size:1.08rem;position:absolute;bottom:20px;font-weight:600;text-shadow:0 2px 12px #e0f7fa}.card-revealed-content p{font-size:1.22rem;line-height:1.7;color:#226b8e;text-align:center;font-weight:500;padding:.5rem .5rem .2rem;text-shadow:0 2px 12px #e0f7fa}.mision-footer{width:100%;padding:1.2rem 2rem .5rem;display:flex;justify-content:space-between;align-items:center;background:none;box-shadow:none;position:relative;z-index:10}.fab-btn,.mision-next-btn{background:linear-gradient(135deg,#e0f7fa 60%,#2fbceb);color:#226b8e;border:none;border-radius:25px;padding:.7rem 2rem;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #2fbceb1a;transition:all .2s;margin:0 .5rem}.fab-btn:disabled,.mision-next-btn:disabled{opacity:.4;cursor:not-allowed}.fab-btn:hover:enabled,.mision-next-btn:hover:enabled{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #2fbceb2e}@media(max-width:768px){.mision-content-wrapper{padding:1rem}.mision-card.collapsed{max-width:90%;min-height:280px}.mision-card.revealed{max-width:95%;min-height:350px;padding:2rem}.card-revealed-content p{font-size:1.1rem}.mision-footer{padding:1rem;flex-wrap:wrap;gap:1rem}}@media(max-width:480px){.mision-title-pill{padding:.6rem 1.5rem;font-size:1.2rem}.mision-card.revealed{padding:1.5rem}.card-revealed-content p{font-size:1rem}.mision-icon{font-size:3.5rem}.mision-next-btn{padding:.6rem 1.5rem;font-size:1rem}}.valores-container{width:100vw;height:100vh;background:linear-gradient(135deg,#e6f3f8 60%,#e0f7fa);display:flex;flex-direction:column;font-family:Arial,sans-serif;align-items:center;overflow:hidden}.valores-title-pill{background:linear-gradient(90deg,#2fbceb 60%,#25aae0);color:#fff;padding:.5rem 2.5rem;border-radius:50px;font-size:clamp(1rem,2vw,1.5rem);font-weight:800;text-align:center;margin:.5rem auto .4rem;width:fit-content;box-shadow:0 4px 14px #2fbceb38;display:block;border:none;letter-spacing:.02em;animation:pillSlideIn .6s ease-out}@keyframes pillSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.valores-content-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:.3rem 2vw .3rem 2vw;width:100%;box-sizing:border-box;min-height:0}.valores-grid{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;padding:1.5rem 2vw;box-shadow:0 8px 32px #2fbceb1f;border:2px solid #b3e5fc;display:flex;flex-direction:column;align-items:center;gap:.8rem;max-width:900px;width:100%;animation:gridFadeIn .7s ease-out .2s both}@keyframes gridFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.valores-row{display:flex;justify-content:center;align-items:stretch;gap:1rem;width:100%}.bottom-row{max-width:66%}.valor-card{background:linear-gradient(135deg,#e8f8fd 40%,#c3ecfa);border:2px solid #2FBCEB;border-radius:20px;padding:.8rem .6rem .6rem;text-align:center;flex:1;min-width:0;box-shadow:0 4px 16px #2fbceb1a;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .3s;display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:cardPopIn .5s cubic-bezier(.34,1.56,.64,1) both}.valor-card:nth-child(1){animation-delay:.15s}.valor-card:nth-child(2){animation-delay:.25s}.valor-card:nth-child(3){animation-delay:.35s}.bottom-row .valor-card:nth-child(1){animation-delay:.45s}.bottom-row .valor-card:nth-child(2){animation-delay:.55s}@keyframes cardPopIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.valor-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 32px #2fbceb40;border-color:#25aae0;background:linear-gradient(135deg,#d0f0fc 40%,#a8e4f8)}.valor-card.active{transform:scale(1.07);box-shadow:0 0 0 4px #2fbceb2e,0 12px 36px #2fbceb4d;border-color:#1a8fc7;background:linear-gradient(135deg,#b3e8fc 20%,#7dd3f5,#d4c4fb);z-index:2;animation:cardGlow 1.5s ease-in-out infinite alternate}@keyframes cardGlow{0%{box-shadow:0 0 0 4px #2fbceb26,0 12px 36px #2fbceb40}to{box-shadow:0 0 0 6px #6366f133,0 12px 36px #6366f133}}.valor-card.active .valor-title{color:#1346a3}.valor-card.active .valor-icon{background:#fffffff2;box-shadow:0 2px 12px #2fbceb40}.valor-icon{margin-bottom:.4rem;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#ffffffbf;border-radius:50%;box-shadow:0 2px 8px #2fbceb1f}.valor-icon-anim{animation:valorPulse 2s ease-in-out infinite alternate}@keyframes valorPulse{0%{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.12) rotate(5deg)}to{transform:scale(1) rotate(-5deg)}}.valor-title{color:#1a7fa8;font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:700;margin-bottom:.3rem;letter-spacing:.01em}.valor-text{color:#226b8e;font-size:clamp(.72rem,.9vw,.85rem);line-height:1.4;font-weight:500;padding:0 .2rem}.valores-footer{width:100%;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:none;flex-shrink:0;z-index:10}.fab-btn,.valores-next-btn{background:linear-gradient(135deg,#e0f7fa 60%,#2fbceb);color:#226b8e;border:none;border-radius:25px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #2fbceb1a;transition:all .25s cubic-bezier(.4,0,.2,1);margin:0 .5rem}.fab-btn:disabled,.valores-next-btn:disabled{opacity:.4;cursor:not-allowed}.fab-btn:hover:enabled,.valores-next-btn:hover:enabled{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 22px #2fbceb38}@media(max-width:768px){.valores-content-wrapper{padding:.3rem .8rem}.valores-grid{padding:1rem .8rem}.valores-row{gap:.6rem}.bottom-row{max-width:100%}.valor-card{min-width:100px}.valores-footer{padding:.5rem 1rem}}@media(max-width:480px){.valores-title-pill{padding:.5rem 1.5rem;font-size:1rem}.valores-row{flex-direction:column;align-items:center}.bottom-row{max-width:100%}.valor-card{max-width:85%}}.propuesta-container{width:100vw;height:100vh;background:linear-gradient(135deg,#e6f3f8 60%,#e0f7fa);display:flex;flex-direction:column;font-family:Arial,sans-serif;align-items:center;overflow:hidden}.propuesta-title-pill{background:linear-gradient(90deg,#2fbceb 60%,#25aae0);color:#fff;padding:.5rem 2.5rem;border-radius:50px;font-size:clamp(1rem,2vw,1.5rem);font-weight:800;text-align:center;margin:.5rem auto;width:fit-content;box-shadow:0 4px 14px #2fbceb38;display:block;border:none;letter-spacing:.02em;animation:propPillIn .6s ease-out}@keyframes propPillIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.propuesta-content-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:.5rem 3vw;width:100%;box-sizing:border-box;min-height:0}.propuesta-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:3rem 3.5rem;box-shadow:0 8px 32px #2fbceb1f;border:2px solid #b3e5fc;max-width:750px;width:100%;position:relative;animation:propCardIn .7s cubic-bezier(.34,1.56,.64,1) .2s both;overflow:hidden}.propuesta-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,#2fbceb,#6366f1,#10b981);border-radius:0 0 4px 4px}.propuesta-card:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(47,188,235,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}@keyframes propCardIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.propuesta-text{color:#2c4a5a;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.85;text-align:center;margin:0;font-weight:500;animation:propTextFade .8s ease-out .5s both}@keyframes propTextFade{0%{opacity:0}to{opacity:1}}.propuesta-text strong{color:#1a8fc7;font-weight:800;position:relative}.propuesta-text strong:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2FBCEB,transparent);border-radius:2px}.propuesta-footer{width:100%;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:10}.fab-btn,.propuesta-next-btn{background:linear-gradient(135deg,#e0f7fa 60%,#2fbceb);color:#226b8e;border:none;border-radius:25px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #2fbceb1a;transition:all .25s cubic-bezier(.4,0,.2,1);margin:0 .5rem}.fab-btn:disabled,.propuesta-next-btn:disabled{opacity:.4;cursor:not-allowed}.fab-btn:hover:enabled,.propuesta-next-btn:hover:enabled{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 22px #2fbceb38}@media(max-width:768px){.propuesta-content-wrapper{padding:.5rem 1.5rem}.propuesta-card{padding:2rem 1.8rem}.propuesta-text{font-size:1.05rem}}@media(max-width:480px){.propuesta-title-pill{padding:.5rem 1.5rem;font-size:1rem}.propuesta-card{padding:1.5rem 1.2rem;border-radius:20px}.propuesta-text{font-size:.95rem;line-height:1.7}}.organigrama-container{width:100vw;height:100vh;background:linear-gradient(135deg,#e6f3f8 60%,#e0f7fa);display:flex;flex-direction:column;font-family:Arial,sans-serif;align-items:center;overflow:hidden}.organigrama-title-pill{background:linear-gradient(90deg,#2fbceb 60%,#25aae0);color:#fff;padding:.4rem 2.2rem;border-radius:50px;font-size:clamp(.9rem,1.8vw,1.3rem);font-weight:800;text-align:center;margin:.4rem auto .2rem;width:fit-content;box-shadow:0 4px 14px #2fbceb38;display:block;animation:pillIn .6s ease-out}@keyframes pillIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.org-progress-bar{width:60%;max-width:500px;height:6px;background:#ffffff80;border-radius:3px;margin:.2rem auto .3rem;overflow:hidden}.org-progress-fill{height:100%;background:linear-gradient(90deg,#2fbceb,#10b981);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.org-progress-text{text-align:center;font-size:.7rem;color:#1a7fa8;font-weight:600;margin-bottom:.2rem}.org-chart-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding:.3rem 1rem;gap:.3rem;min-height:0}.org-level{display:flex;justify-content:center;align-items:center;width:100%}.org-level.level-1{display:flex;justify-content:center}.org-box{background:#c8c8c866;border-radius:14px;padding:.7rem 1.4rem;min-width:160px;text-align:center;cursor:not-allowed;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;border:2px solid transparent;position:relative;overflow:hidden}.org-box.locked{opacity:.55;filter:grayscale(.5)}.org-box.locked:after{content:"🔒";position:absolute;top:4px;right:8px;font-size:.65rem}.org-box.unlocked{cursor:pointer;background:#ffffffe6;border:2px solid #2FBCEB;animation:unlockPulse 2s ease-in-out infinite}@keyframes unlockPulse{0%,to{box-shadow:0 0 #2fbceb4d,0 4px 12px #2fbceb1f}50%{box-shadow:0 0 0 6px #2fbceb26,0 4px 16px #2fbceb33}}.org-box.unlocked:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #2fbceb47;border-color:#1a8fc7;background:linear-gradient(135deg,#e8f8fd,#c3ecfa)}.org-box.viewed{background:linear-gradient(135deg,#2fbceb,#1a8fc7);color:#fff;border-color:#1a8fc7;animation:none;box-shadow:0 4px 14px #2fbceb33}.org-box.viewed:after{content:"✓";position:absolute;top:4px;right:8px;font-size:.75rem;color:#fff;font-weight:700}.org-box-title{font-size:.8rem;font-weight:700;margin-bottom:.15rem;white-space:pre-line;color:#333;transition:color .3s}.org-box.viewed .org-box-title{color:#fff}.org-box.locked .org-box-title{color:#888}.org-box-subtitle{font-size:.65rem;opacity:.7;color:#666}.org-box.viewed .org-box-subtitle{color:#ffffffd9}.org-box.locked .org-box-subtitle{display:none}.org-connector{background:linear-gradient(180deg,#2fbceb,#b3e5fc)}.org-connector.vertical{width:3px;height:14px;border-radius:2px}.departments-row{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;max-width:1000px;padding:0 .5rem}.org-box.department{min-width:105px;max-width:120px;padding:.6rem .5rem;font-size:.75rem}.org-box.department .org-box-title{font-size:.72rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:overlayIn .3s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:1.5rem;max-width:85%;max-height:85%;position:relative;box-shadow:0 20px 60px #00000040;border:2px solid #b3e5fc;display:flex;flex-direction:column;align-items:center;animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:.8rem;right:.8rem;background:linear-gradient(135deg,#2fbceb,#1a8fc7);color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:0 2px 8px #2fbceb33}.modal-close:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 4px 14px #2fbceb4d}.modal-title{color:#1a7fa8;font-size:1.3rem;margin-bottom:1rem;text-align:center;font-weight:800}.modal-image{max-width:100%;max-height:65vh;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #00000014}.organigrama-footer{width:100%;padding:.4rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:10}.fab-btn,.organigrama-next-btn{background:linear-gradient(135deg,#e0f7fa 60%,#2fbceb);color:#226b8e;border:none;border-radius:25px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #2fbceb1a;transition:all .25s cubic-bezier(.4,0,.2,1);margin:0 .5rem}.organigrama-next-btn.disabled{opacity:.4;cursor:not-allowed}.organigrama-next-btn.enabled{background:linear-gradient(135deg,#2fbceb,#10b981);color:#fff;animation:nextReady 1s ease-in-out infinite alternate}@keyframes nextReady{0%{box-shadow:0 2px 8px #10b98126}to{box-shadow:0 4px 18px #10b98159}}.fab-btn:hover:enabled,.organigrama-next-btn.enabled:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 22px #2fbceb38}@media(max-width:768px){.org-chart-wrapper{padding:.3rem .5rem}.departments-row{gap:.4rem}.org-box.department{min-width:90px;max-width:105px;padding:.5rem .4rem}.org-box{min-width:130px;padding:.6rem 1rem}.organigrama-footer{padding:.4rem 1rem}}@media(max-width:480px){.organigrama-title-pill{padding:.4rem 1.5rem;font-size:1rem}.departments-row{flex-direction:column;align-items:center}.org-box.department{min-width:80%;max-width:90%}}.beneficios-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.beneficios-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto 1.5rem;width:fit-content;box-shadow:0 4px 10px #0000001a}.beneficios-intro{max-width:900px;margin:0 auto 2rem;padding:0 2rem;text-align:center}.beneficios-intro p{color:#333;font-size:1.1rem;line-height:1.6;margin:0}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.benefit-card{background:#fff;border-radius:15px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s;display:flex;flex-direction:column;align-items:center}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.benefit-icon{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:1rem}.benefit-title{color:#333;font-size:1.05rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.benefit-description{color:#555;font-size:.9rem;line-height:1.5;margin:0}.beneficios-footer-message{background:#2fbceb;color:#fff;padding:1.5rem 2rem;margin:2rem auto 1rem;max-width:900px;border-radius:50px;text-align:center;box-shadow:0 4px 10px #0000001a}.beneficios-footer-message p{margin:0;font-size:1.15rem;font-weight:500;line-height:1.5}.beneficios-footer{padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.beneficios-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.beneficios-next-btn:hover{background-color:#25aae0}@media(max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.benefits-grid{grid-template-columns:1fr}}.quiz-container{width:100%;min-height:100vh;background-color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.quiz-header{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem auto 1rem}.quiz-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;box-shadow:0 4px 10px #0000001a}.quiz-progress-indicator{font-size:1.8rem;font-weight:700;color:#333}.quiz-content{flex:1;display:flex;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem}.trophy-progress{display:flex;flex-direction:column;align-items:center;gap:1rem}.trophy-icon{font-size:clamp(1.8rem,4vw,3rem)}.progress-bar{width:4px;height:300px;background:#d3d3d3;border-radius:10px;position:relative;overflow:hidden}.progress-fill{position:absolute;bottom:0;width:100%;background:#2fbceb;transition:height .5s ease}.progress-circle{width:30px;height:30px;border-radius:50%;border:4px solid #2FBCEB;background:#fff}.question-area{flex:1;display:flex;flex-direction:column;align-items:center}.question-text{color:#333;font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:.5rem}.question-hint{color:#2fbceb;font-size:1rem;margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:700px}.quiz-option{background:#fff;border:2px solid #87CEEB;border-radius:15px;padding:1.5rem 2rem;font-size:1rem;color:#333;cursor:pointer;transition:all .3s;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.quiz-option:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 12px #00000026;border-color:#2fbceb}.quiz-option.selected{border-color:#2fbceb;background:#e6f7ff}.quiz-option.error{background:#ff6b6b;border-color:#ff6b6b;color:#fff;animation:shake .5s}.quiz-option.success{background:#51cf66;border-color:#51cf66;color:#fff}.quiz-option:disabled{cursor:not-allowed;opacity:.6}.retry-btn{margin-top:2rem;background:#ff6b6b;color:#fff;border:none;border-radius:25px;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background .3s}.retry-btn:hover{background:#ff5252}.quiz-footer{padding:1rem 2rem 2rem;display:flex;align-items:center}.quiz-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.quiz-next-btn:hover:not(.disabled){background-color:#25aae0}.quiz-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}.generic-quiz-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e6f3f8 60%,#e0f7fa);position:fixed;top:0;left:0;z-index:100;overflow:hidden;font-family:Arial,sans-serif}.quiz-header-area{padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #2fbceb14;z-index:10;flex-shrink:0}.quiz-title-pill{background:linear-gradient(90deg,#2fbceb 60%,#25aae0);color:#fff;padding:.4rem 1.8rem;border-radius:50px;font-weight:800;font-size:1rem;margin-bottom:.4rem;box-shadow:0 4px 14px #2fbceb38;animation:pillIn .5s ease-out}@keyframes pillIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.quiz-progress-text{font-size:.8rem;color:#1a7fa8;margin-bottom:.3rem;font-weight:600}.quiz-content-area{flex:1;display:flex;flex-direction:column;padding:.8rem 1rem;overflow-y:auto;align-items:center;justify-content:center;min-height:0}.question-card{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:1.5rem 2rem;width:90%;max-width:750px;box-shadow:0 8px 32px #2fbceb1f;border:2px solid #b3e5fc;text-align:center;margin:auto;animation:cardFadeIn .5s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.question-text{color:#2c4a5a;font-size:1.15rem;margin-bottom:.5rem;font-weight:700}.question-instruction{color:#1a7fa8;font-size:.85rem;font-style:italic;margin-bottom:1rem}.answer-btn{background:#fffc;border:2px solid #d1e8f0;border-radius:16px;padding:.9rem 1rem;font-size:.95rem;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);text-align:left;font-weight:500;color:#2c4a5a}.answer-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0f7fa,#c3ecfa);border-color:#2fbceb;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #2fbceb26}.answer-btn.correct{background:linear-gradient(135deg,#d1fae5 30%,#a7f3d0);border-color:#10b981;color:#065f46;animation:correctPop .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 3px #10b98126,0 4px 12px #10b98133}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.answer-btn.incorrect{background:linear-gradient(135deg,#fee2e2 30%,#fecaca);border-color:#ef4444;color:#991b1b;animation:incorrectShake .5s ease-in-out;box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef444433}@keyframes incorrectShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.answer-btn.selected{background:linear-gradient(135deg,#e0f7fa,#c3ecfa);border-color:#2fbceb;border-width:3px}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.instruction-text{font-size:.95rem;color:#2c4a5a;margin-bottom:1rem;text-align:left}.true-false-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.6rem;align-items:center;margin-bottom:1rem}.column-header{font-weight:700;color:#1a7fa8;text-align:center;font-size:.95rem}.statement-text{font-size:.85rem;color:#2c4a5a;text-align:left;padding:.4rem 0}.tf-btn{background:#fffc;border:2px solid #d1e8f0;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.3rem;color:#2fbceb;margin:0 auto}.tf-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0f7fa,#c3ecfa);border-color:#2fbceb;transform:scale(1.12)}.tf-btn.selected{background:linear-gradient(135deg,#e0f7fa,#c3ecfa);border-color:#2fbceb;border-width:3px}.tf-btn.correct{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#10b981;animation:correctPop .5s cubic-bezier(.34,1.56,.64,1)}.tf-btn.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#ef4444;animation:incorrectShake .5s ease-in-out}.submit-tf-btn{background:linear-gradient(135deg,#2fbceb,#1a8fc7);color:#fff;border:none;border-radius:25px;padding:.6rem 1.8rem;font-size:.95rem;font-weight:700;cursor:pointer;display:block;margin:.8rem auto 0;box-shadow:0 4px 14px #2fbceb38;transition:all .25s cubic-bezier(.4,0,.2,1)}.submit-tf-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 18px #2fbceb4d}.retry-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:25px;padding:.7rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;display:block;margin:0 auto;box-shadow:0 4px 14px #f9731640;transition:all .25s}.retry-btn:hover{transform:translateY(-2px) scale(1.04)}.quiz-footer-area{padding:.5rem 2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d1e8f0;flex-shrink:0}.quiz-btn{padding:.6rem 1.5rem;border-radius:25px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.quiz-btn.next{background:linear-gradient(135deg,#e0f7fa 60%,#2fbceb);color:#226b8e;box-shadow:0 2px 8px #2fbceb26}.quiz-btn.next:hover:not(:disabled){transform:translateY(-3px) scale(1.06);box-shadow:0 8px 22px #2fbceb38}.quiz-btn.next:disabled{background:#ddd;color:#999;cursor:not-allowed;box-shadow:none}.quiz-btn.back{background:#fffc;color:#226b8e;border:2px solid #b3e5fc}.quiz-btn.back:hover{border-color:#2fbceb;color:#1a8fc7;transform:translateY(-2px)}.feedback-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:.8rem 1.8rem;border-radius:50px;color:#fff;font-weight:700;animation:toastSlide .4s cubic-bezier(.34,1.56,.64,1);z-index:100}.feedback-toast.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.feedback-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.quiz-result-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:2rem;width:90%;max-width:550px;text-align:center;box-shadow:0 8px 32px #2fbceb1f;border:2px solid #b3e5fc;margin:auto;animation:cardFadeIn .5s ease-out}.result-icon{font-size:3.5rem;margin-bottom:.8rem;animation:resultBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes resultBounce{0%{transform:scale(0)}to{transform:scale(1)}}.quiz-result-card h2{color:#1a7fa8;font-size:1.5rem;margin-bottom:.5rem}.result-score{font-size:2rem;font-weight:800;color:#2fbceb;margin:.5rem 0}.result-message{color:#2c4a5a;margin-bottom:1.2rem;line-height:1.6;font-size:.95rem}.result-actions{display:flex;justify-content:center;gap:1rem}@media(max-width:768px){.question-card{width:95%;padding:1.2rem}.question-text{font-size:1rem}.quiz-btn{padding:.5rem 1.2rem;font-size:.85rem}.quiz-footer-area{padding:.4rem 1rem}.quiz-result-card{padding:1.5rem}.result-score{font-size:1.5rem}.answers-grid{grid-template-columns:1fr}}@media(max-width:480px){.question-card{width:98%;padding:1rem}.quiz-btn{padding:.4rem .8rem;font-size:.8rem}.result-actions{flex-direction:column}}.tf-container{width:100%;max-width:100%}.tf-header-row{display:grid;grid-template-columns:1fr 60px 60px;gap:10px;margin-bottom:1rem;font-weight:700;color:#555;border-bottom:2px solid #eee;padding-bottom:.5rem}.tf-row{display:grid;grid-template-columns:1fr 60px 60px;gap:10px;align-items:center;padding:1rem 0;border-bottom:1px solid #eee;transition:background-color .2s}.tf-row:last-child{border-bottom:none}.tf-row span{font-size:.95rem;color:#333;line-height:1.4;text-align:left}.tf-circle-btn{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;background:#fff;font-weight:700;color:#777;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);margin:0 auto}.tf-circle-btn:hover:not(:disabled){border-color:#3ca9d6;color:#3ca9d6;background-color:#f0f9fd}.tf-circle-btn.selected{background-color:#3ca9d6;border-color:#3ca9d6;color:#fff;transform:scale(1.1);box-shadow:0 2px 5px #3ca9d64d}.tf-row.row-correct{background-color:#4caf501a;border-radius:8px}.tf-row.row-incorrect{background-color:#f443361a;border-radius:8px}.tf-row.row-correct .tf-circle-btn.selected{background-color:#4caf50;border-color:#4caf50}.tf-row.row-incorrect .tf-circle-btn.selected{background-color:#f44336;border-color:#f44336}.congrats-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;position:relative}.congrats-card{background:#fff;border:3px solid #2FBCEB;border-radius:20px;padding:3rem 4rem;text-align:center;box-shadow:0 10px 30px #00000026;max-width:500px;position:relative}.celebration-icon{width:100px;height:100px;background:#2fbceb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,4.5vw,3.5rem);margin:-5rem auto 2rem;box-shadow:0 4px 15px #2fbceb66;animation:bounce 1s ease infinite}.congrats-title{color:#2fbceb;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;margin-bottom:1.5rem}.congrats-message{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.return-btn{background:#2fbceb;color:#fff;border:none;border-radius:25px;padding:.9rem 3rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s}.return-btn:hover{background:#25aae0;transform:translateY(-2px);box-shadow:0 6px 15px #00000040}.congrats-chat{position:fixed;bottom:2rem;left:2rem}.video-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.video-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto;width:fit-content;box-shadow:0 4px 10px #0000001a}.video-player-wrapper{display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;padding:0 2rem}.youtube-player{border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #0003}.video-subtitle{text-align:center;margin:0 auto 3rem;max-width:700px;padding:0 2rem}.video-subtitle p{color:#555;font-size:1.1rem;line-height:1.6;margin:0}.video-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.video-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.video-next-btn:hover:not(.disabled){background-color:#25aae0}.video-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}@media(max-width:900px){.youtube-player iframe{width:100%!important;height:auto!important;aspect-ratio:16 / 9}}.objetivos-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.objetivos-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto;width:fit-content;box-shadow:0 4px 10px #0000001a}.accordion-wrapper{max-width:800px;margin:0 auto 3rem;padding:0 2rem;width:100%}.accordion-item{background:#fff;border:2px solid #87CEEB;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s}.accordion-item.open{border-color:#2fbceb;box-shadow:0 4px 12px #2fbceb33}.accordion-header{width:100%;background:#fff;border:none;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background .3s;text-align:left}.accordion-header:hover{background:#f0f8ff}.accordion-icon{font-size:1.8rem;flex-shrink:0}.accordion-title{flex:1;font-size:1.1rem;font-weight:700;color:#333}.accordion-arrow{font-size:.9rem;color:#2fbceb;flex-shrink:0}.accordion-content{padding:0 1.5rem 1.5rem 4.5rem;color:#555;font-size:1rem;line-height:1.6;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.objetivos-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.objetivos-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.objetivos-next-btn:hover:not(.disabled){background-color:#25aae0}.objetivos-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}.cobertura-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.cobertura-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto .5rem;width:fit-content;box-shadow:0 4px 10px #0000001a}.cobertura-subtitle{text-align:center;color:#555;font-size:1rem;margin-bottom:2rem}.cobertura-content{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;flex:1}.info-cards{display:flex;flex-direction:column;gap:1.5rem;width:250px;flex-shrink:0}.info-card{background:#fff;border:2px solid #87CEEB;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 4px 8px #0000001a}.card-icon{font-size:clamp(1.5rem,3.5vw,2.5rem);margin-bottom:.5rem}.card-title{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.card-text{color:#555;font-size:.9rem;line-height:1.5;margin:0}.map-container{position:relative;flex:1;display:flex;justify-content:center;align-items:center;cursor:pointer}.map-base{max-width:100%;max-height:500px;height:auto;position:relative;z-index:1}.map-overlay{position:absolute;max-width:100%;max-height:500px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.map-overlay.visible{opacity:1}.region-label{position:absolute;background:#2fbcebe6;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.1rem;pointer-events:none;z-index:3}.label-region-1{top:30%;right:15%}.label-region-2{top:30%;left:15%}.cobertura-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.cobertura-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s;min-width:150px}.cobertura-next-btn:hover:not(.disabled){background-color:#25aae0}.cobertura-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}@media(max-width:1024px){.cobertura-content{flex-direction:column;align-items:center}.info-cards{flex-direction:row;width:100%;max-width:600px}}.marcas-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.marcas-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto .5rem;width:fit-content;box-shadow:0 4px 10px #0000001a}.marcas-subtitle{text-align:center;color:#555;font-size:1rem;margin-bottom:2rem}.brands-diagram{position:relative;width:100%;height:auto;margin:0 auto;flex:1}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.brand-circle{position:absolute;width:clamp(140px,40vw,200px);height:clamp(140px,40vw,200px);border-radius:50%;background:#fff;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:2;padding:1rem;box-shadow:0 4px 8px #0000001a}.brand-circle:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.brand-circle.active{width:clamp(200px,60vw,300px);height:clamp(200px,60vw,300px);z-index:10}.brand-circle.viewed:after{content:"✓";position:absolute;top:10px;right:10px;background:#51cf66;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.brand-circle.center-top{top:20px;left:50%;transform:translate(-50%)}.brand-circle.center-top:hover{transform:translate(-50%) scale(1.05)}.brand-circle.center-top.active{transform:translate(-50%)}.brand-circle.left{top:250px;left:80px}.brand-circle.right{top:250px;right:80px}.brand-circle.bottom{bottom:-200px;left:50%;transform:translate(-50%)}.brand-circle.bottom:hover{transform:translate(-50%) scale(1.05)}.brand-circle.bottom.active{transform:translate(-50%)}.brand-logo{max-width:120px;max-height:80px;object-fit:contain;margin-bottom:.5rem}.brand-details{text-align:center;max-width:160px}.brand-name{font-size:.75rem;font-weight:700;color:#333;margin:.3rem 0;line-height:1.2}.brand-year{font-size:.7rem;color:#666;margin:0}.brand-info{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.brand-info-text{font-size:.75rem;line-height:1.4;color:#333;text-align:center;margin:0;white-space:pre-line}.arrow-indicator{position:absolute;font-size:clamp(1.3rem,2.8vw,2rem);color:#d3d3d3;font-weight:700;z-index:1}.left-arrow{top:330px;left:150px}.bottom-arrow{bottom:100px;left:50%;transform:translate(-50%) rotate(90deg)}.marcas-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.marcas-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.marcas-next-btn:hover:not(.disabled){background-color:#25aae0}.marcas-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}@media(max-width:768px){.brands-diagram{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;min-height:auto}.brand-circle{position:relative!important;inset:auto!important;transform:none!important;width:clamp(160px,50vw,220px)!important;height:clamp(160px,50vw,220px)!important}.brand-circle.active{width:clamp(200px,70vw,280px)!important;height:clamp(200px,70vw,280px)!important}.connection-lines,.arrow-indicator{display:none}.marcas-footer{padding:1rem}}@media(max-width:480px){.marcas-title-pill{padding:.7rem 1.5rem;font-size:1.2rem}.brand-circle{width:clamp(130px,60vw,180px)!important;height:clamp(130px,60vw,180px)!important}.brand-logo{max-width:80px;max-height:50px}.marcas-next-btn{padding:.6rem 1.5rem;font-size:1rem}}.productos-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.productos-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto 1rem;width:fit-content;box-shadow:0 4px 10px #0000001a}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:-10px;margin-bottom:1rem}.chevron-down{font-size:1.5rem;color:#999;transform:rotate(90deg);animation:bounce 2s infinite}.chevron-down:nth-child(2){animation-delay:.2s}@keyframes bounce{0%,to{transform:rotate(90deg) translate(0)}50%{transform:rotate(90deg) translate(5px)}}.products-grid{flex:1;display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:80px auto 0;padding:0 2rem 2rem;position:relative}.products-row{display:flex;justify-content:center;gap:2rem}.product-card{max-width:220px;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s;box-shadow:0 4px 8px #0000001a}.product-card.locked{filter:grayscale(100%);opacity:.5;cursor:not-allowed}.product-card.unlocked:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.product-card.revealed{filter:none;opacity:1}.product-image{width:100%;height:100%;object-fit:contain}.checkmark{position:absolute;top:10px;right:10px;background:#51cf66;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 2px 6px #0000004d}.timeline-connector{width:80%;height:3px;background:#2fbceb;margin:0 auto;position:relative}.timeline-connector:before,.timeline-connector:after{content:"";position:absolute;width:12px;height:12px;background:#2fbceb;border-radius:50%;top:50%;transform:translateY(-50%)}.timeline-connector:before{left:0}.timeline-connector:after{right:0}.productos-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.productos-next-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s}.productos-next-btn:hover:not(.disabled){background-color:#25aae0}.productos-next-btn.disabled{background-color:#9e9e9e;cursor:not-allowed}.quiz-modulo1-container{width:100%;min-height:100vh;background-color:#e8e8e8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto}.quiz-modulo1-title-pill{background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:50px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;margin:2rem auto 1rem;width:fit-content;box-shadow:0 4px 10px #0000001a}.quiz-modulo1-progress{display:flex;align-items:center;gap:1rem;max-width:600px;margin:1rem auto;padding:0 2rem}.progress-text{font-size:1rem;font-weight:700;color:#333;white-space:nowrap}.progress-bar-container{flex:1;height:12px;background:#d3d3d3;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2fbceb,#51cf66);transition:width .3s}.trophy-indicator{font-size:1.5rem}.quiz-modulo1-card{background:#fff;border-radius:20px;padding:3rem;max-width:700px;margin:2rem auto;box-shadow:0 8px 20px #0000001a}.question-text{font-size:1.5rem;color:#333;margin-bottom:2rem;text-align:center}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.answer-btn{background:#f5f5f5;border:2px solid #D3D3D3;border-radius:12px;padding:1.2rem;font-size:1rem;cursor:pointer;transition:all .3s;text-align:left}.answer-btn:hover:not(:disabled){background:#e8f4fd;border-color:#2fbceb;transform:translateY(-2px)}.answer-btn:disabled{cursor:not-allowed}.answer-btn.correct{background:#d4edda;border-color:#51cf66;color:#155724}.answer-btn.incorrect{background:#f8d7da;border-color:#f44336;color:#721c24}.retry-btn{background:#ff9800;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;display:block;margin:0 auto;box-shadow:0 4px 6px #0003}.retry-btn:hover{background:#f57c00}.question-subtitle{text-align:center;color:#2fbceb;font-size:1rem;margin-top:-1rem;margin-bottom:1.5rem}.true-false-section{width:100%}.instruction-text{font-size:1.1rem;color:#555;margin-bottom:1.5rem;text-align:left}.true-false-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem;align-items:center;margin-bottom:1.5rem}.column-header{font-weight:700;color:#333;text-align:center;font-size:1.1rem}.statement-text{font-size:.95rem;color:#333;text-align:left;padding:.5rem 0}.tf-btn{background:#f5f5f5;border:2px solid #D3D3D3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1.5rem;color:#2fbceb;margin:0 auto}.tf-btn:hover:not(:disabled){background:#e8f4fd;border-color:#2fbceb;transform:scale(1.1)}.tf-btn:disabled{cursor:not-allowed}.tf-btn.selected{background:#e8f4fd;border-color:#2fbceb;border-width:3px}.tf-btn.correct{background:#d4edda;border-color:#51cf66;color:#51cf66}.tf-btn.incorrect{background:#f8d7da;border-color:#f44336;color:#f44336}.submit-tf-btn{background:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;display:block;margin:1rem auto 0;box-shadow:0 4px 6px #0003;transition:all .3s}.submit-tf-btn:hover{background:#25aae0;transform:translateY(-2px)}.quiz-modulo1-footer{margin-top:auto;padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.modulo1-congrats-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#2fbceb,#51cf66);display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.modulo1-congrats-card{background:#fff;border-radius:30px;padding:4rem 3rem;max-width:600px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.trophy-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s infinite}.congrats-title{font-size:clamp(1.8rem,4vw,3rem);color:#2fbceb;margin-bottom:1rem;font-weight:800}.congrats-message{font-size:1.3rem;color:#333;margin-bottom:1rem}.congrats-submessage{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}.return-dashboard-btn{background:#2fbceb;color:#fff;border:none;border-radius:12px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 6px 12px #0003;transition:all .3s}.return-dashboard-btn:hover{background:#25aae0;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.sst-intro-container{width:100%;min-height:100vh;background-color:#f0f4f8;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;position:relative}.sst-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;gap:4rem;padding:0 4rem;position:relative;z-index:10}.sst-title-card{background-color:#2fbceb;padding:3rem;border-radius:40px;color:#fff;box-shadow:0 10px 30px #2fbceb4d;max-width:500px;z-index:20;animation:slideInLeft .8s ease-out}.sst-title-card h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;font-weight:800;margin:0;text-align:center;text-transform:uppercase}.sst-image-container{height:80vh;display:flex;align-items:flex-end;animation:slideInRight .8s ease-out}.constructor-img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.sst-footer{padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;right:0;z-index:30}.sst-start-btn{background-color:#2fbceb;color:#fff;border:none;border-radius:8px;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0003;transition:all .3s}.sst-start-btn:hover{background-color:#25aae0;transform:translateY(-2px);box-shadow:0 6px 12px #2fbceb66}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.sst-content-wrapper{flex-direction:column;gap:2rem;padding-top:2rem}.sst-title-card{padding:2rem;width:90%}.sst-title-card h1{font-size:clamp(1.3rem,2.8vw,2rem)}.sst-image-container{height:50vh}}.sst-knowledge-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.sst-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:2rem;width:100%;max-width:1200px;margin:0 auto}.sst-question-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;padding:1.5rem 4rem;border-radius:50px;margin-bottom:3rem;box-shadow:0 4px 15px #2fbceb4d;line-height:1.2;animation:fadeInDown .6s ease-out}.sst-options-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;animation:fadeInUp .8s ease-out}.sst-option-btn{padding:1rem 3rem;font-size:1.2rem;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:200px}.sst-option-btn.primary{background-color:#2fbceb}.sst-option-btn.secondary{background-color:#2fbceb;opacity:.9}.sst-option-btn:hover{transform:scale(1.05);box-shadow:0 4px 10px #0000001a}.sst-explanation-container{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeIn .5s ease-out}.info-card-central{background:#fff;padding:2rem 3rem;border-radius:20px;border:2px solid #87CEEB;text-align:center;max-width:700px;margin-bottom:3rem;box-shadow:0 4px 15px #87ceeb33}.info-card-central h2{color:#333;margin-bottom:1rem;font-size:1.8rem}.info-card-central p{color:#555;font-size:1.1rem;line-height:1.6}.benefits-grid{display:flex;justify-content:center;gap:2rem;width:100%;flex-wrap:wrap;padding:0 1rem}.benefit-card{background:#fff;border:1px solid #87CEEB;border-radius:20px;padding:2rem 1.5rem;width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #0000000d;transition:transform .3s}.benefit-card:hover{transform:translateY(-5px)}.icon-circle{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:1rem}.benefit-card h3{font-size:1.4rem;font-weight:800;margin-bottom:1rem;color:#222}.benefit-card p{font-size:.95rem;color:#666;line-height:1.4}.action-footer{margin-top:3rem;width:100%;display:flex;justify-content:flex-end;padding-right:4rem}.next-btn{background-color:#2fbceb;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.next-btn:hover{background-color:#25aae0}.chat-fab{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;background-color:#2fbceb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 10px #0003;cursor:pointer;z-index:100}.sgsst-def-container{width:100%;height:auto;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.sgsst-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:2rem;width:100%;max-width:1200px;margin:0 auto}.sgsst-main-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;text-align:center;padding:1rem 5rem;border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out}.sgsst-subtitle-box{background:#fff;border:2px solid #87CEEB;border-radius:40px;padding:1.5rem 3rem;margin-bottom:3rem;text-align:center;max-width:800px;box-shadow:0 4px 10px #87ceeb33;animation:fadeIn .8s ease-out}.sgsst-subtitle-box p{font-size:1.5rem;color:#333;font-weight:600;margin:0;line-height:1.3}.sgsst-cards-grid{display:flex;justify-content:center;gap:2rem;width:100%;flex-wrap:wrap;padding:0 1rem;margin-bottom:3rem}.sgsst-card{background:#fff;border:2px solid #87CEEB;border-radius:25px;padding:2rem;width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 20px #0000000d;transition:transform .3s;height:100%}.sgsst-card:hover{transform:translateY(-5px)}.card-icon{font-size:clamp(2rem,4.5vw,3.5rem);margin-bottom:1rem;height:80px;display:flex;align-items:center;justify-content:center}.sgsst-card h3{font-size:1.4rem;font-weight:800;margin-bottom:1rem;color:#222}.sgsst-card p{font-size:.95rem;color:#555;line-height:1.5}.sgsst-footer-box{background-color:#2fbceb;color:#fff;padding:2rem 4rem;border-radius:40px;text-align:center;max-width:900px;margin-bottom:2rem;box-shadow:0 6px 20px #2fbceb66;animation:fadeInUp .8s ease-out}.sgsst-footer-box p{font-size:1.1rem;line-height:1.5;margin:0}.sgsst-action-footer{width:100%;display:flex;justify-content:flex-end;padding-right:4rem;margin-bottom:2rem}.sgsst-next-btn{background-color:#2fbceb;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 6px #0003}.sgsst-next-btn:hover{background-color:#25aae0;transform:translate(2px)}@media(max-width:768px){.sgsst-main-title{font-size:1.8rem;padding:1rem 2rem}.sgsst-subtitle-box p{font-size:1.2rem}.sgsst-card{width:100%;max-width:350px}.sgsst-footer-box{padding:1.5rem;border-radius:20px;margin:0 1rem 2rem}}.phva-container{width:100%;height:auto;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.phva-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:2rem;width:100%;max-width:1200px;margin:0 auto}.phva-main-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;padding:1rem 4rem;border-radius:50px;margin-bottom:3rem;box-shadow:0 4px 15px #2fbceb4d;line-height:1.2;animation:fadeInDown .6s ease-out}.phva-diagram-area{position:relative;width:100%;max-width:1000px;min-height:600px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.phva-central-image img{max-width:350px;width:100%;height:auto;animation:pulse 3s infinite ease-in-out;filter:drop-shadow(0 0 15px rgba(255,255,255,.8));z-index:1}.phva-card{position:absolute;padding:1.2rem;border-radius:20px;max-width:240px;width:90%;text-align:center;color:#fff;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;align-items:center;transition:transform .3s;animation:fadeIn 1s ease-out;z-index:2}.phva-card:hover{transform:scale(1.05);z-index:15}.card-icon-small{font-size:clamp(1.3rem,2.8vw,2rem);margin-bottom:.5rem}.phva-card h3{font-size:1.2rem;margin-bottom:.5rem;font-weight:700}.phva-card p{font-size:.85rem;line-height:1.3}.card-planear{background-color:#a569bd;border:3px solid #8E44AD;top:5px;left:20px}.card-hacer{background-color:#a9dfbf;border:3px solid #27AE60;color:#145a32;top:5px;right:20px}.card-hacer h3{color:#145a32;text-shadow:none}.card-actuar{background-color:#85c1e9;border:3px solid #3498DB;bottom:5px;left:20px}.card-verificar{background-color:#76d7c4;border:3px solid #1ABC9C;bottom:5px;right:20px}.phva-action-footer{width:100%;display:flex;justify-content:flex-end;padding-right:4rem;margin-top:1rem}.phva-next-btn{background-color:#2fbceb;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 6px #0003}.phva-next-btn:hover{background-color:#25aae0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media(max-width:1024px){.phva-diagram-area{height:auto;flex-direction:column;gap:2rem}.phva-central-image img{width:300px}.phva-card{position:relative;inset:auto!important;width:100%;max-width:350px;margin-bottom:1rem}}.sst-policies-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.sliding-panels-container{display:flex;width:95%;max-width:1100px;min-height:550px;gap:1rem;margin-bottom:2rem}.panel-left,.panel-right{border-radius:30px;transition:all .5s ease-in-out;cursor:pointer;overflow:hidden;position:relative;box-shadow:0 5px 15px #0000001a}.panel-left.expanded,.panel-right.expanded{flex:4;background:#fff;border:2px solid #ddd;cursor:default}.panel-left.collapsed,.panel-right.collapsed{flex:.5;background:#dcdcdc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;border:1px solid #ccc}.panel-left.collapsed:hover,.panel-right.collapsed:hover{background:#d0d0d0}.panel-content-collapsed{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.sst-policies-container .collapsed-title{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;letter-spacing:2px;margin:1rem 0}.chevron-right,.chevron-left{font-size:4rem;color:#2fbceb;font-weight:700}.collapsed-number{font-size:4rem;font-weight:700;color:#0000001a}.panel-content-active{padding:2rem 3rem;height:100%;overflow-y:auto;animation:fadeIn .5s ease-out}.intro-text{font-size:1rem;color:#555;margin-bottom:2rem;line-height:1.5}.policy-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;background:#f9f9f9;padding:1rem;border-radius:15px;border-left:5px solid #2FBCEB}.icon-box{font-size:clamp(1.5rem,3.5vw,2.5rem);margin-right:1.5rem;min-width:50px;text-align:center}.text-box h4{margin:0 0 .5rem;font-size:1.2rem;color:#333}.text-box p{margin:0;font-size:.95rem;color:#666}.panel-title{text-align:center;color:#333;font-size:clamp(1.3rem,2.8vw,2rem);margin-bottom:3rem}.objectives-timeline{display:flex;justify-content:space-between;position:relative;padding-top:2rem;margin-bottom:2rem}.timeline-line{position:absolute;top:50px;left:40px;right:40px;height:4px;background:#e0e0e0;z-index:0}.objective-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:22%;text-align:center}.node-circle{width:60px;height:60px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#555;margin-bottom:1rem;border:2px solid #ccc;background:#fff}.objective-node h4{font-size:1.1rem;color:#333;margin-bottom:.5rem;line-height:1.2}.objective-node p{font-size:.85rem;color:#777}.return-arrow{background:none;border:none;color:#2fbceb;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:2rem;display:block;width:100%;text-align:left}.sst-footer-pill{background-color:#2fbceb;color:#fff;padding:1.5rem 3rem;border-radius:40px;text-align:center;max-width:900px;margin-bottom:1rem;box-shadow:0 6px 20px #2fbceb66;font-size:1.1rem;line-height:1.4}.sst-next-btn{background-color:#7f8c8d;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 6px #0003}.sst-next-btn:hover{background-color:#95a5a6}@media(max-width:768px){.sliding-panels-container{flex-direction:column;min-height:auto}.panel-left.collapsed,.panel-right.collapsed{flex:none;min-height:60px}.sst-policies-container .collapsed-title{writing-mode:horizontal-tb;transform:none}.panel-content-active{padding:1.5rem}.objectives-timeline{flex-wrap:wrap;gap:1.5rem}.objective-node{width:45%}.timeline-line{display:none}.sst-action-footer{padding-right:2rem}}@media(max-width:480px){.sst-main-title{padding:.7rem 2rem;font-size:1.2rem}.sliding-panels-container{width:100%}.panel-content-active{padding:1rem}.objective-node{width:100%}.sst-footer-pill{padding:1rem 1.5rem;font-size:.95rem;border-radius:20px}.sst-next-btn{padding:.6rem 1.5rem}}.sst-roles-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.sst-main-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;text-align:center;padding:1rem 4rem;border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out}.roles-intro-text{text-align:center;max-width:900px;margin-bottom:2rem;color:#333;font-size:1.1rem;line-height:1.5;padding:0 1rem}.roles-cards-container{display:flex;justify-content:center;gap:3rem;width:100%;max-width:1100px;margin-bottom:2rem;flex-wrap:wrap}.role-card{background:#fff;border:2px solid #87CEEB;border-radius:25px;padding:2rem;width:400px;min-height:500px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s;animation:fadeInUp .8s ease-out}.role-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.role-icon{font-size:4rem;margin-bottom:1rem}.role-card h3{font-size:clamp(1.3rem,2.8vw,2rem);color:#222;margin-bottom:1.5rem;font-weight:800}.role-checklist{list-style:none;padding:0;width:100%;text-align:left}.role-checklist li{font-size:1rem;color:#555;margin-bottom:.8rem;line-height:1.4;padding-left:.5rem}.role-checklist li strong{color:#333}.roles-footer{max-width:800px;margin-bottom:1rem}.sst-footer-pill{background-color:#2fbceb;color:#fff;padding:1.5rem 3rem;border-radius:40px;text-align:center;box-shadow:0 6px 20px #2fbceb66;font-size:1.1rem;line-height:1.4}.sst-action-footer{width:100%;display:flex;justify-content:flex-end;padding-right:4rem;margin-top:1rem}.sst-next-btn{background-color:#2fbceb;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 6px #0003}.sst-next-btn:hover{background-color:#25aae0}@media(max-width:900px){.roles-cards-container{flex-direction:column;align-items:center;gap:2rem}.role-card{width:100%;max-width:450px;min-height:auto}}.sst-committees-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.committee-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;padding:1rem 3rem;border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out;line-height:1.2}.committee-intro-text{text-align:center;max-width:900px;margin-bottom:2rem;color:#333;font-size:1.1rem;line-height:1.5;padding:0 1rem}.committee-cards-container{display:flex;justify-content:center;gap:2rem;width:100%;max-width:1100px;margin-bottom:2rem;flex-wrap:wrap;align-items:flex-start}.committee-card{background:#fff;border:3px solid #AED6F1;border-radius:20px;padding:1.5rem;width:320px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;position:relative;background-color:#ecf0f1}.committee-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.committee-card.active{width:350px;background-color:#fff;border-color:#2fbceb;justify-content:flex-start;min-height:400px}.card-header{text-align:center;margin-bottom:1rem}.committee-icon{font-size:clamp(2rem,4.5vw,3.5rem);margin-bottom:.5rem}.committee-card h3{font-size:1.8rem;color:#333;font-weight:800;margin:0;text-transform:uppercase}.click-hint{color:#2fbceb;font-weight:700;font-size:.9rem;margin-top:2rem}.card-body-expanded{text-align:left;width:100%;animation:fadeIn .4s ease-out}.committee-def{font-size:.9rem;color:#555;margin-bottom:1rem;line-height:1.4;text-align:justify}.committee-funcs{list-style:disc;padding-left:1.2rem;margin-bottom:1.5rem}.committee-funcs li{font-size:.85rem;color:#444;margin-bottom:.5rem}.view-members-btn{background:none;border:2px solid #2FBCEB;color:#2fbceb;padding:.6rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;display:block;margin:0 auto;transition:all .3s}.view-members-btn:hover{background-color:#2fbceb;color:#fff}.committee-footer{max-width:900px;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0000004d;text-align:center}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:clamp(1.3rem,2.8vw,2rem);color:#aaa;cursor:pointer}.modal-close-btn:hover{color:#333}.modal-title{font-size:1.8rem;color:#2fbceb;margin-bottom:2rem;font-weight:700}.modal-image-container{width:100%;display:flex;justify-content:center}.members-img{max-width:100%;height:auto;border-radius:10px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.committee-cards-container{flex-direction:column;align-items:center}.committee-card{width:100%;max-width:400px}}.sst-concepts-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.concepts-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;padding:1rem 3rem;border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out;line-height:1.2}.concepts-intro-text{text-align:center;max-width:900px;margin-bottom:2rem;color:#333;font-size:1.1rem;line-height:1.5;padding:0 1rem}.concepts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1100px;margin-bottom:2rem;padding:0 1rem}.concept-card{background:#eaecee;border:2px solid #BDC3C7;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s;position:relative}.concept-card.unlocked{background:#fff;border-color:#2fbceb;box-shadow:0 4px 10px #0000001a}.concept-card.locked{opacity:.6;pointer-events:none;filter:grayscale(100%)}.concept-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;width:100%}.concept-name{font-size:1.5rem;font-weight:800;color:#333;margin:0}.concept-icon{font-size:1.8rem}.concept-def{font-size:.9rem;color:#555;line-height:1.4;margin-bottom:1.5rem;flex-grow:1}.view-example-btn{background:#bdc3c7;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:25px;font-weight:700;cursor:auto;transition:all .3s}.concept-card.unlocked .view-example-btn{background:#2fbceb;cursor:pointer;box-shadow:0 3px 6px #2fbceb4d}.concept-card.unlocked .view-example-btn:hover{background:#25aae0;transform:translateY(-2px)}.concepts-footer{max-width:900px;background-color:#2fbceb;color:#fff;padding:1.5rem 3rem;border-radius:40px;text-align:center;box-shadow:0 6px 20px #2fbceb66;font-size:1.1rem;line-height:1.4;margin-bottom:1rem}.concepts-modal{max-width:800px;background-color:transparent;box-shadow:none;padding:0;border:none;overflow:hidden}.modal-content.concepts-modal{background:#fff;padding:0;border-radius:20px;box-shadow:0 15px 40px #0006}.modal-image-container{width:100%;max-height:80vh;overflow:hidden;position:relative;background:#f9f9f9}.example-img{width:100%;height:auto;display:block}.modal-close-btn{z-index:10;color:#333;background:#ffffffb3;border-radius:50%;width:40px;height:40px}.modal-footer-action{padding:1.5rem;text-align:center;background:#fff}.continue-btn{background-color:#2fbceb;color:#fff;border:none;padding:.8rem 2.5rem;border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #2fbceb66;transition:transform .2s}.continue-btn:hover{transform:scale(1.05)}@media(max-width:900px){.concepts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.concepts-grid{grid-template-columns:1fr}}.sst-epp-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.epp-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;padding:1rem 3rem;border-radius:50px;margin-bottom:1.5rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out;line-height:1.2}.epp-intro-text{text-align:center;max-width:900px;margin-bottom:2rem;color:#333;font-size:1.2rem;font-weight:700;padding:0 1rem}.epp-display-area{position:relative;width:100%;max-width:1000px;min-height:500px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.epp-model-container{z-index:10;filter:drop-shadow(0 0 20px rgba(47,188,235,.2))}.epp-model-img{max-height:450px;width:auto}.epp-column{display:flex;flex-direction:column;gap:2rem;position:absolute;top:50%;transform:translateY(-50%)}.left-column{left:5%;align-items:flex-end;text-align:right}.right-column{right:5%;align-items:flex-start;text-align:left}.epp-item{display:flex;align-items:center;gap:1rem;transition:transform .3s;cursor:default}.epp-item:hover{transform:scale(1.05)}.left-column .epp-item{flex-direction:row-reverse}.epp-icon-circle{width:80px;height:80px;background:#eaecee;border:3px solid #2FBCEB;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000001a}.epp-icon-circle img{max-width:60%;max-height:60%}.epp-label{font-size:.9rem;color:#333;font-weight:600;max-width:180px;line-height:1.2}.bottom-item{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);flex-direction:column;text-align:center}.bottom-item .epp-label{margin-top:.5rem}.bottom-item:hover{transform:translate(-50%) scale(1.05)}.fade-in-left{animation:fadeInLeft .8s ease-out forwards;opacity:0}.fade-in-right{animation:fadeInRight .8s ease-out forwards;opacity:0}.fade-in-up{animation:eppFadeInUp .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes eppFadeInUp{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}.epp-footer{max-width:800px;background-color:#2fbceb;color:#fff;padding:1.5rem 3rem;border-radius:40px;text-align:center;box-shadow:0 6px 20px #2fbceb66;font-size:1.2rem;font-weight:700;margin-top:3rem}@media(max-width:900px){.epp-display-area{flex-direction:column;height:auto}.epp-model-container{margin-bottom:2rem}.epp-column{position:static;width:100%;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.left-column,.right-column{align-items:center;text-align:center}.left-column .epp-item{flex-direction:column}.epp-item{flex-direction:column;text-align:center;width:150px}.bottom-item{position:static;transform:none}.bottom-item:hover{transform:scale(1.05)}}.sst-accidents-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:2rem}.sst-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:1rem;width:100%;max-width:1200px;margin:0 auto}.accidents-title{background-color:#2fbceb;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;padding:1rem 3rem;border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 15px #2fbceb4d;animation:fadeInDown .6s ease-out;line-height:1.2}.accidents-intro-text{text-align:center;max-width:900px;margin-bottom:3rem;color:#333;font-size:1.1rem;line-height:1.5;padding:0 1rem}.accidents-flow-container{display:flex;justify-content:center;align-items:flex-start;width:100%;max-width:1100px;margin-bottom:2rem;position:relative;padding:0 20px}.flow-step-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:180px}.flow-connector{position:absolute;top:50px;right:-50%;width:100%;height:2px;z-index:1;pointer-events:none;display:flex;justify-content:center;align-items:center}.flow-step-wrapper{position:relative;z-index:2}.flow-connector{position:absolute;top:40px;left:60%;width:140px;text-align:center;z-index:0}.connector-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:#777;white-space:pre-wrap;text-align:center;line-height:1.1}.arrow-line{width:100%;height:3px;background-color:#bdc3c7;transition:background-color .5s}.arrow-head{position:absolute;right:-5px;top:-4px;font-size:14px;color:#bdc3c7;transition:color .5s}.flow-connector.active .arrow-line{background-color:#555}.flow-connector.active .arrow-head{color:#555}.flow-circle{width:100px;height:100px;border-radius:50%;background:#eaecee;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;cursor:default;transition:all .4s ease;border:4px solid #BDC3C7;z-index:5;position:relative}.flow-circle img{max-width:60%;max-height:60%;filter:grayscale(100%);transition:filter .4s}.flow-circle.unlocked{background:#fff;cursor:pointer;border-color:#999}.flow-circle.unlocked img{filter:grayscale(0%)}.flow-circle.selected{transform:scale(1.1);box-shadow:0 0 0 5px #2fbceb33;border-color:#2fbceb}.step-title{font-size:.9rem;font-weight:700;text-align:center;color:#333;min-height:2.5em;white-space:pre-wrap}.step-description{background:#fffaf0;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:.85rem;color:#555;text-align:center;margin-top:1rem;opacity:0;transform:translateY(-10px);transition:all .4s;position:absolute;top:150px;width:200px;box-shadow:0 4px 10px #0000001a;pointer-events:none;z-index:10}.step-description.visible{opacity:1;transform:translateY(0)}.accidents-footer{max-width:900px;background-color:#2fbceb;color:#fff;padding:1rem 3rem;border-radius:40px;text-align:center;box-shadow:0 6px 20px #2fbceb66;font-size:1.1rem;font-weight:700;margin-top:120px}.sst-next-btn.disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.7}@media(max-width:1000px){.accidents-flow-container{flex-direction:column;align-items:center}.flow-step-wrapper{width:100%;margin-bottom:2rem;flex-direction:row;justify-content:flex-start;padding-left:20%}.flow-connector{display:none}.step-title{text-align:left;margin-left:1rem;min-height:auto}.step-description{position:static;width:auto;margin-left:1rem;transform:none;opacity:1;display:none}.step-description.visible{display:block}.accidents-footer{margin-top:2rem}}.sst-quiz-container{width:100%;min-height:100vh;background-color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,sans-serif;position:relative;overflow-y:auto}.quiz-header{display:flex;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 10px #0000000d;height:80px}.quiz-logo{height:40px;margin-right:2rem}.quiz-progress-track{flex:1;height:10px;background:#eaecee;border-radius:5px;position:relative;overflow:hidden;margin:0 2rem}.quiz-progress-fill{height:100%;background:#2fbceb;transition:width .5s ease}.quiz-counter{font-weight:700;color:#333;font-size:1.2rem}.quiz-thermometer{width:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;padding-bottom:50px}.trophy-icon{font-size:clamp(1.3rem,2.8vw,2rem);margin-bottom:1rem;z-index:2}.thermo-track{width:12px;height:300px;background:#eaecee;border:2px solid #BDC3C7;border-radius:10px;position:relative;display:flex;flex-direction:column-reverse}.thermo-fill{width:100%;background:#2fbceb;transition:height .5s ease}.star-icon{position:absolute;left:50%;transform:translate(-50%,50%);transition:bottom .5s ease;font-size:1.5rem}.quiz-main-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.question-box{background:#fff;padding:2rem 3rem;border-radius:20px;box-shadow:0 4px 15px #0000000d;text-align:center;margin-bottom:2rem;width:100%;max-width:800px;border-bottom:4px solid #2FBCEB}.question-box h2{color:#333;margin-bottom:.5rem}.question-box p{color:#2fbceb;font-size:.9rem;font-weight:700}.options-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px}.quiz-option-btn{background:#fff;border:2px solid #EAECEE;padding:1rem 2rem;border-radius:15px;font-size:1.1rem;text-align:left;cursor:pointer;transition:all .2s;color:#555;position:relative;box-shadow:0 2px 5px #0000000d}.quiz-option-btn:hover{border-color:#2fbceb;background:#f0f8ff}.quiz-option-btn.selected{background:#2fbceb;color:#fff;border-color:#2fbceb}.quiz-option-btn.correct{background:#2ecc71;border-color:#27ae60;color:#fff}.quiz-option-btn.incorrect{background:#e74c3c;border-color:#c0392b;color:#fff;animation:shake .4s}.option-id{font-weight:700;margin-right:.5rem}.matching-game{display:flex;justify-content:space-between;width:100%;gap:2rem}.concepts-column,.definitions-column{display:flex;flex-direction:column;gap:1rem;flex:1}.match-btn{padding:1rem;border-radius:10px;border:2px solid #2FBCEB;background:#e1f5fe;cursor:pointer;font-size:.9rem;color:#0277bd;transition:all .3s}.match-btn.definition{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.match-btn.selected{transform:scale(1.05);box-shadow:0 0 10px #2fbceb80;border-color:#01579b}.match-btn.matched{opacity:.5;background:#bdc3c7;border-color:#95a5a6;color:#fff;cursor:default}.quiz-footer{padding:1rem 2rem;display:flex;justify-content:flex-end;align-items:center;position:absolute;bottom:0;width:100%}.feedback-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:30px;color:#fff;font-weight:700;box-shadow:0 4px 15px #0003;animation:fadeInUp .4s}.feedback-toast.error{background:#e74c3c}.feedback-toast.success{background:#2ecc71}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.process-portal-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.process-portal-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem;overflow-y:auto}.process-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;margin-top:1rem}.process-module-card{background:#fff;border-radius:20px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 6px 20px #00000014;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden;cursor:pointer}.process-module-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.process-module-card.active{border-color:#3aabd8;background-color:#f0f9fc}.process-module-card.completed{border-color:#32cd32;background-color:#e8f8e8}.process-module-card.locked{opacity:.6;filter:grayscale(100%);cursor:not-allowed;border-color:#ccc;background-color:#f5f5f5}.process-module-card.locked:hover{transform:none;box-shadow:0 6px 20px #00000014}.process-module-card.active .module-button{background-color:#3aabd8}.process-module-card.completed .module-button{background-color:#32cd32}.process-module-card.locked .module-button{background-color:#aaa;cursor:not-allowed}.process-module-card.active .module-button:hover{background-color:#2e9cc4}.process-module-card.completed .module-button:hover{background-color:#28a428}.portal-completion-section{margin-top:2rem;animation:fadeIn .5s ease}.portal-finish-btn{background:linear-gradient(135deg,#32cd32,#28a428);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #32cd3266;transition:all .3s ease;display:flex;align-items:center;gap:.8rem}.portal-finish-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #32cd3299}@media(max-width:900px){.process-modules-grid{grid-template-columns:1fr;max-width:400px}.module-checkmark{bottom:70px;width:50px;height:50px;font-size:clamp(1.5rem,3.5vw,2.5rem)}}.produccion-calidad-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.produccion-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.produccion-header-section{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:1rem}.produccion-title-box{background-color:#3aabd8;color:#fff;padding:2rem 3rem;border-radius:30px;box-shadow:0 4px 15px #3aabd866}.produccion-title-box h1{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;margin:0;line-height:1.4;text-align:center}.produccion-icon-container{width:250px;height:250px;display:flex;align-items:center;justify-content:center}.produccion-logo-img{width:100%;height:100%;object-fit:contain}.produccion-description{max-width:800px;text-align:center}.produccion-description p{font-size:1.15rem;color:#333;line-height:1.6;margin:0}.produccion-action-section{margin-top:1rem}.produccion-start-btn{background-color:#3aabd8;color:#fff;border:none;padding:1rem 3rem;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.produccion-start-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}@media(max-width:968px){.produccion-header-section{flex-direction:column;gap:1.5rem}.produccion-title-box h1{font-size:1.5rem}.produccion-icon-container{width:180px;height:180px}.produccion-description p{font-size:1rem}.produccion-start-btn{font-size:1rem;padding:.8rem 2rem}}.produccion-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.produccion-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.proposito-main-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:900px;width:100%;display:flex;gap:2rem;box-shadow:0 4px 15px #0000001a}.proposito-icon-section{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.conveyor-icon{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;text-align:center}.proposito-text-section{flex:1;display:flex;flex-direction:column;gap:1.5rem}.proposito-title{font-size:1.5rem;font-weight:700;color:#333;margin:0;text-align:left}.proposito-description{font-size:1rem;color:#555;line-height:1.6;margin:0;text-align:left}.funciones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1rem}.funcion-card{background:#fff;border:2px solid #3aabd8;border-radius:15px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease}.funcion-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #3aabd84d}.funcion-icon{font-size:clamp(1.3rem,2.8vw,2rem)}.funcion-title{font-size:.85rem;font-weight:600;color:#333;text-align:center;margin:0;line-height:1.3}.proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:900px}@media(max-width:968px){.proposito-main-card{flex-direction:column;padding:2rem}.proposito-title{font-size:1.2rem}.proposito-description{font-size:.95rem}.funciones-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.funcion-title{font-size:.75rem}.proposito-next-btn{font-size:1rem;padding:.7rem 1.5rem}}@media(max-width:480px){.funciones-grid{grid-template-columns:1fr}}.produccion-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.produccion-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.organigrama-subtitle{font-size:.95rem;color:#666;text-align:center;font-style:italic}.organigrama-description{max-width:800px;text-align:center;font-size:1.05rem;color:#333;line-height:1.6;margin-bottom:1rem}.org-chart-container{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:850px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 4px 15px #0000001a}.org-chart-title{font-size:1.4rem;font-weight:700;color:#333;margin:0;text-align:center}.director-section{display:flex;justify-content:center;width:100%}.director-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.director-photo-circle{width:160px;height:160px;border-radius:50%;border:4px solid #3aabd8;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.director-photo-circle img{width:100%;height:100%;object-fit:cover}.director-info{text-align:center;background:#fff;border:2px solid #3aabd8;border-radius:10px;padding:.8rem 1.5rem;cursor:pointer;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center}.director-info:hover{background-color:#3aabd8;transform:translateY(-2px);box-shadow:0 4px 12px #3aabd84d}.director-info:hover .director-role,.director-info:hover .director-name{color:#fff}.director-info-hover{color:#fff;animation:fadeIn .3s ease}.director-info-hover p{font-size:.85rem;line-height:1.4;margin:0}.director-role{font-size:.95rem;font-weight:700;color:#333}.director-name{font-size:.85rem;color:#666;margin-top:.3rem}.team-members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.team-member-card{position:relative;background:#fff;border:2px solid #3aabd8;border-radius:15px;padding:1.2rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease}.team-member-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #3aabd84d;border-color:#2e9cc4}.member-role{font-size:.95rem;font-weight:700;color:#333;margin-bottom:.3rem}.member-name,.member-count{font-size:.85rem;color:#666}.member-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3aabd8f2;color:#fff;padding:1rem;border-radius:10px;font-size:.85rem;line-height:1.4;z-index:10;width:90%;box-shadow:0 4px 12px #0003;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.organigrama-footer{display:flex;justify-content:flex-end;width:100%;max-width:850px;margin-top:1rem}@media(max-width:968px){.team-members-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.org-chart-container{padding:2rem}.organigrama-description{font-size:1rem}}@media(max-width:480px){.team-members-grid{grid-template-columns:1fr}.director-photo-circle{width:130px;height:130px}}.produccion-procesos-clave-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.produccion-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.procesos-main-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:900px;width:100%;display:flex;flex-direction:column;gap:2rem;box-shadow:0 4px 15px #0000001a}.procesos-header{text-align:center}.procesos-title{font-size:1.8rem;font-weight:700;color:#333;margin:0 0 1rem}.procesos-description{font-size:1rem;color:#555;line-height:1.6;margin:0}.procesos-timeline{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.process-number{width:80px;height:80px;border-radius:50%;background-color:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:#333;cursor:pointer;transition:all .3s ease}.process-number:hover,.process-number.hovered{background-color:#3aabd8;color:#fff;transform:scale(1.2);box-shadow:0 6px 20px #3aabd866;z-index:10}.process-connector{font-size:1.5rem;color:#999;font-weight:700}.procesos-details-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.process-detail-card{background:#fff;padding:1.2rem .8rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;cursor:pointer}.process-detail-card:hover{transform:translateY(-3px)}.process-detail-title{font-size:.9rem;font-weight:700;color:#333;margin:0;line-height:1.3}.process-detail-description{font-size:.8rem;color:#666;line-height:1.4;margin:0}.procesos-footer{display:flex;justify-content:flex-end;width:100%;max-width:900px}@media(max-width:968px){.procesos-main-card{padding:2rem}.procesos-title{font-size:1.4rem}.procesos-description{font-size:.95rem}.procesos-timeline{flex-wrap:wrap;gap:.3rem}.process-number{width:60px;height:60px;font-size:clamp(1.3rem,2.8vw,2rem)}.procesos-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.procesos-details-grid{grid-template-columns:1fr}.process-number{width:50px;height:50px;font-size:1.5rem}.process-connector{font-size:1rem}}.produccion-areas-apoyo-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.produccion-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.central-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3aabd8,#2e9cc4);color:#fff;padding:2.5rem 3rem;border-radius:30px;font-size:1.8rem;font-weight:700;text-align:center;box-shadow:0 6px 20px #3aabd866;z-index:5;line-height:1.3}.support-area-circle{position:absolute;width:180px;height:180px;border-radius:50%;border:3px solid #3aabd8;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #0000001a}.support-area-circle:hover{transform:scale(1.05);box-shadow:0 8px 20px #3aabd84d}.support-area-circle.selected{background-color:#b8e6f5;border-color:#2e9cc4;transform:scale(1.1);z-index:10}.support-area-circle.right{top:50%;right:0;transform:translateY(-50%)}.support-area-circle.bottom-right{bottom:20px;right:80px}.support-area-circle.bottom-left{bottom:20px;left:80px}.support-area-circle.left{top:50%;left:0;transform:translateY(-50%)}.area-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.area-description p{font-size:.85rem;line-height:1.4;color:#333;margin:0;text-align:center}.connection-arrow{position:absolute;color:#3aabd8;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;pointer-events:none;z-index:3}.arrow-top{top:140px;left:50%;transform:translate(-50%)}.arrow-top:before{content:"↓"}.arrow-right{top:50%;right:170px;transform:translateY(-50%)}.arrow-right:before{content:"←"}.arrow-bottom-right{bottom:130px;right:240px}.arrow-bottom-left{bottom:130px;left:240px}.arrow-left{top:50%;left:170px;transform:translateY(-50%)}.arrow-left:before{content:"→"}@media(max-width:968px){.areas-diagram{height:500px}.support-area-circle{width:140px;height:140px;padding:1rem}.area-icon{width:50px;height:50px}.area-name{font-size:.85rem}.central-box{padding:2rem;font-size:1.4rem}.area-description p{font-size:.75rem}}@media(max-width:480px){.areas-diagram{height:700px}.support-area-circle{width:120px;height:120px;position:static!important;transform:none!important;margin:1rem auto}.central-box{position:static!important;transform:none!important;margin:1rem auto}.connection-arrow{display:none}.areas-diagram{flex-direction:column;height:auto}}.produccion-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.progress-circle{font-size:clamp(1.5rem,3.5vw,2.5rem);color:#3aabd8;filter:drop-shadow(0 4px 8px rgba(58,171,216,.3))}@media(max-width:480px){.question-card{padding:1.5rem}.option-btn{font-size:.9rem;padding:1rem}.results-icon{font-size:4rem;width:80px;height:80px;top:-40px}.results-title{font-size:1.5rem}}.comercial-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.comercial-intro-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:2rem}.comercial-intro-left{display:flex;justify-content:center;width:100%;max-width:600px}.comercial-intro-right{display:flex;justify-content:center;width:100%;max-width:400px}.comercial-title-box{background-color:#3aabd8;border-radius:50px;padding:2rem 3rem;box-shadow:0 6px 20px #3aabd866}.comercial-title{color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;text-align:center;margin:0;line-height:1.3}.comercial-logo-container{display:flex;align-items:center;justify-content:center;width:300px;height:300px}.comercial-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.comercial-description{max-width:800px;text-align:center}.comercial-description p{font-size:1.15rem;color:#333;line-height:1.7;margin:0}.comercial-start-btn{background-color:#3aabd8;color:#fff;border:none;padding:1rem 3rem;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d;margin-top:1rem}.comercial-start-btn:hover{background-color:#2e9cc4;transform:translateY(-3px);box-shadow:0 6px 16px #3aabd866}@media(max-width:968px){.comercial-intro-content{padding:2rem 1.5rem}.comercial-title{font-size:clamp(1.3rem,2.8vw,2rem)}.comercial-logo-container{width:200px;height:200px}.comercial-description p{font-size:1rem}.comercial-start-btn{font-size:1rem;padding:.9rem 2.5rem}}@media(max-width:480px){.comercial-title-box{padding:1.5rem 2rem}.comercial-title{font-size:1.5rem}.comercial-logo-container{width:150px;height:150px}}.comercial-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.comercial-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.comercial-proposito-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:900px;width:100%;box-shadow:0 6px 20px #0000001a}.proposito-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.proposito-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-chart{font-size:4rem}.proposito-title{font-size:1.6rem;font-weight:700;color:#333;margin:0;line-height:1.3}.proposito-description{font-size:1rem;color:#333;line-height:1.7;margin:0 0 2rem;text-align:left}.funciones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.funcion-card{background:#fff;border:2px solid #3aabd8;border-radius:15px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;transition:all .3s ease}.funcion-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #3aabd84d}.funcion-text{font-size:.9rem;color:#333;line-height:1.4;margin:0}.funcion-text strong{display:block;margin-bottom:.3rem}.comercial-proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:900px}.proposito-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}@media(max-width:968px){.funciones-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.proposito-header{flex-direction:column;text-align:center}.proposito-title{font-size:1.3rem}.proposito-description{font-size:.95rem}.funcion-text{font-size:.85rem}}@media(max-width:480px){.comercial-proposito-card{padding:1.5rem}.funciones-grid{grid-template-columns:1fr}.proposito-title{font-size:1.1rem}.funcion-icon{font-size:clamp(1.3rem,2.8vw,2rem)}}.comercial-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.comercial-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.organigrama-subtitle{font-size:.95rem;color:#666;text-align:center;font-style:italic;background:#e0f7fa;padding:.5rem 1.5rem;border-radius:20px;margin-bottom:.5rem}.organigrama-description{max-width:900px;text-align:center;font-size:1.05rem;color:#333;line-height:1.6;margin-bottom:2rem}.comercial-chart-wrapper{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:3rem;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px 20px #0000001a}.chart-title{font-size:1.4rem;font-weight:700;color:#333;margin:0 0 1.5rem;text-align:center}.level-0{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:2;margin-bottom:1rem}.director-photo{width:130px;height:130px;border-radius:50%;border:4px solid #3aabd8;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.director-photo img{width:100%;height:100%;object-fit:cover}.org-card{background:#fff;border:2px solid #3aabd8;border-radius:10px;padding:.8rem 1rem;width:180px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000000d;position:relative;z-index:2}.org-card:hover .org-card-role,.org-card:hover .org-card-name{display:none}.org-card-hover{color:#fff;font-size:.75rem;line-height:1.3;animation:fadeIn .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.org-card-role{font-size:.85rem;font-weight:700;color:#333;margin-bottom:.3rem;line-height:1.2}.hierarchy-lines{position:relative;width:80%;height:40px;margin-bottom:0}.line-vertical-main{position:absolute;top:-20px;left:50%;width:2px;height:20px;background-color:#3aabd8;transform:translate(-50%)}.line-horizontal-top{position:absolute;top:0;left:12.5%;right:12.5%;height:2px;background-color:#3aabd8}.line-vertical-branch{position:absolute;top:0;width:2px;height:30px;background-color:#3aabd8}.branch-1{left:12.5%}.branch-2{left:37.5%}.branch-3{left:62.5%}.branch-4{right:12.5%}.level-1{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:1rem;align-items:start}.chart-column{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.line-vertical-connector{width:2px;height:1.5rem;background-color:#3aabd8;margin:-1.5rem 0;z-index:1}.chart-column .line-vertical-connector{position:relative;top:0;margin:0}.organigrama-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px;margin-top:1rem}.organigrama-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}@media(max-width:968px){.level-1{grid-template-columns:repeat(2,1fr);gap:2rem}.hierarchy-lines{display:none}.chart-column{margin-bottom:1rem}.line-vertical-connector{height:1rem}}@media(max-width:600px){.level-1{grid-template-columns:1fr}.org-card{width:100%;max-width:250px}}.comercial-procesos-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.comercial-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.proceso-item-title{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:1rem;height:3rem;display:flex;align-items:flex-start;justify-content:center;line-height:1.2}@media(max-width:968px){.procesos-timeline{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-line{width:4px;height:90%;left:50px;top:40px;right:auto}.proceso-item{flex-direction:row;text-align:left;gap:1.5rem;width:100%}.proceso-number-container{margin-bottom:0}.proceso-item-title{height:auto;justify-content:flex-start;margin-bottom:.5rem}.proceso-item-description{max-width:none}.procesos-card{padding:2rem}}.comercial-areas-apoyo-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.comercial-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.areas-diagram{position:relative;width:100%;max-width:900px;height:600px;display:flex;align-items:center;justify-content:center}.central-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3aabd8,#2e9cc4);color:#fff;padding:2.5rem 3rem;border-radius:20px;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;text-align:center;box-shadow:0 6px 20px #3aabd866;z-index:5;line-height:1.3;letter-spacing:1px;text-transform:uppercase;min-width:300px}.support-area-circle{position:absolute;width:190px;height:190px;border-radius:50%;border:3px solid #3aabd8;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #0000001a;z-index:10}.support-area-circle.top{top:0;left:50%;transform:translate(-50%)}.support-area-circle.top.selected{transform:translate(-50%) scale(1.1)}.support-area-circle.right{top:40%;right:0;transform:translateY(-50%)}.support-area-circle.right.selected{transform:translateY(-50%) scale(1.1)}.support-area-circle.bottom-right{bottom:20px;right:15%}.support-area-circle.bottom-left{bottom:20px;left:15%}.support-area-circle.left{top:40%;left:0;transform:translateY(-50%)}.support-area-circle.left.selected{transform:translateY(-50%) scale(1.1)}.arrow-top{top:195px;left:50%;transform:translate(-50%) rotate(180deg)}.arrow-top:before{content:"↑"}.arrow-right{top:40%;right:210px;transform:translateY(-50%) rotate(-90deg)}.arrow-right:before{content:"↑"}.arrow-bottom-right{bottom:180px;right:32%;transform:rotate(-45deg)}.arrow-bottom-right:before{content:"↑"}.arrow-bottom-left{bottom:180px;left:32%;transform:rotate(45deg)}.arrow-bottom-left:before{content:"↑"}.arrow-left{top:40%;left:210px;transform:translateY(-50%) rotate(90deg)}.arrow-left:before{content:"↑"}@media(max-width:968px){.areas-diagram{height:auto;flex-direction:column;gap:2rem;padding:2rem 0}.central-box{position:static;transform:none;order:-1}.support-area-circle{position:static;transform:none!important;width:160px;height:160px}.connection-arrow{display:none}}.comercial-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-intro-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:2rem}.logistica-intro-grid{display:flex;align-items:center;justify-content:center;gap:4rem;width:100%;max-width:1000px;margin-bottom:2rem}.logistica-intro-left{flex:1;display:flex;justify-content:flex-end}.logistica-title-box{background-color:#3aabd8;border-radius:40px;padding:2.5rem 3rem;box-shadow:0 6px 20px #3aabd866;min-width:350px;display:flex;align-items:center;justify-content:center}.logistica-title{color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;text-align:center;margin:0;line-height:1.2;text-transform:uppercase}.logistica-intro-right{flex:1;display:flex;justify-content:flex-start}.logistica-logo-container{width:350px;height:350px;display:flex;align-items:center;justify-content:center}.logistica-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.logistica-description-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px}.logistica-description{text-align:center}.logistica-description p{font-size:1.15rem;color:#333;line-height:1.6;margin:0}.logistica-start-btn{background-color:#3aabd8;color:#fff;border:none;padding:.9rem 3rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.logistica-start-btn:hover{background-color:#2e9cc4;transform:translateY(-3px);box-shadow:0 6px 16px #3aabd866}@media(max-width:968px){.logistica-intro-grid{flex-direction:column-reverse;gap:2rem}.logistica-intro-left,.logistica-intro-right{justify-content:center}.logistica-title{font-size:clamp(1.3rem,2.8vw,2rem)}.logistica-logo-container{width:250px;height:250px}.logistica-description p{font-size:1rem}}.logistica-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.logistica-proposito-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:1000px;width:100%;box-shadow:0 6px 20px #0000001a}.proposito-main-icon{width:100%;height:100%;object-fit:contain}.funcion-card{background:#fff;border:2px solid #3aabd8;border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;transition:all .3s ease;height:100%;justify-content:center}.funcion-icon{font-size:clamp(1.5rem,3.5vw,2.5rem)}.logistica-proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px}@media(max-width:480px){.logistica-proposito-card{padding:1.5rem}.funciones-grid{grid-template-columns:1fr}.proposito-icon-container{width:100px;height:100px}}.logistica-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.organigrama-header{text-align:center;background-color:#3aabd8;color:#fff;padding:1.5rem 3rem;border-radius:50px;margin-bottom:1rem;box-shadow:0 4px 15px #3aabd84d}.logistica-chart-wrapper{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:3rem;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px 20px #0000001a}.org-card{background:#fff;border:2px solid #3aabd8;border-radius:15px;padding:1rem;width:220px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000000d;position:relative;z-index:2}.top-card{width:260px;padding-top:3rem;margin-top:3rem}.org-card:hover{background-color:#3aabd8;transform:scale(1.05);box-shadow:0 8px 20px #3aabd84d;z-index:10;border-color:#2e9cc4}.org-card-content{display:flex;flex-direction:column;align-items:center;width:100%}.card-photo-container{width:100px;height:100px;border-radius:50%;border:4px solid #3aabd8;background:#fff;overflow:hidden;position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:3;box-shadow:0 4px 10px #0000001a}.org-card-role{font-weight:700;color:#333;font-size:.95rem;line-height:1.2;margin-bottom:.3rem}.org-card-name{font-size:.85rem;color:#666}.org-card-hover{color:#fff;font-size:.8rem;line-height:1.4;animation:fadeIn .3s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.org-card:hover .org-card-role,.org-card:hover .org-card-name,.org-card:hover .card-icon-small{display:none}.level-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:800px;margin-top:1rem}.connector-bridge{position:absolute;top:0;left:35%;right:35%;height:20px;border-left:2px solid #3aabd8;border-right:2px solid #3aabd8;border-bottom:2px solid #3aabd8;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.connector-bridge{position:absolute;top:-20px;left:50%;width:300px;height:15px;transform:translate(-50%);border-bottom:2px solid #3aabd8;border:none}.connector-bridge{position:absolute;top:0;left:28%;right:28%;height:15px;border-bottom:2px solid #3aabd8;border-left:2px solid #3aabd8;border-right:2px solid #3aabd8;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.connector-vertical-main{position:absolute;top:15px;left:50%;width:2px;height:20px;background-color:#3aabd8;transform:translate(-50%)}.connector-horizontal-bottom{position:absolute;top:35px;left:16%;right:16%;height:2px;background-color:#3aabd8}.branch{position:absolute;top:0;width:2px;height:100%;background-color:#3aabd8}.branch-left{left:16.6%}.branch-center{left:50%;transform:translate(-50%)}.branch-right{right:16.6%}.logistica-organigrama-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px;margin-top:1rem}.organigrama-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.organigrama-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}@media(max-width:768px){.level-top{flex-direction:column;gap:4rem}.level-bottom{grid-template-columns:1fr}.hierarchy-connector-complex{display:none}.logistica-organigrama-content{gap:1rem}.top-card{margin-top:3rem}}.logistica-procesos-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.procesos-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:3rem;max-width:1100px;width:100%;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.procesos-subtitle{font-size:1.1rem;color:#555;text-align:center;max-width:800px;line-height:1.6;margin-bottom:3rem}.procesos-timeline{display:flex;justify-content:space-between;width:100%;position:relative;gap:1rem}.timeline-line{position:absolute;top:50px;left:40px;right:40px;height:4px;background-color:#555;z-index:1}.proceso-item{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;flex:1;cursor:pointer;transition:all .3s ease}.proceso-number-container{background-color:#f0f4f8;border-radius:50%;padding:10px;margin-bottom:1.5rem}.proceso-item-title{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:1rem;min-height:3rem;display:flex;align-items:flex-start;justify-content:center;line-height:1.2}.proceso-item-description{font-size:.85rem;color:#666;line-height:1.5;max-width:180px;opacity:.8;transition:opacity .3s ease}.proceso-item:hover .proceso-item-description{opacity:1;color:#333}.procesos-footer{display:flex;justify-content:flex-end;width:100%;max-width:1100px}@media(max-width:968px){.procesos-timeline{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-line{width:4px;height:90%;left:50px;top:40px;right:auto}.proceso-item{flex-direction:row;text-align:left;gap:1.5rem;width:100%}.proceso-number-container{margin-bottom:0}.proceso-item-title{min-height:auto;justify-content:flex-start;margin-bottom:.5rem}.proceso-item-description{max-width:none}.procesos-card{padding:2rem}}.logistica-areas-apoyo-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.logistica-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.areas-title-section{text-align:center}.areas-main-title{background-color:#3aabd8;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;padding:1rem 3rem;border-radius:50px;margin:0 0 .5rem;display:inline-block}.areas-subtitle{font-size:.95rem;color:#666;font-style:italic;margin:0}.areas-diagram{position:relative;width:100%;max-width:900px;height:500px;display:flex;align-items:center;justify-content:center;margin-top:2rem}.central-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#3aabd8,#2e9cc4);color:#fff;padding:2rem 3rem;border-radius:20px;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;text-align:center;box-shadow:0 6px 20px #3aabd866;z-index:5;line-height:1.2;text-transform:uppercase;min-width:250px}.support-area-circle{position:absolute;width:200px;height:200px;border-radius:50%;border:3px solid #3aabd8;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px #0000001a;z-index:10}.support-area-circle:hover{transform:scale(1.05);box-shadow:0 8px 20px #3aabd84d;border-color:#2e9cc4}.support-area-circle.selected{background-color:#b8e6f5;border-color:#2e9cc4;transform:scale(1.1);z-index:20}.support-area-circle.top-left{top:0;left:50px}.support-area-circle.top-right{top:0;right:50px}.support-area-circle.bottom-left{bottom:0;left:50px}.support-area-circle.bottom-right{bottom:0;right:50px}.area-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.area-icon img{max-width:100%;max-height:100%;object-fit:contain}.area-name{font-size:.95rem;font-weight:700;color:#333;text-align:center;line-height:1.2}.area-description{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.area-description p{font-size:.8rem;line-height:1.35;color:#333;margin:0;text-align:center}.connection-arrow{position:absolute;color:#3aabd8;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;pointer-events:none;z-index:3;opacity:.6}.connection-arrow:before{content:"↘"}.arrow-top-left{top:25%;left:25%;transform:rotate(0)}.arrow-top-right{top:25%;right:25%;transform:rotate(-90deg)}.arrow-top-right:before{content:"↙"}.arrow-bottom-left{bottom:25%;left:25%;transform:rotate(0)}.arrow-bottom-left:before{content:"↗"}.arrow-bottom-right{bottom:25%;right:25%;transform:rotate(0)}.arrow-bottom-right:before{content:"↖"}.areas-footer{display:flex;justify-content:flex-end;width:100%;max-width:900px;margin-top:1rem}.areas-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.areas-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:968px){.areas-diagram{height:auto;flex-direction:column;gap:2rem;padding:2rem 0}.central-box{position:static;transform:none;order:-1}.support-area-circle{position:static;transform:none!important;width:180px;height:180px}.connection-arrow{display:none}}.logistica-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.progress-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#3aabd8,#2e9cc4);transition:height .4s ease}.question-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;box-shadow:0 4px 15px #0000001a}.question-instruction{font-size:.95rem;color:#3aabd8;text-align:center;margin:0 0 2rem}.option-btn{background:#fff;border:2px solid #3aabd8;border-radius:15px;padding:1.2rem 1.5rem;font-size:1rem;color:#333;text-align:left;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.option-btn:hover{background-color:#f0f9fc;transform:translate(5px);box-shadow:0 4px 12px #3aabd833}.option-btn.selected{background-color:#3aabd8;color:#fff;border-color:#2e9cc4;transform:scale(1.02)}.results-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:3rem 2.5rem;max-width:600px;width:100%;text-align:center;box-shadow:0 6px 20px #0000001a;position:relative}.results-icon{font-size:5rem;margin-bottom:1rem;position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fff;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #3aabd8}.success-icon{background:linear-gradient(135deg,#3aabd8,#2e9cc4)}.failure-icon{background-color:#3aabd8}.success-title,.failure-title{color:#3aabd8}.results-btn{background-color:#3aabd8;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d;margin-bottom:1.5rem}.results-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}.retry-btn{background-color:#3aabd8}@media(max-width:968px){.quiz-content{flex-direction:column;gap:1rem}.quiz-progress-sidebar{flex-direction:row;width:100%;justify-content:center}.progress-bar-vertical{width:200px;height:20px}.progress-fill{bottom:auto;left:0;height:100%;width:0%;transition:width .4s ease}.question-text{font-size:1.3rem}.results-card{padding:3rem 1.5rem}}.support-portal-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.support-portal-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem;overflow-y:auto}.portal-title-section{text-align:center}.portal-main-title{background-color:#3aabd8;color:#fff;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;padding:1rem 3rem;border-radius:50px;margin:0 0 .5rem;display:inline-block;box-shadow:0 4px 15px #3aabd84d}.portal-subtitle{font-size:.95rem;color:#666;font-style:italic;margin:0}.portal-description{text-align:center;color:#444;font-size:1.1rem;max-width:800px}.support-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;margin-top:1rem}.support-module-card{background:#fff;border-radius:20px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 6px 20px #00000014;transition:all .3s ease;border:3px solid transparent;position:relative;overflow:hidden;cursor:pointer;background-color:#999}.support-module-card{background-color:#fff}.support-module-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.support-module-card.active{border-color:#3aabd8;background-color:#fff}.support-module-card.completed{border-color:#32cd32;background-color:#e8f8e8}.support-module-card.locked{background-color:#8c8c8c;color:#fff;cursor:not-allowed;border-color:transparent;opacity:1}.support-module-card.locked .module-title{color:#333}.support-module-card.locked:hover{transform:none;box-shadow:0 6px 20px #00000014}.module-icon-container{width:100px;height:100px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.module-icon{max-width:100%;max-height:100%;object-fit:contain}.module-title{font-size:1.2rem;font-weight:700;color:#333;margin:0 0 2rem;height:3rem;display:flex;align-items:center;justify-content:center}.module-button{background-color:#ccc;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:30px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:80%}.support-module-card.active .module-button{background-color:#3aabd8}.support-module-card.completed .module-button{background-color:#32cd32}.support-module-card.locked .module-button{background-color:#777;cursor:not-allowed}.support-module-card.active .module-button:hover{background-color:#2e9cc4}.support-module-card.completed .module-button:hover{background-color:#28a428}.module-checkmark{position:absolute;bottom:80px;font-size:clamp(1.8rem,4vw,3rem);color:#32cd32;background:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #32cd324d;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.portal-completion-section{margin-top:3rem;text-align:center;background:#fff;padding:3rem;border-radius:30px;max-width:800px;width:100%;box-shadow:0 10px 30px #0000001a;border:3px solid #4caf50}.completion-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;color:#4caf50;margin-bottom:1rem}.completion-message{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:2rem}.completion-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.portal-dashboard-btn,.portal-survey-btn{padding:1rem 2.5rem;border-radius:30px;font-size:1.2rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.portal-dashboard-btn{background-color:#3aabd8;color:#fff}.portal-dashboard-btn:hover{background-color:#2e9cc4;transform:translateY(-3px);box-shadow:0 8px 20px #3aabd866}.portal-survey-btn{background-color:#4caf50;color:#fff}.portal-survey-btn:hover{background-color:#45a049;transform:translateY(-3px);box-shadow:0 8px 20px #4caf5066}@keyframes popIn{0%{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.support-modules-grid{grid-template-columns:1fr;max-width:400px}.module-checkmark{bottom:70px;width:50px;height:50px;font-size:clamp(1.5rem,3.5vw,2.5rem)}}@media(max-width:768px){.completion-buttons{flex-direction:column;align-items:stretch}.portal-dashboard-btn,.portal-survey-btn{width:100%}}.contabilidad-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:80px;box-sizing:border-box;overflow-y:auto}.contabilidad-intro-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.intro-card{display:flex;flex-direction:column;align-items:center;max-width:1000px;width:100%}.intro-header{display:flex;align-items:center;justify-content:center;gap:4rem;margin-bottom:3rem;width:100%}.intro-title-box{background-color:#3aabd8;color:#fff;padding:2.5rem 3rem;border-radius:30px;box-shadow:0 10px 25px #3aabd84d;text-align:center;min-width:400px}.intro-title-box h1{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.2;font-weight:800;letter-spacing:.5px}.intro-image{width:250px;height:250px;display:flex;align-items:center;justify-content:center}.intro-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.intro-description{font-size:1.1rem;color:#444;text-align:center;margin-bottom:2.5rem;max-width:700px;line-height:1.5}.intro-start-btn{background-color:#3aabd8;color:#fff;border:none;padding:.8rem 3rem;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #3aabd84d;transition:all .3s ease}.intro-start-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 15px #3aabd866}.chat-fab{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;background-color:#3aabd8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:50}@media(max-width:900px){.intro-header{flex-direction:column;gap:2rem}.intro-title-box{min-width:auto;padding:2rem}.intro-title-box h1{font-size:1.8rem}.intro-image{width:180px;height:180px}}.contabilidad-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.contabilidad-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.contabilidad-proposito-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:2.5rem;max-width:1000px;width:100%;box-shadow:0 6px 20px #0000001a}.proposito-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.proposito-icon-container{width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.proposito-main-icon{width:100%;height:100%}.proposito-text-content{flex:1}.proposito-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;color:#333;margin:0 0 1rem;line-height:1.2;text-transform:uppercase}.proposito-description{font-size:1.1rem;color:#555;line-height:1.6;margin:0;text-align:left}.funciones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.funcion-card{background:#fff;border:2px solid #3aabd8;border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;transition:all .3s ease;height:100%;justify-content:flex-start}.funcion-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #3aabd84d;background-color:#f0f9fc}.funcion-icon-container-small{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.funcion-icon-container-small img{max-width:100%;max-height:100%;object-fit:contain}.funcion-text{font-size:.95rem;color:#333;line-height:1.4;margin:0}.funcion-text strong{display:block;margin-bottom:.5rem;color:#3aabd8;font-size:1.1rem}.contabilidad-proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px}.proposito-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.proposito-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}@media(max-width:968px){.funciones-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.proposito-header{flex-direction:column;text-align:center;gap:1.5rem}.proposito-description{text-align:center}.proposito-title{font-size:1.5rem}}@media(max-width:480px){.contabilidad-proposito-card{padding:1.5rem}.funciones-grid{grid-template-columns:1fr}.proposito-icon-container{width:100px;height:100px}}.contabilidad-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box;overflow-y:auto}.contabilidad-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem;max-width:1400px;margin:0 auto}.org-header-box{text-align:center;max-width:900px;position:relative;z-index:1}.org-header-box h2{background-color:#3babc5;color:#fff;padding:1rem 3rem;border-radius:50px;display:inline-block;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;margin:0 0 .5rem;line-height:1.2;position:relative;z-index:2}.instruction-text{color:#fff;font-size:.85rem;font-weight:400;margin:-2.2rem auto 2rem;position:relative;z-index:3;opacity:.95;max-width:80%}.description-text{color:#333;font-size:1.1rem;line-height:1.5;margin-top:1rem;max-width:800px;margin-left:auto;margin-right:auto}.org-chart-card{background:#fff;border:2px solid #3aabd8;border-radius:30px;padding:3rem;width:100%;box-shadow:0 10px 30px #0000000d;position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible;z-index:10;margin-top:1rem}.chart-title{font-size:1.6rem;color:#333;margin:0 0 3rem;text-align:center;width:100%;font-weight:700}.chart-structure{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.member-node{position:relative;width:200px;height:250px;cursor:pointer;perspective:1000px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.node-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative;z-index:1;transition:opacity .3s ease}.leader-node .node-content{justify-content:center}.subordinate-content{flex-direction:column-reverse;justify-content:center}.member-photo{width:130px;height:130px;border-radius:50%;overflow:hidden;border:4px solid #3aabd8;background:#fff;margin-bottom:-25px;z-index:2;position:relative;transition:transform .3s}.subordinate-node .member-photo{margin-bottom:0;margin-top:-25px}.member-info{background:#fff;border:1px solid #ddd;border-radius:10px;padding:2rem 1rem .8rem;text-align:center;width:180px;min-height:60px;box-shadow:0 4px 10px #0000000d;z-index:1;display:flex;flex-direction:column;justify-content:center}.subordinate-node .member-info{padding:.8rem 1rem 2rem}.member-role{font-weight:700;font-size:.9rem;color:#333;line-height:1.2;margin-bottom:.2rem}.member-name{font-size:.8rem;color:#666}.node-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:220px;height:auto;min-height:180px;background-color:#3aabd8;border-radius:20px;padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 25px #3aabd866;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.node-overlay p{color:#fff;font-size:.9rem;line-height:1.4;margin:0;font-weight:500}.member-node:hover .node-overlay{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);z-index:100}.member-node:hover .node-content{opacity:.2;filter:blur(2px)}.connector-vertical{width:2px;height:30px;background-color:#3aabd8;margin-top:-20px;margin-bottom:-10px;position:relative;z-index:0}.connector-horizontal-bar{width:80%;height:2px;background-color:#3aabd8;margin-bottom:0}.level-2{display:flex;justify-content:center;gap:1.5rem;margin-top:0;width:100%}.member-column{display:flex;flex-direction:column;align-items:center;width:200px}.connector-vertical-small{width:2px;height:20px;background-color:#3aabd8;margin-bottom:-20px;position:relative;z-index:0}.org-footer{display:flex;justify-content:flex-end;width:100%}.org-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #3aabd84d;transition:all .3s ease}.contabilidad-procesos-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.contabilidad-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.procesos-card{background:#fff;border:3px solid #3aabd8;border-radius:30px;padding:3rem;max-width:1200px;width:100%;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.procesos-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:#444;margin:0 0 1rem;text-align:center}.procesos-subtitle{font-size:1.1rem;color:#555;text-align:center;max-width:800px;line-height:1.6;margin-bottom:4rem}.procesos-timeline{display:flex;justify-content:space-between;width:100%;position:relative;gap:.5rem}.timeline-line{position:absolute;top:50px;left:60px;right:60px;height:4px;background-color:#555;z-index:1}.proceso-item{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;flex:1;cursor:pointer;transition:all .3s ease;padding:0 10px}.proceso-item:hover{transform:translateY(-5px)}.proceso-number-container{background-color:#fff;padding:10px;margin-bottom:1.5rem;border-radius:50%}.proceso-item:hover .proceso-number{background-color:#3aabd8;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #3aabd880}.proceso-number{width:80px;height:80px;background-color:#eee;color:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;transition:all .3s ease}.proceso-item-title{font-size:1rem;font-weight:700;color:#444;margin-bottom:.5rem;min-height:3.5rem;display:flex;align-items:flex-start;justify-content:center;line-height:1.2;padding:0 5px}.proceso-item-description{font-size:.85rem;color:#666;line-height:1.4;max-width:200px;opacity:.9}.procesos-footer{display:flex;justify-content:flex-end;width:100%;max-width:1200px}.procesos-next-btn{background-color:#3aabd8;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3aabd84d}.procesos-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3aabd866}.chat-fab{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;background-color:#3aabd8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:50;color:#fff}@media(max-width:968px){.procesos-timeline{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-line{width:4px;height:90%;left:50px;top:40px;right:auto}.proceso-item{flex-direction:row;text-align:left;gap:1.5rem;width:100%}.proceso-number-container{margin-bottom:0;padding:0;background:transparent}.proceso-item-title{min-height:auto;justify-content:flex-start;margin-bottom:.5rem}.proceso-item-description{max-width:none}.procesos-card{padding:2rem}}.contabilidad-areas-apoyo-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.contabilidad-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem;position:relative;max-width:1400px;margin:0 auto;width:100%}.areas-title-section{text-align:center;background-color:#3babc5;padding:1rem 3rem;border-radius:50px;color:#fff;margin-bottom:2rem;box-shadow:0 4px 15px #3babc54d;z-index:10}.areas-main-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;margin:0;line-height:1.2}.areas-subtitle{font-size:.9rem;margin-top:.5rem;opacity:.9;font-weight:400}.areas-diagram-6{position:relative;width:800px;height:600px;display:flex;justify-content:center;align-items:center;margin-top:1rem}.central-box{background:linear-gradient(135deg,#3babc5,#2e9cc4);color:#fff;width:280px;height:140px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.8rem;font-weight:800;border-radius:20px;box-shadow:0 10px 30px #3babc566;z-index:2;line-height:1.2;border:4px solid white}.area-wrapper-6{position:absolute;width:100%;height:100%;pointer-events:none}.support-area-circle-6{position:absolute;width:170px;height:170px;background:#fff;border:3px solid #3babc5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000014;transition:all .3s ease;padding:1rem;box-sizing:border-box;text-align:center;pointer-events:auto;z-index:5;overflow:hidden}.support-area-circle-6:hover{transform:scale(1.05);border-color:#2e9cc4;box-shadow:0 12px 25px #3babc540}.support-area-circle-6.selected{background-color:#3babc5;color:#fff;transform:scale(1.1);border-color:#fff;z-index:10}.area-icon{width:60px;height:60px;margin-bottom:.5rem}.area-icon img{width:100%;height:100%;object-fit:contain}.area-name{font-size:.9rem;font-weight:700;color:#444;line-height:1.2}.area-description{font-size:.85rem;line-height:1.3;animation:fadeIn .3s ease}.support-area-circle-6.top{top:0;left:50%;transform:translate(-50%)}.support-area-circle-6.top:hover{transform:translate(-50%) scale(1.05)}.support-area-circle-6.top.selected{transform:translate(-50%) scale(1.1)}.support-area-circle-6.top-right{top:15%;right:15%}.support-area-circle-6.bottom-right{bottom:15%;right:15%}.support-area-circle-6.bottom{bottom:0;left:50%;transform:translate(-50%)}.support-area-circle-6.bottom:hover{transform:translate(-50%) scale(1.05)}.support-area-circle-6.bottom.selected{transform:translate(-50%) scale(1.1)}.support-area-circle-6.bottom-left{bottom:15%;left:15%}.support-area-circle-6.top-left{top:15%;left:15%}.connection-arrow-6{position:absolute;width:40px;height:40px;border-color:#3babc5;border-style:solid;border-width:0 0 3px 3px;transform-origin:center;z-index:1;opacity:.6}.arrow-top{top:28%;left:50%;transform:translate(-50%) rotate(-45deg);border-width:0 0 3px 3px;width:20px;height:20px}.arrow-top-right{top:35%;right:32%;transform:rotate(-90deg)}.connection-arrow-6{display:none}.areas-footer{display:flex;justify-content:flex-end;width:100%;margin-top:auto}.areas-next-btn{background-color:#3babc5;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.areas-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px)}.contabilidad-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.quiz-content{flex:1;display:flex;padding:2rem;gap:2rem;max-width:1200px;margin:0 auto;width:100%}.quiz-progress-sidebar{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.progress-trophy{font-size:clamp(1.8rem,4vw,3rem);filter:drop-shadow(0 4px 8px rgba(255,193,7,.3))}.progress-bar-vertical{width:20px;height:300px;background-color:#e0e0e0;border-radius:10px;position:relative;overflow:hidden}.progress-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#3babc5,#2e9cc4);transition:height .4s ease}.quiz-main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.quiz-counter{text-align:right;font-size:1.3rem;font-weight:600;color:#333}.question-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:2.5rem;box-shadow:0 4px 15px #0000001a}.question-text{font-size:1.5rem;font-weight:700;color:#333;text-align:center;margin:0 0 .5rem;line-height:1.4}.question-instruction{font-size:.95rem;color:#3babc5;text-align:center;margin:0 0 2rem}.option-btn{background:#fff;border:2px solid #3babc5;border-radius:15px;padding:1.2rem 1.5rem;font-size:1rem;color:#333;text-align:left;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.option-btn:hover{background-color:#eef9fc;transform:translate(5px);box-shadow:0 4px 12px #3babc533}.option-btn.selected{background-color:#3babc5;color:#fff;border-color:#2e9cc4;transform:scale(1.02)}.results-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:3rem 2.5rem;max-width:600px;width:100%;text-align:center;box-shadow:0 6px 20px #0000001a;position:relative;margin-top:2rem}.results-icon{font-size:5rem;margin-bottom:1rem;position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#fff;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #3babc5}.success-icon{background:linear-gradient(135deg,#3babc5,#2e9cc4)}.failure-icon{background-color:#3babc5}.results-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;margin:2rem 0 1rem}.success-title,.failure-title{color:#3babc5}.results-message{font-size:1.1rem;color:#555;line-height:1.6;margin:0 0 1rem}.results-submessage{font-size:.95rem;color:#666;line-height:1.5;margin:0 0 1.5rem}.results-btn{background-color:#3babc5;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d;margin-bottom:1.5rem}.results-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3babc566}.retry-btn{background-color:#3babc5}.results-quote{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:15px;font-size:.9rem;line-height:1.6;color:#555;font-style:italic}.quote-author{margin-top:.8rem;font-weight:600;color:#333;font-style:normal}@media(max-width:968px){.quiz-content{flex-direction:column;gap:1rem}.quiz-progress-sidebar{flex-direction:row;width:100%;justify-content:center}.progress-bar-vertical{width:200px;height:20px}.progress-fill{bottom:auto;left:0;height:100%;width:0%;transition:width .4s ease}.question-text{font-size:1.3rem}}.marketing-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-intro-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.intro-card-marketing{background:#fff;padding:3rem 4rem;border-radius:40px;box-shadow:0 10px 40px #00000014;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.intro-header-marketing{display:flex;align-items:center;justify-content:center;gap:4rem;width:100%;margin-bottom:3rem}.intro-title-box-marketing{background-color:#3babc5;padding:2rem 3rem;border-radius:30px;color:#fff;box-shadow:0 8px 20px #3babc54d;text-align:left;min-width:300px}.intro-title-box-marketing h1{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;margin:0;line-height:1.1;text-transform:uppercase}.intro-image-marketing{width:250px;display:flex;justify-content:center;align-items:center}.intro-image-marketing img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.intro-description-marketing{font-size:1.1rem;color:#444;line-height:1.6;max-width:700px;margin-bottom:2.5rem}.intro-start-btn-marketing{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3babc566}.intro-start-btn-marketing:hover{background-color:#2e9cc4;transform:translateY(-3px);box-shadow:0 6px 20px #3babc580}@media(max-width:900px){.intro-header-marketing{flex-direction:column-reverse;gap:2rem}.intro-title-box-marketing{text-align:center;width:100%;box-sizing:border-box}.intro-card-marketing{padding:2rem}.intro-title-box-marketing h1{font-size:clamp(1.3rem,2.8vw,2rem)}}.marketing-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.marketing-proposito-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:2.5rem;max-width:1000px;width:100%;box-shadow:0 6px 20px #0000001a}.marketing-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.marketing-icon-container{width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.marketing-main-icon{width:100%;height:100%;object-fit:contain}.marketing-text-content{flex:1}.marketing-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;color:#333;margin:0 0 1rem;line-height:1.2;text-transform:uppercase}.marketing-description{font-size:1.1rem;color:#555;line-height:1.6;margin:0;text-align:left}.marketing-funciones-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.marketing-funcion-card{background:#fff;border:2px solid #3babc5;border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;transition:all .3s ease;height:100%;justify-content:flex-start}.marketing-funcion-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #3babc54d;background-color:#f0f9fc}.marketing-funcion-icon-container-small{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.marketing-funcion-icon-container-small img{max-width:100%;max-height:100%;object-fit:contain}.marketing-funcion-text{font-size:.95rem;color:#333;line-height:1.4;margin:0}.marketing-funcion-text strong{display:block;margin-bottom:.5rem;color:#3babc5;font-size:1rem;font-weight:700}.marketing-proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px}.marketing-next-btn{background-color:#3babc5;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.marketing-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3babc566}@media(max-width:968px){.marketing-funciones-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.marketing-header{flex-direction:column;text-align:center;gap:1.5rem}.marketing-description{text-align:center}.marketing-title{font-size:1.5rem}}@media(max-width:480px){.marketing-proposito-card{padding:1.5rem}.marketing-funciones-grid{grid-template-columns:1fr}}.marketing-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}.organigrama-header{text-align:center;background-color:#3babc5;color:#fff;padding:1.5rem 3rem;border-radius:50px;margin-bottom:1rem;box-shadow:0 4px 15px #3babc54d}.organigrama-main-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;margin:0 0 .5rem}.organigrama-subtitle{font-size:.9rem;font-weight:400;opacity:.9}.organigrama-description{max-width:900px;text-align:center;font-size:1.1rem;color:#333;line-height:1.6;margin-bottom:2rem}.marketing-chart-wrapper{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:3rem;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px 20px #0000001a}.chart-header-label{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem}.marketing-org-card{background:#fff;border:2px solid #3babc5;border-radius:15px;padding:1rem;width:160px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000000d;position:relative;overflow:hidden}.top-card{width:260px;padding-top:3rem;margin-top:3rem;overflow:visible}.marketing-org-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #3babc54d;border-color:#2e9cc4}.org-card-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:center;z-index:1;transition:opacity .3s}.marketing-org-card:hover .org-card-content{opacity:0}.org-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3babc5f2;color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:.8rem;opacity:0;transition:opacity .3s ease;z-index:2;border-radius:13px;box-sizing:border-box}.marketing-org-card:hover .org-card-overlay{opacity:1}.top-card .org-card-overlay{border-radius:13px;top:0;height:100%}.top-card:hover .card-photo-container{z-index:3}.card-photo-container{width:100px;height:100px;border-radius:50%;border:4px solid #3babc5;background:#fff;overflow:hidden;position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:3;box-shadow:0 4px 10px #0000001a}.card-icon-small{width:40px;height:40px;margin-bottom:.5rem}.card-icon-small img{width:100%;height:100%;object-fit:contain}.org-card-role{font-weight:700;color:#333;font-size:.85rem;line-height:1.2;margin-bottom:.3rem}.org-card-name{font-size:.8rem;color:#666}.chart-level{display:flex;justify-content:center;width:100%;position:relative;z-index:2}.level-top{gap:4rem;margin-bottom:2rem}.level-bottom{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;margin-top:1rem}.bottom-member-wrapper{display:flex;justify-content:center}.hierarchy-connector-complex{position:relative;width:100%;height:40px;margin-top:-10px;margin-bottom:10px;z-index:1}.connector-bridge{position:absolute;top:0;left:35%;right:35%;height:15px;border-bottom:2px solid #3babc5;border-left:2px solid #3babc5;border-right:2px solid #3babc5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.connector-vertical-main{position:absolute;top:15px;left:50%;width:2px;height:20px;background-color:#3babc5;transform:translate(-50%)}.connector-horizontal-bottom{position:absolute;top:35px;left:8%;right:8%;height:2px;background-color:#3babc5}.connector-vertical-branches{position:absolute;top:35px;width:100%;height:15px}.branch{position:absolute;top:0;width:2px;height:100%;background-color:#3babc5}.branch-1{left:8.35%}.branch-2{left:25%}.branch-3{left:41.65%}.branch-4{left:58.35%}.branch-5{left:75%}.branch-6{left:91.65%}.marketing-organigrama-footer{display:flex;justify-content:flex-end;width:100%;max-width:1000px;margin-top:1rem}.organigrama-next-btn{background-color:#3babc5;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.organigrama-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3babc566}@media(max-width:1100px){.level-bottom{grid-template-columns:repeat(3,1fr);gap:2rem}.connector-horizontal-bottom,.branch{display:none}}@media(max-width:768px){.level-top{flex-direction:column;gap:4rem}.level-bottom{grid-template-columns:1fr}.connector-bridge,.connector-vertical-main{display:none}.marketing-org-card{width:100%;max-width:250px}}.marketing-procesos-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.marketing-procesos-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:3rem;max-width:1200px;width:100%;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.procesos-title-marketing{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:#444;margin:0 0 1rem;text-align:center}.procesos-subtitle-marketing{font-size:1.1rem;color:#555;text-align:center;max-width:800px;line-height:1.6;margin-bottom:4rem}.procesos-timeline-marketing{display:flex;justify-content:space-between;width:100%;position:relative;gap:.5rem}.timeline-line-marketing{position:absolute;top:50px;left:60px;right:60px;height:4px;background-color:#555;z-index:1}.proceso-item-marketing{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;flex:1;cursor:pointer;transition:all .3s ease;padding:0 10px}.proceso-item-marketing:hover{transform:translateY(-5px)}.proceso-number-container-marketing{background-color:#fff;padding:10px;margin-bottom:1.5rem;border-radius:50%}.proceso-item-marketing:hover .proceso-number-marketing{background-color:#3babc5;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #3babc580}.proceso-number-marketing{width:80px;height:80px;background-color:#ccc;color:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;transition:all .3s ease}.proceso-item-title-marketing{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:.5rem;min-height:4.5rem;display:flex;align-items:flex-start;justify-content:center;line-height:1.2;padding:0 5px}.proceso-item-description-marketing{font-size:.85rem;color:#666;line-height:1.4;max-width:200px;opacity:.9}.procesos-footer-marketing{display:flex;justify-content:flex-end;width:100%;max-width:1200px}.procesos-next-btn-marketing{background-color:#3babc5;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.procesos-next-btn-marketing:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3babc566}@media(max-width:968px){.procesos-timeline-marketing{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-line-marketing{width:4px;height:90%;left:50px;top:40px;right:auto}.proceso-item-marketing{flex-direction:row;text-align:left;gap:1.5rem;width:100%}.proceso-number-container-marketing{margin-bottom:0;padding:0;background:transparent}.proceso-item-title-marketing{min-height:auto;justify-content:flex-start;margin-bottom:.5rem}.proceso-item-description-marketing{max-width:none}.marketing-procesos-card{padding:2rem}}.marketing-areas-apoyo-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem;position:relative;max-width:1400px;margin:0 auto;width:100%}.areas-title-section-marketing{text-align:center;background-color:#3babc5;padding:1rem 3rem;border-radius:50px;color:#fff;margin-bottom:2rem;box-shadow:0 4px 15px #3babc54d;z-index:10}.areas-main-title-marketing{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;margin:0;line-height:1.2}.areas-subtitle-marketing{font-size:.9rem;margin-top:.5rem;opacity:.9;font-weight:400}.areas-diagram-marketing{position:relative;width:900px;height:500px;display:flex;justify-content:center;align-items:center;margin-top:2rem}.central-box-marketing{background:linear-gradient(135deg,#3babc5,#2e9cc4);color:#fff;width:300px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;border-radius:20px;box-shadow:0 10px 30px #3babc566;z-index:2;text-transform:uppercase;border:4px solid white}.area-wrapper-marketing{position:absolute;width:100%;height:100%;pointer-events:none}.support-area-circle-marketing{position:absolute;width:160px;height:160px;background:#fff;border:3px solid #3babc5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000014;transition:all .3s ease;padding:1rem;box-sizing:border-box;text-align:center;pointer-events:auto;z-index:5;overflow:hidden}.support-area-circle-marketing:hover{transform:scale(1.05);border-color:#2e9cc4;box-shadow:0 12px 25px #3babc540}.support-area-circle-marketing.selected{background-color:#3babc5;color:#fff;transform:scale(1.1);border-color:#fff;z-index:10}.area-icon-marketing{width:50px;height:50px;margin-bottom:.5rem}.area-icon-marketing img{width:100%;height:100%;object-fit:contain}.area-name-marketing{font-size:.9rem;font-weight:700;color:#444;line-height:1.2}.area-description-marketing{font-size:.85rem;line-height:1.3;animation:fadeIn .3s ease}.support-area-circle-marketing.top-center{top:5%;left:50%;transform:translate(-50%)}.support-area-circle-marketing.top-center.selected{transform:translate(-50%) scale(1.1)}.support-area-circle-marketing.top-right{top:25%;right:15%}.support-area-circle-marketing.bottom-right{bottom:5%;right:20%}.support-area-circle-marketing.bottom-left{bottom:5%;left:20%}.support-area-circle-marketing.top-left{top:25%;left:15%}.arrow-marketing{position:absolute;width:30px;height:30px;z-index:1;opacity:.6}.arrow-marketing svg{width:100%;height:100%}.arrow-top-center{top:35%;left:50%;transform:translate(-50%) rotate(0)}.arrow-top-right{top:45%;right:28%;transform:rotate(45deg)}.arrow-bottom-right{bottom:25%;right:28%;transform:rotate(135deg)}.arrow-bottom-left{bottom:25%;left:28%;transform:rotate(-135deg)}.arrow-top-left{top:45%;left:28%;transform:rotate(-45deg)}.areas-footer-marketing{display:flex;justify-content:flex-end;width:100%;margin-top:auto}.areas-next-btn-marketing{background-color:#3babc5;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.areas-next-btn-marketing:hover{background-color:#2e9cc4;transform:translateY(-2px)}@media(max-width:900px){.areas-diagram-marketing{width:100%;height:auto;flex-direction:column;gap:2rem}.central-box-marketing{order:-1;margin-bottom:2rem}.area-wrapper-marketing,.support-area-circle-marketing,.arrow-marketing{position:static;transform:none!important}.arrow-marketing{display:none}.support-area-circle-marketing{width:100%;height:auto;min-height:100px;flex-direction:row;gap:1rem;border-radius:20px}.area-icon-marketing{width:60px;height:60px;margin-bottom:0}}.marketing-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.marketing-quiz-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.quiz-card{background:#fff;border-radius:30px;padding:3rem;max-width:800px;width:100%;box-shadow:0 10px 40px #00000014;position:relative;border:3px solid #3babc5}.quiz-header{margin-bottom:2rem}.question-counter{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:600}.progress-bar-container{width:100%;height:10px;background-color:#eee;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#3babc5;transition:width .3s ease}.quiz-question{font-size:1.5rem;color:#333;margin-bottom:2rem;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.quiz-option{display:flex;align-items:center;padding:1.2rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:1.1rem;color:#444}.quiz-option:hover:not(:disabled){border-color:#3babc5;background-color:#f0f9fc}.quiz-option.selected{border-color:#3babc5;background-color:#e6f6fa}.quiz-option.correct{border-color:#32cd32;background-color:#e8f8e8;color:#2e8b2e}.quiz-option.incorrect{border-color:#ff4d4d;background-color:#ffe6e6;color:#c00}.option-letter{font-weight:700;margin-right:1rem;background-color:#eee;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666;flex-shrink:0}.quiz-option.selected .option-letter{background-color:#3babc5;color:#fff}.quiz-option.correct .option-letter{background-color:#32cd32;color:#fff}.quiz-option.incorrect .option-letter{background-color:#ff4d4d;color:#fff}.option-text{flex:1}.feedback-icon{font-size:1.2rem;font-weight:800;margin-left:1rem}.quiz-footer{display:flex;justify-content:flex-end}.quiz-next-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3babc54d}.quiz-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 20px #3babc566}.quiz-results-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.results-card{background:#fff;border-radius:30px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;align-items:center;border:3px solid #3babc5}.results-title{font-size:clamp(1.5rem,3.5vw,2.5rem);color:#333;margin-bottom:1rem}.results-message{font-size:1.2rem;color:#666;margin-bottom:2rem;max-width:400px}.results-score{font-size:1.5rem;font-weight:700;color:#3babc5;margin-bottom:2.5rem;background-color:#f0f9fc;padding:.5rem 1.5rem;border-radius:15px}.results-action-btn{padding:1rem 3rem;border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;color:#fff}.results-action-btn.success{background:linear-gradient(135deg,#32cd32,#228b22);box-shadow:0 4px 15px #32cd3266}.results-action-btn.success:hover{transform:translateY(-3px);box-shadow:0 6px 20px #32cd3299}.results-action-btn.retry{background-color:#ff9800;box-shadow:0 4px 15px #ff980066}.results-action-btn.retry:hover{background-color:#f57c00;transform:translateY(-3px);box-shadow:0 6px 20px #ff980099}@media(max-width:768px){.quiz-card{padding:1.5rem}.quiz-question{font-size:1.2rem}.quiz-option{padding:1rem;font-size:1rem}}.argip-intro-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.argip-intro-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:3rem;text-align:center}.argip-hero-section{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:900px;width:100%}.argip-title-box{background-color:#3babc5;color:#fff;padding:2rem 3rem;border-radius:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #3babc54d;min-width:300px}.argip-hero-title{display:flex;flex-direction:column;align-items:center;margin:0;line-height:1.1}.hero-title-small{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:700;text-transform:uppercase}.hero-title-large{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;text-transform:uppercase;letter-spacing:1px}.argip-hero-image-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.intro-image-argip{width:250px;height:auto;object-fit:contain}.intro-text-content{max-width:800px;display:flex;flex-direction:column;align-items:center;gap:2rem}.intro-description{font-size:1.1rem;color:#333;line-height:1.6;max-width:800px}.start-module-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3babc54d}.start-module-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 20px #3babc566}@media(max-width:900px){.argip-hero-section{flex-direction:column;gap:2rem}.argip-title-box{width:100%;max-width:400px;box-sizing:border-box}.intro-image-argip{width:200px}}.argip-proposito-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box;position:relative}.argip-proposito-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.proposito-main-card{background:#fff;border:2px solid #3babc5;border-radius:40px;padding:3rem;max-width:1200px;width:100%;box-shadow:0 10px 30px #3babc51a;display:flex;flex-direction:column;gap:3rem}.proposito-header-section{display:flex;align-items:center;gap:2rem}.main-icon-container{flex-shrink:0;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#eaf6fa;border-radius:50%}.gear-icon-placeholder{font-size:4rem;color:#3babc5}.proposito-text-block{flex:1;display:flex;flex-direction:column;gap:1rem}.proposito-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;color:#036;color:#002e5b;margin:0;text-transform:uppercase}.proposito-description{font-size:1.1rem;color:#4a5568;line-height:1.6;text-align:justify}.functions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.function-card{background:#f8fdff;border:1px solid #cce4eb;border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;min-height:200px;transition:all .3s ease;box-shadow:0 4px 6px #00000005}.function-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 8px 15px #3babc526;border-color:#3babc5}.function-icon-wrapper{height:80px;display:flex;align-items:center;justify-content:center}.function-icon{max-width:100%;max-height:100%;object-fit:contain}.function-text{font-size:.95rem;color:#2d3748;font-weight:600;line-height:1.3}.proposito-footer{display:flex;justify-content:flex-end;width:100%;max-width:1200px}.proposito-next-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #3babc54d;transition:all .3s ease}.proposito-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 15px #3babc566}@media(max-width:1024px){.functions-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.proposito-header-section{flex-direction:column;text-align:center}.functions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.functions-grid{grid-template-columns:1fr}}.argip-organigrama-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.argip-organigrama-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.org-header-section{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.org-title-pill{background-color:#3babc5;color:#fff;padding:1.5rem 3rem;border-radius:50px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 5px 15px #3babc54d;max-width:800px}.org-title-main{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;text-transform:uppercase;margin-bottom:.5rem}.org-title-subtitle{font-size:1rem;font-weight:400;opacity:.9}.org-intro-text{max-width:900px;text-align:center;font-size:1.1rem;color:#4a5568;line-height:1.6}.org-single-card-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 0}.argip-contact-card{background:#fff;border:3px solid #3babc5;border-radius:20px;padding:2rem;width:350px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 25px #0000000d;position:relative}.card-top-title{font-size:1.4rem;font-weight:700;color:#333}.card-photo-wrapper{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:5px solid #3babc5;display:flex;justify-content:center;align-items:center}.card-photo{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3babc5f2;color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;text-align:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.card-photo-wrapper:hover .card-overlay{opacity:1}.overlay-text{font-size:.85rem;line-height:1.4}.card-info{text-align:center;border-top:1px solid #eee;padding-top:1rem;width:100%}.card-role{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.2rem}.card-name{font-size:1rem;color:#555;text-transform:uppercase}.org-footer{display:flex;justify-content:flex-end;width:100%;max-width:1200px}.org-next-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #3babc54d;transition:all .3s ease}.org-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 15px #3babc566}.argip-procesos-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.argip-procesos-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.argip-procesos-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:3rem;max-width:1200px;width:100%;box-shadow:0 6px 20px #0000001a;display:flex;flex-direction:column;align-items:center}.procesos-title-argip{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:#444;margin:0 0 1rem;text-align:center}.procesos-subtitle-argip{font-size:1.1rem;color:#555;text-align:center;max-width:800px;line-height:1.6;margin-bottom:4rem}.procesos-timeline-argip{display:flex;justify-content:space-between;width:100%;position:relative;gap:.5rem}.timeline-line-argip{position:absolute;top:50px;left:60px;right:60px;height:4px;background-color:#555;z-index:1}.proceso-item-argip{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;flex:1;cursor:pointer;transition:all .3s ease;padding:0 10px}.proceso-item-argip:hover{transform:translateY(-5px)}.proceso-number-container-argip{background-color:#fff;padding:10px;margin-bottom:1.5rem;border-radius:50%}.proceso-item-argip:hover .proceso-number-argip{background-color:#3babc5;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #3babc580}.proceso-number-argip{width:80px;height:80px;background-color:#f0f0f0;color:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;transition:all .3s ease;border:3px solid white;box-shadow:0 4px 10px #0000001a}.proceso-item-title-argip{font-size:1.1rem;font-weight:700;color:#444;margin-bottom:.5rem;min-height:4.5rem;display:flex;align-items:flex-start;justify-content:center;line-height:1.2;padding:0 5px}.proceso-item-description-argip{font-size:.85rem;color:#666;line-height:1.4;max-width:200px;opacity:.9}.procesos-footer-argip{display:flex;justify-content:flex-end;width:100%;max-width:1200px}.procesos-next-btn-argip{background-color:#3babc5;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3babc54d}.procesos-next-btn-argip:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 16px #3babc566}@media(max-width:968px){.procesos-timeline-argip{flex-direction:column;align-items:flex-start;gap:2rem}.timeline-line-argip{width:4px;height:90%;left:50px;top:40px;right:auto}.proceso-item-argip{flex-direction:row;text-align:left;gap:1.5rem;width:100%}.proceso-number-container-argip{margin-bottom:0;padding:0;background:transparent}.proceso-item-title-argip{min-height:auto;justify-content:flex-start;margin-bottom:.5rem}.proceso-item-description-argip{max-width:none}.argip-procesos-card{padding:2rem}}.argip-areas-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box;position:relative;overflow-x:hidden}.argip-areas-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem}.areas-header{text-align:center;background-color:#3babc5;color:#fff;padding:1.5rem 3rem;border-radius:50px;box-shadow:0 5px 15px #3babc54d;margin-bottom:2rem;max-width:800px}.areas-title{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:800;margin:0;text-transform:uppercase}.areas-subtitle{font-size:1rem;font-weight:400;margin-top:.5rem;opacity:.9}.circular-layout-container{position:relative;width:800px;height:600px;display:flex;justify-content:center;align-items:center;margin:2rem 0}.central-node{width:250px;height:100px;background-color:#3babc5;border-radius:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 30px #3babc533;z-index:10;position:relative}.central-text{color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:900;text-transform:uppercase;letter-spacing:2px}.satellite-node{position:absolute;display:flex;flex-direction:column;align-items:center;width:160px;cursor:pointer;transition:transform .3s ease;z-index:5}.satellite-node:hover{transform:scale(1.05)}.satellite-icon-wrapper{width:120px;height:120px;border:3px solid #3babc5;border-radius:50%;background:#fff;padding:1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000000d;margin-bottom:.5rem;transition:all .3s ease}.satellite-node:hover .satellite-icon-wrapper{box-shadow:0 5px 20px #3babc566;background-color:#f0faff}.satellite-icon{width:100%;height:100%;object-fit:contain}.satellite-label{text-align:center;font-weight:700;color:#333;font-size:.95rem;background:#fffc;padding:.2rem .5rem;border-radius:5px}.node-1{top:0;left:50%;transform:translate(-50%)}.node-2{top:15%;right:10%}.node-3{bottom:15%;right:10%}.node-4{bottom:0;left:50%;transform:translate(-50%)}.node-5{bottom:15%;left:10%}.node-6{top:15%;left:10%}.arrow-connector{position:absolute;width:40px;height:2px;background-color:#3babc5;z-index:-1;display:none}.area-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.area-modal-card{background:#fff;padding:2.5rem;border-radius:20px;max-width:500px;width:100%;position:relative;text-align:center;box-shadow:0 20px 50px #0003;animation:slideUp .3s ease;border:2px solid #3babc5}.close-modal-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:clamp(1.3rem,2.8vw,2rem);cursor:pointer;color:#666}.modal-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem}.modal-icon-wrapper img{width:100%;height:100%;object-fit:contain}.modal-title{font-size:1.5rem;font-weight:800;color:#3babc5;margin-bottom:1rem}.modal-text{font-size:1rem;line-height:1.6;color:#555;text-align:justify}.areas-footer{display:flex;justify-content:flex-end;width:100%;max-width:1200px;margin-top:auto}.areas-next-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #3babc54d}.areas-next-btn:hover{background-color:#2e9cc4;transform:translateY(-2px);box-shadow:0 6px 15px #3babc566}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.circular-layout-container{width:100%;height:auto;flex-direction:column;gap:2rem}.central-node{order:0;margin-bottom:1rem}.satellite-node{position:relative;inset:auto!important;transform:none!important}}.argip-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8;font-family:Inter,sans-serif;padding-top:110px;box-sizing:border-box}.quiz-content{flex:1;display:flex;padding:2rem;gap:2rem;max-width:1400px;margin:0 auto;width:100%}.quiz-progress-sidebar{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100px}.progress-trophy{font-size:clamp(1.8rem,4vw,3rem);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.progress-bar-vertical{width:20px;height:400px;background-color:#e0e0e0;border-radius:10px;position:relative;overflow:hidden}.progress-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#3babc5,#5bc9e0);transition:height .5s ease;border-radius:10px}.quiz-main-content{flex:1;display:flex;flex-direction:column;align-items:center}.quiz-counter{font-size:1.2rem;color:#666;margin-bottom:1rem;font-weight:600}.question-card{background:#fff;border:3px solid #3babc5;border-radius:30px;padding:3rem;width:100%;max-width:800px;box-shadow:0 10px 30px #3babc51a}.question-text{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:1rem;line-height:1.4}.question-instruction{font-size:1rem;color:#666;margin-bottom:2rem;font-style:italic}.options-list{display:flex;flex-direction:column;gap:1rem}.option-btn{background:#f8fdff;border:2px solid #cce4eb;border-radius:15px;padding:1.2rem 1.5rem;font-size:1.1rem;color:#333;text-align:left;cursor:pointer;transition:all .3s ease;font-weight:500}.option-btn:hover{background:#fff;border-color:#3babc5;transform:translate(5px);box-shadow:0 5px 15px #3babc533}.option-btn.selected{background:#3babc5;color:#fff;border-color:#3babc5;transform:scale(1.02)}.quiz-results-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.results-card{background:#fff;border-radius:30px;padding:4rem 3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 15px 40px #0000001a}.results-card.success{border:4px solid #4caf50}.results-card.failure{border:4px solid #ff9800}.results-icon{font-size:5rem;margin-bottom:1.5rem}.success-icon{animation:celebrate 1s ease}.failure-icon{animation:shake .5s ease}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.results-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;margin-bottom:1rem}.success-title{color:#4caf50}.failure-title{color:#ff9800}.results-message{font-size:1.3rem;color:#555;margin-bottom:1rem;line-height:1.6}.results-submessage{font-size:1.1rem;color:#777;margin-bottom:2rem}.results-btn{background-color:#3babc5;color:#fff;border:none;padding:1rem 3rem;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #3babc54d;margin-bottom:2rem}.results-btn:hover{background-color:#2e9cc4;transform:translateY(-3px);box-shadow:0 8px 20px #3babc566}.retry-btn{background-color:#ff9800}.retry-btn:hover{background-color:#f57c00}.results-quote{background:#f8fdff;border-left:4px solid #3babc5;padding:1.5rem;border-radius:10px;margin-top:2rem}.results-quote p{font-size:1rem;color:#555;font-style:italic;line-height:1.6;margin:.5rem 0}.quote-author{font-weight:700;color:#3babc5;font-style:normal!important}.chat-fab{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;background-color:#3babc5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:50;color:#fff}@media(max-width:968px){.quiz-content{flex-direction:column}.quiz-progress-sidebar{flex-direction:row;width:100%;justify-content:center}.progress-bar-vertical{width:300px;height:20px}.progress-fill{left:0;bottom:auto;height:100%;width:0;transition:width .5s ease}.question-card{padding:2rem}.question-text{font-size:1.4rem}}.App{min-height:auto}