*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #003a5d;--accent: #00AACC;--accent-hover: #0099BB;--ink: #001a33;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--success: #16a34a;--error: #dc2626;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--color-primario: var(--navy);--color-secundario: var(--accent);--azul-oscuro: var(--navy);--azul-claro: var(--accent);--gris-oscuro: #333333;--blanco: #ffffff;--color-fondo: var(--bg);--color-texto: var(--text)}body{font-family:Roboto,Arial,sans-serif;background-color:var(--color-fondo);color:var(--color-texto);line-height:1.6;min-height:100vh}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.site-header{background-color:#f0f4f8;padding:10px 40px;position:sticky;top:0;z-index:1000;border-bottom:1px solid #d1d9e6;box-shadow:0 4px 10px #0000000d}.header-container{max-width:1250px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.logo img{height:60px;width:auto;display:block}.nav-menu ul{list-style:none;display:flex;align-items:center;gap:25px;margin:0;padding:0}.nav-menu a{text-decoration:none;color:var(--navy);font-weight:400;font-size:1rem;transition:all .2s ease;white-space:nowrap;padding-bottom:3px;border-bottom:2px solid transparent}.nav-menu a:hover{color:var(--accent)}.nav-menu a.active{color:var(--accent);font-weight:500;border-bottom:2px solid var(--accent)}.login-btn{background-color:var(--accent)!important;color:#fff!important;padding:9px 22px!important;border-radius:8px;font-weight:500!important;box-shadow:0 4px 6px #0ac3;display:inline-block;text-decoration:none;border-bottom:none!important}.login-btn:hover{background-color:var(--accent-hover)!important}.login-btn.active{border-bottom:none!important;font-weight:500!important}.logout-link{background:#001a330d;border:1px solid rgba(0,26,51,.2);color:var(--navy);padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:400;font-size:1rem;white-space:nowrap;transition:all .2s ease}.logout-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.menu-toggle{display:none;background:none;border:none;color:var(--navy);font-size:1.8rem;cursor:pointer;padding:4px}@media (max-width: 768px){.site-header{padding:10px 20px}.menu-toggle{display:block}.nav-menu{position:fixed;top:81px;right:-100%;width:260px;height:calc(100vh - 81px);background-color:#f0f4f8;transition:right .3s ease;box-shadow:-5px 0 15px #0000001a;overflow-y:auto}.nav-menu.active{right:0}.nav-menu ul{flex-direction:column;align-items:flex-start;gap:0;padding:1rem 0}.nav-menu ul li{width:100%}.nav-menu a,.logout-link{display:block;width:100%;padding:14px 24px;border-bottom:1px solid var(--border);border-radius:0;font-size:1rem}.nav-menu a.active{border-bottom:1px solid var(--border);background:#00aacc0f}.login-btn{margin:1rem 24px 0!important;width:calc(100% - 48px)!important;text-align:center;display:block!important;padding:12px 22px!important}}.site-footer{background-color:var(--azul-oscuro);color:#ccc;padding:3rem 0 0;margin-top:auto}.footer-container{max-width:1100px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-brand .footer-logo{font-family:Open Sans,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.5rem}.footer-brand .footer-tagline{font-size:.875rem;line-height:1.6}.footer-links h4,.footer-contact h4{font-family:Open Sans,sans-serif;color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a,.footer-contact a{color:#aaa;font-size:.9rem;transition:color .2s;display:flex;align-items:center;gap:.5rem}.footer-links a:hover,.footer-contact a:hover{color:var(--azul-claro)}.footer-bottom{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.1);padding:1rem 2rem;text-align:center;font-size:.8rem;color:#888}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:1.5rem}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}body{font-family:Roboto,Arial,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}.module-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:20px 22px;display:flex;flex-direction:row;align-items:center;gap:16px;cursor:pointer;text-align:left;opacity:0;will-change:opacity,transform;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.module-card:hover{border-color:#0ac;box-shadow:0 4px 14px #005f8614;transform:translateY(-2px)}.module-card.bandera-animada{animation:banderaFadeIn .7s cubic-bezier(.4,0,.2,1) both}@keyframes banderaFadeIn{0%{opacity:0;transform:translate(-24px,-24px) scale(.98)}to{opacity:1;transform:none}}.module-icon{width:48px;height:48px;border-radius:10px;background:#00aacc14;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;margin:0}.module-card-body{display:flex;flex-direction:column;gap:4px;flex:1}.module-card-arrow{color:#cbd5e1;font-size:.85rem;flex-shrink:0;transition:color .2s ease,transform .2s ease}.module-card:hover .module-card-arrow{color:var(--accent);transform:translate(3px)}.module-card h3{margin:0 0 4px;color:#001a33;font-size:1rem;font-weight:600}.module-card p{color:#64748b;font-size:.88rem;line-height:1.5;margin:0}.home-page{width:100%}.hero-section{position:relative;height:72vh;min-height:460px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-color:var(--ink)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 65% at 50% 42%,#001a3357,#001a3300 72%),linear-gradient(180deg,#001a3380,#001a339e 48%,#001a33d1),url(/assets/fondo-B3M-6k04.jpg) no-repeat center center / cover;z-index:1}.hero-content{position:relative;z-index:10;max-width:800px;padding:0 24px;opacity:0;transform:translateY(24px);transition:opacity .9s ease-out,transform .9s ease-out;pointer-events:none}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-badge{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:24px;pointer-events:auto}.hero-title,.hero-subtitle{color:#fff;pointer-events:auto}.hero-title{font-size:3rem;font-weight:600;margin:0 auto 24px;line-height:1.2;letter-spacing:-.01em;max-width:640px}.hero-subtitle{font-size:1.1rem;font-weight:400;margin:0 auto 44px;line-height:1.7;max-width:520px;color:#ffffffd9}.hero-btns{display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;pointer-events:auto}.btn-primary{background-color:var(--accent);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--accent-hover)}.benefits-section{background-color:#fff;padding:44px 5%;text-align:center}.benefits-header{max-width:600px;margin:0 auto 28px}.benefits-header h2{font-size:1.8rem;font-weight:700;color:var(--ink);margin-bottom:8px}.benefits-header p{font-size:1rem;color:var(--text-muted);line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.benefits-grid.visible{opacity:1;transform:translateY(0)}.benefit-card{background:var(--bg);border:1px solid #e8edf3;border-radius:12px;padding:18px 14px;text-align:center;opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .2s ease,border-color .2s ease}.benefits-grid.visible .benefit-card{opacity:1;transform:translateY(0)}.benefit-card:hover{box-shadow:0 6px 18px #001a3312;border-color:var(--accent)}.benefit-icon{width:40px;height:40px;background:#00aacc1a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--accent);font-size:1.2rem}.benefit-card h3{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:6px}.benefit-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:0}.container-modulos{padding:52px 5%;background-color:var(--bg);text-align:center}.container-modulos h2{font-weight:700;font-size:1.8rem;margin-bottom:12px;color:var(--ink)}.modulo-intro{color:var(--text-muted);font-size:1rem;max-width:650px;margin:0 auto 32px;line-height:1.7}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1000px;margin:0 auto}@media (max-width: 900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.container-modulos{padding:60px 6%}.container-modulos h2{font-size:1.5rem}.modules-grid{grid-template-columns:1fr;gap:10px}.benefits-section{padding:40px 6%}.benefits-header h2{font-size:1.5rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-btns{flex-direction:column;align-items:center}.btn-primary{width:100%;max-width:280px}.benefits-grid{grid-template-columns:1fr}}.audience-section{background-color:#fff;padding:44px 5%;text-align:center}.audience-header{max-width:600px;margin:0 auto 28px}.audience-header h2{font-size:1.8rem;font-weight:700;color:var(--ink);margin-bottom:8px}.audience-header p{font-size:1rem;color:var(--text-muted);line-height:1.6}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.audience-grid.visible{opacity:1;transform:translateY(0)}.audience-card{background:var(--bg);border:1px solid #e8edf3;border-radius:12px;padding:36px 32px;text-align:left;opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .2s ease,border-color .2s ease}.audience-grid.visible .audience-card{opacity:1;transform:translateY(0)}.audience-card:hover{box-shadow:0 6px 18px #001a3312;border-color:var(--accent)}.audience-card h3{font-size:1.2rem;font-weight:700;color:var(--ink);margin-bottom:18px}.audience-list{list-style:none;margin:0;padding:0}.audience-list li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:#475569;line-height:1.55;margin-bottom:12px}.audience-list li:last-child{margin-bottom:0}.audience-list li i{color:var(--accent);font-size:.85rem;margin-top:4px;flex-shrink:0}.cta-section{background:linear-gradient(135deg,var(--ink) 0%,var(--navy) 100%);padding:60px 5%;text-align:center}.cta-content{max-width:640px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.cta-content.visible{opacity:1;transform:translateY(0)}.cta-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:16px}.cta-subtitle{font-size:1.05rem;color:#ffffffb3;line-height:1.6;margin-bottom:32px}@media (max-width: 768px){.audience-section{padding:48px 6%}.audience-grid{grid-template-columns:1fr}.audience-header h2{font-size:1.5rem}.cta-section{padding:60px 6%}.cta-title{font-size:1.5rem}}.contact-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;background-color:var(--bg)}.contact-container{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:620px;box-shadow:0 4px 20px #001a3312}.contact-header{text-align:center;margin-bottom:36px}.contact-header h1{color:var(--ink);font-size:2rem;margin-bottom:8px}.contact-header p{color:var(--text-muted);font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#334155;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:.97rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;background:#fafafa;color:var(--text)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #00aacc1f}.form-group input.error,.form-group textarea.error{border-color:var(--error);background:#fff8f8}.error-message{color:var(--error);font-size:.82rem;font-weight:400}.submit-button{background-color:var(--accent);color:#fff;border:none;padding:13px 32px;font-size:.97rem;border-radius:8px;cursor:pointer;align-self:center;display:flex;align-items:center;gap:8px;font-weight:500;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.submit-button:hover:not(:disabled){background-color:var(--accent-hover)}.submit-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.contact-info{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg);border-radius:12px;border:1px solid #eef2f6}.contact-item{display:flex;align-items:center;gap:16px}.contact-item i{font-size:1.1rem;color:var(--accent);width:20px;text-align:center;flex-shrink:0}.contact-item h3{color:var(--ink);font-size:.85rem;font-weight:500;margin:0 0 2px;text-transform:uppercase;letter-spacing:.04em}.contact-item p{color:#475569;margin:0;font-size:.93rem}@media (max-width: 768px){.contact-container{padding:28px 20px}.contact-header h1{font-size:1.6rem}.submit-button{width:100%;justify-content:center}}.manuals-page{max-width:800px;margin:0 auto;padding:60px 20px 80px;background-color:#f8fafc}.manuals-header{text-align:center;margin-bottom:40px}.manuals-badge{display:inline-block;background:#e6f1fb;color:var(--navy);font-size:.75rem;font-weight:600;padding:4px 14px;border-radius:99px;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase}.manuals-header h1{font-size:2rem;color:#001a33;margin-bottom:8px;font-weight:700}.manuals-header p{color:#64748b;font-size:.95rem;line-height:1.6}.manuals-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.manual-item{background:#fff;border:.5px solid #e2e8f0;border-left:3px solid var(--accent);border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.manual-item:hover{border-color:#0ac;box-shadow:0 4px 14px #005f8614;transform:translateY(-1px)}.manual-item--warning{border-left-color:#854f0b;background:#fffbef}.manual-item--warning:hover{border-color:#854f0b;box-shadow:0 4px 14px #854f0b14}.manual-icon{width:40px;height:40px;border-radius:8px;background:#005f8614;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent);flex-shrink:0}.manual-icon--warning{background:#854f0b1a;color:#854f0b}.manual-info{flex:1}.manual-info h3{font-size:.93rem;font-weight:600;color:#001a33;margin:0 0 3px}.manual-info p{font-size:.82rem;color:#64748b;margin:0;line-height:1.4}.manual-warning-badge{font-size:.72rem;font-weight:600;background:#faeeda;color:#854f0b;padding:3px 10px;border-radius:4px;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:5px}.manual-arrow{color:#cbd5e1;font-size:.8rem;flex-shrink:0}.manuals-help{background:#fff;border:.5px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.help-icon{font-size:1.6rem;color:var(--accent);flex-shrink:0}.help-body h3{font-size:.95rem;font-weight:600;color:#001a33;margin:0 0 4px}.help-body p{font-size:.83rem;color:#64748b;margin:0 0 14px;line-height:1.5}.btn-help{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-help:hover{background:var(--accent-hover)}@media (max-width: 600px){.manuals-header h1{font-size:1.6rem}.manual-item{flex-wrap:wrap}.manuals-help{flex-direction:column;text-align:center}.btn-help{width:100%;justify-content:center}}.detail-video-section{max-width:900px;margin:0 auto 30px;text-align:center}.detail-section-title{color:#001a33;font-size:1.1rem;font-weight:600;margin-bottom:16px}.detail-video{border-radius:10px;box-shadow:0 4px 20px #003a5d14}.detail-pdf-viewer{max-width:900px;margin:0 auto;border:1px solid #edf2f7;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #003a5d0a}.detail-actions{max-width:900px;margin:24px auto 0;display:flex;justify-content:center}.detail-back-link{color:#0ac;font-size:.93rem;text-decoration:none;font-weight:500}.detail-back-link:hover{text-decoration:underline}.detail-guide-section{margin-bottom:36px}.detail-pdf-section{margin-bottom:8px}.detail-section-title{color:#001a33;font-size:1rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.detail-section-title i{color:#0ac;font-size:1rem}.sg-wrapper{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:24px}.sg-progress{display:flex;gap:6px;margin-bottom:16px}.sg-prog-step{flex:1;height:4px;border-radius:2px;background:#e2e8f0;transition:background .3s}.sg-prog-step.done{background:#0ac}.sg-prog-step.active{background:#6cd}.sg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.sg-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:.83rem;border:1px solid #edf2f7;border-radius:8px;cursor:pointer;background:#fff;color:#64748b;font-weight:400;transition:all .15s ease}.sg-tab:hover{border-color:#0ac;color:#0ac}.sg-tab.active{background:#e8f7fb;color:#0ac;border-color:#0ac;font-weight:600}.sg-tab.completed{color:#09b;border-color:#b3e8f5;background:#f0fbfe}.sg-tab-check{font-size:.7rem}.sg-card{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:24px;margin-bottom:20px}.sg-step-num{font-size:.75rem;font-weight:600;color:#0ac;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sg-step-title{color:#001a33;font-size:1.05rem;font-weight:600;margin:0 0 10px}.sg-step-body{color:#64748b;font-size:.93rem;line-height:1.65;margin:0 0 16px}.sg-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sg-field-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;font-size:.88rem}.sg-field-name{color:#001a33;font-weight:500}.sg-badge{font-size:.73rem;font-weight:600;padding:3px 10px;border-radius:20px}.sg-badge.required{background:#fff1f1;color:#dc2626}.sg-badge.optional{background:#e8f7fb;color:#0ac}.sg-tip{background:#eef9ff;border-left:3px solid #00AACC;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.87rem;color:#046;line-height:1.5;margin-top:12px;display:flex;gap:8px;align-items:flex-start}.sg-tip i{color:#0ac;flex-shrink:0;margin-top:2px}.sg-warning{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.87rem;color:#7c5a00;line-height:1.5;margin-top:10px;display:flex;gap:8px;align-items:flex-start}.sg-warning i{color:#f59e0b;flex-shrink:0;margin-top:2px}.sg-done{text-align:center;padding:8px 0}.sg-done-icon{font-size:2.4rem;color:#0ac;margin-bottom:14px}.sg-done h3{color:#001a33;font-size:1.1rem;font-weight:600;margin-bottom:8px}.sg-done>p{color:#64748b;font-size:.92rem;line-height:1.6;max-width:480px;margin:0 auto 20px}.sg-done .sg-fields{text-align:left;max-width:480px;margin:0 auto 16px}.sg-done .sg-tip{max-width:480px;margin:0 auto 20px;text-align:left}.sg-restart-btn{background:transparent;border:1px solid #d1d9e6;color:var(--navy);padding:9px 22px;border-radius:8px;font-size:.88rem;cursor:pointer;transition:all .2s;margin-top:4px}.sg-restart-btn:hover{background:#f0f4f8;border-color:var(--navy)}.sg-nav{display:flex;justify-content:space-between;align-items:center}.sg-counter{font-size:.85rem;color:#94a3b8}.sg-nav-btn{padding:9px 20px;font-size:.88rem;font-weight:500;border:1px solid #d1d9e6;border-radius:8px;cursor:pointer;background:#fff;color:#001a33;transition:all .2s}.sg-nav-btn:disabled{opacity:.3;cursor:default}.sg-nav-btn:not(:disabled):hover{background:#f0f4f8;border-color:var(--navy)}.sg-nav-btn.primary{background:#0ac;color:#fff;border-color:#0ac}.sg-nav-btn.primary:not(:disabled):hover{background:#09b;border-color:#09b}@media (max-width: 768px){.sg-wrapper{padding:16px}.sg-tabs{gap:4px}.sg-tab{font-size:.77rem;padding:5px 10px}.sg-card{padding:18px 14px}.sg-nav-btn{padding:8px 14px;font-size:.84rem}}.manuals-category-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:#001a33;margin:0 0 16px}.manuals-category-title i{color:var(--accent);font-size:1rem}.manuals-category .manuals-list{margin-bottom:0}.manuals-category-divider{height:1px;background:#e2e8f0;margin:28px 0}.detail-pdf-placeholder{max-width:900px;margin:0 auto;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.detail-pdf-placeholder p{color:#64748b;font-size:.9rem;line-height:1.5;text-align:center;margin:0}.detail-summary{max-width:760px;margin:0 auto 30px;text-align:center}.detail-summary p{font-size:1.02rem;line-height:1.7;color:#475569;margin:0}.detail-gate{max-width:760px;margin:0 auto;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:40px 32px;text-align:center}.detail-gate-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#00aacc1a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.detail-gate-title{color:#001a33;font-size:1.15rem;font-weight:700;margin:0 0 8px}.detail-gate-text{color:#64748b;font-size:.92rem;line-height:1.6;max-width:480px;margin:0 auto 24px}.detail-gate-preview{text-align:left;max-width:420px;margin:0 auto 26px}.detail-gate-preview-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:12px}.detail-gate-toc{list-style:none;margin:0;padding:0;display:grid;gap:9px}.detail-gate-toc li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#334155}.detail-gate-toc li i{color:var(--accent);font-size:.8rem;flex-shrink:0}.detail-gate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.detail-gate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s ease,transform .15s ease,border-color .2s ease}.detail-gate-btn.primary{background:var(--accent);color:#fff}.detail-gate-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.detail-gate-btn.secondary{background:transparent;color:var(--navy);border:1px solid #d1d9e6}.detail-gate-btn.secondary:hover{border-color:var(--navy);background:#f0f4f8}.manual-access-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;background:#eef2f6;color:#64748b;padding:3px 9px;border-radius:4px;white-space:nowrap;flex-shrink:0}.manual-access-badge i{font-size:.65rem}.news-page{max-width:800px;margin:0 auto;padding:48px 20px 72px;background-color:var(--bg)}.news-header{text-align:center;margin-bottom:26px}.news-badge{display:inline-block;background:#e6f1fb;color:var(--navy);font-size:.75rem;font-weight:600;padding:4px 14px;border-radius:99px;margin-bottom:10px;letter-spacing:.04em;text-transform:uppercase}.news-header h1{font-size:2rem;color:var(--ink);margin-bottom:6px;font-weight:700}.news-header p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0}.news-list{display:flex;flex-direction:column;gap:10px}.nv-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px}.nv-cat-fiscal{border-left:3px solid #d9a441}.nv-cat-funcion{border-left:3px solid var(--accent)}.nv-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.nv-chip{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.nv-chip--fiscal{color:#854f0b}.nv-chip--funcion{color:var(--navy)}.nv-chip--mejora{color:var(--text-muted)}.nv-date{font-size:.76rem;color:#94a3b8;font-variant-numeric:tabular-nums}.nv-title{font-size:1.05rem;font-weight:600;color:var(--ink);margin:0 0 4px;line-height:1.4}.nv-why{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.nv-action{display:flex;align-items:flex-start;gap:7px;font-size:.88rem;color:#475569;line-height:1.5;margin:10px 0 0}.nv-action i{color:var(--accent);font-size:.85rem;margin-top:3px;flex-shrink:0}.nv-action strong{font-weight:600;color:var(--ink)}.nv-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.nv-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--accent);text-decoration:none}.nv-link:hover{text-decoration:underline}.news-more{display:flex;flex-direction:column;margin-top:12px}.nv-toggle{align-self:center;display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:none;border-radius:99px;font-size:.88rem;color:var(--navy);font-weight:500;cursor:pointer;padding:9px 22px;transition:background .2s ease}.nv-toggle:hover{background:var(--border)}.nv-older{display:flex;flex-direction:column;gap:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}.nv-older.open{max-height:6000px;opacity:1;margin-top:10px}.news-help{margin-top:40px;text-align:center;font-size:.9rem;color:var(--text-muted)}.news-help a{color:var(--accent);font-weight:500}.news-help a:hover{text-decoration:underline}@media (max-width: 600px){.news-page{padding:36px 16px 56px}.news-header h1{font-size:1.6rem}}:root{--abacus-dark: var(--navy);--abacus-primary: var(--accent);--abacus-light: var(--accent);--bg-body: #f1f4f8;--white: #ffffff;--text-main: #475569;--text-light: #64748b;--border-soft: .5px solid #e2e8f0;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 20px rgba(0, 95, 134, .1);--radius-lg: 14px;--radius-md: 10px;--color-sistema: #17a2b8;--color-ventas: #28a745;--color-compras: #e83e8c;--color-stock: #ffc107;--color-finanzas: #6f42c1;--color-contabilidad: #fd7e14;--color-personal: #007bff;--color-logistica: #7c40cb}.module-detail-page{max-width:1100px;margin:0 auto;padding:40px 20px 60px;background-color:var(--bg-body);color:var(--text-main)}.module-header{display:flex;align-items:center;gap:28px;background:var(--white);padding:36px 40px;border-radius:var(--radius-lg);border:var(--border-soft);border-top:3px solid var(--abacus-primary);margin-bottom:24px}.module-icon-large{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:#f0f7fb;border-radius:14px;flex-shrink:0;color:var(--abacus-primary)}.module-info h1{color:var(--abacus-dark);font-size:2rem;margin:0 0 6px;font-weight:600;letter-spacing:-.3px}.module-description{color:var(--text-light);font-size:1rem;margin:0;line-height:1.6}.module-content{display:grid;gap:20px}.features-section,.module-extra-section,.module-benefits{background:var(--white);padding:32px 36px;border-radius:var(--radius-lg);border:var(--border-soft)}.features-section h2,.module-extra-section h2,.module-benefits h2{color:var(--abacus-dark);font-size:1.1rem;margin:0 0 22px;font-weight:500;display:flex;align-items:center;gap:10px}.features-section h2:before,.module-extra-section h2:before,.module-benefits h2:before{content:"";width:3px;height:18px;background:var(--abacus-light);border-radius:2px;flex-shrink:0}.features-grid,.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-item,.extra-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-radius:var(--radius-md);border:var(--border-soft);transition:border-color .2s ease,background .2s ease}.feature-item:hover,.extra-item:hover{border-color:var(--abacus-light);background:var(--white)}.feature-item span,.extra-item span{font-size:.9rem;color:var(--text-main);line-height:1.4}.feature-item i{color:#10b981;font-size:1rem;flex-shrink:0}.extra-block{margin-bottom:28px}.extra-block:last-child{margin-bottom:0}.extra-block>p:first-child{color:var(--text-light);font-size:.92rem;line-height:1.7;margin-bottom:14px}.extra-block h3{color:var(--abacus-dark);font-size:.95rem;margin-bottom:10px;font-weight:600}.extra-block p{color:var(--text-main);font-size:.9rem;line-height:1.7;padding:14px 16px;background:#f8fafc;border-radius:var(--radius-md);border:var(--border-soft)}.benefits-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 14px;background:#f8fafc;border-radius:var(--radius-md);border:var(--border-soft)}.benefit-item i{color:var(--abacus-primary);font-size:1.6rem;margin-bottom:12px;opacity:.85}.benefit-item h3{color:var(--abacus-dark);font-size:.92rem;margin-bottom:6px;font-weight:600}.benefit-item p{color:var(--text-light);font-size:.82rem;line-height:1.5}.module-demo{background:var(--abacus-dark);color:#fff;padding:48px 40px;border-radius:var(--radius-lg);text-align:center}.module-demo h2{color:#fff;font-size:1.5rem;margin-bottom:10px;font-weight:500}.module-demo p{font-size:.95rem;color:#ffffffa6;margin-bottom:28px;max-width:520px;margin-left:auto;margin-right:auto}.demo-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-demo,.btn-call,.btn-contact{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:99px;font-weight:500;text-decoration:none;transition:opacity .2s ease,transform .15s ease;font-size:.9rem;cursor:pointer}.btn-demo:hover,.btn-call:hover,.btn-contact:hover{opacity:.88;transform:translateY(-1px)}.btn-demo{background:var(--white);color:var(--abacus-primary);border:none}.btn-call{background:transparent;color:#fff;border:.5px solid rgba(255,255,255,.45)}.navigation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:var(--border-soft)}.btn-back{color:var(--text-light);font-size:.9rem;font-weight:400;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.btn-back:hover{color:var(--abacus-primary)}.btn-contact{background:var(--abacus-primary);color:#fff;border:none;padding:10px 22px;border-radius:6px}.module-detail-page[data-module=ventas] .extra-item i{color:var(--color-ventas)}.module-detail-page[data-module=compras] .extra-item i{color:var(--color-compras)}.module-detail-page[data-module=sistema] .extra-item i{color:var(--color-sistema)}.module-detail-page[data-module=stock] .extra-item i{color:var(--color-stock)}.module-detail-page[data-module=finanzas] .extra-item i{color:var(--color-finanzas)}.module-detail-page[data-module=contabilidad] .extra-item i{color:var(--color-contabilidad)}.module-detail-page[data-module=personal] .extra-item i{color:var(--color-personal)}.module-detail-page[data-module=logistica] .extra-item i{color:var(--color-logistica)}@media (max-width: 768px){.module-header{flex-direction:column;text-align:center;gap:16px;padding:28px 24px}.module-info h1{font-size:1.6rem}.features-section,.module-extra-section,.module-benefits{padding:24px 20px}.features-grid,.extra-grid{grid-template-columns:1fr}.benefits-list{grid-template-columns:repeat(2,1fr)}.module-demo{padding:36px 24px}}@media (max-width: 480px){.benefits-list{grid-template-columns:1fr 1fr}.navigation-footer{flex-direction:column;gap:14px;text-align:center}}.ml-breadcrumb{font-size:.82rem;color:var(--text-light);display:flex;gap:8px;align-items:center;margin-bottom:20px}.ml-breadcrumb a{color:var(--accent)}.ml-breadcrumb a:hover{text-decoration:underline}.ml-breadcrumb-current{color:var(--navy);font-weight:600}.ml-hero{background:var(--white);border:var(--border-soft);border-left:4px solid var(--accent);border-radius:var(--radius-lg);padding:34px 36px;margin-bottom:20px}.ml-hero.has-visual .ml-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ml-hero-text{max-width:640px}.ml-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:16px}.ml-eyebrow i{color:var(--accent);font-size:.9rem}.ml-hero h1{color:var(--navy);font-size:1.8rem;font-weight:700;line-height:1.15;letter-spacing:-.3px;margin:0 0 10px}.ml-hero .ml-tagline{color:var(--text-light);font-size:1rem;line-height:1.6;margin:0 0 22px}.ml-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:0}.ml-hero-cta{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--accent);border:1px solid var(--accent);padding:11px 26px;border-radius:8px;font-weight:500;font-size:.95rem;text-decoration:none;transition:background .2s ease,color .2s ease}.ml-hero-cta:hover{background:var(--accent);color:#fff}.ml-hero-visual .ml-visual-img{width:100%;border-radius:var(--radius-md);border:var(--border-soft);box-shadow:var(--shadow-soft);display:block}.ml-section{background:var(--white);border:var(--border-soft);border-radius:var(--radius-lg);padding:32px 36px;margin-bottom:20px;scroll-margin-top:90px}.ml-section h2{color:var(--navy);font-size:1.15rem;font-weight:600;margin:0 0 22px;display:flex;align-items:center;gap:10px}.ml-section h2:before{content:"";width:3px;height:18px;background:var(--accent);border-radius:2px;flex-shrink:0}.ml-process-intro{color:var(--text-light);font-size:.95rem;line-height:1.7;margin:0 0 20px}.ml-flow{list-style:none;margin:0;padding:0}.ml-flow-step{display:flex;gap:16px;padding-bottom:22px;position:relative}.ml-flow-step:last-child{padding-bottom:0}.ml-flow-step:not(:last-child):before{content:"";position:absolute;left:15px;top:36px;bottom:2px;width:2px;background:var(--border)}.ml-flow-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;position:relative;z-index:1}.ml-flow-body{display:flex;flex-direction:column;gap:3px;padding-top:4px}.ml-flow-name{color:var(--navy);font-weight:600;font-size:.98rem}.ml-flow-detail{color:var(--text-light);font-size:.9rem;line-height:1.55}.ml-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ml-benefit{padding:18px 20px;background:#f8fafc;border:var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.ml-benefit h3{color:var(--navy);font-size:.98rem;font-weight:600;margin:0 0 6px}.ml-benefit p{color:var(--text-light);font-size:.9rem;line-height:1.55;margin:0}.module-demo-trust{max-width:520px;margin:20px auto 0;font-size:.82rem;line-height:1.5;color:#ffffff8c}.ml-video{border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.ml-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}.ml-screenshots img{width:100%;border-radius:var(--radius-md);border:var(--border-soft)}.ml-faq{display:flex;flex-direction:column;gap:12px}.ml-faq-item{padding:18px 20px;background:#f8fafc;border:var(--border-soft);border-radius:var(--radius-md)}.ml-faq-item h3{color:var(--navy);font-size:.95rem;font-weight:600;margin:0 0 6px}.ml-faq-item p{color:var(--text-main);font-size:.9rem;line-height:1.6;margin:0}.ml-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ml-related-group h3{color:var(--text-light);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.ml-related-cards{display:flex;flex-wrap:wrap;gap:10px}.ml-related-card{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:var(--border-soft);border-radius:var(--radius-md);color:var(--navy);font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .2s ease,background .2s ease}.ml-related-card:hover{border-color:var(--accent);background:var(--white)}.ml-related-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ml-related-links a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.92rem;text-decoration:none}.ml-related-links a:hover{text-decoration:underline}.ml-related-links i{font-size:.82rem}@media (max-width: 768px){.ml-hero{padding:32px 24px}.ml-hero.has-visual .ml-hero-inner{grid-template-columns:1fr;gap:28px}.ml-hero h1{font-size:1.6rem}.ml-section{padding:24px 20px}.ml-benefits{grid-template-columns:1fr}.ml-related-grid{grid-template-columns:1fr;gap:20px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#001a33e6,#036c),url(/assets/fondo-B3M-6k04.jpg) no-repeat center center/cover;padding:20px}.login-container{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #0000004d}.login-header{text-align:center;margin-bottom:35px}.login-header h1{color:var(--ink);font-size:2rem;font-weight:700;margin-bottom:10px}.login-header p{color:#64748b;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#334e68;font-size:.9rem}.form-group input{padding:14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00aacc1f}.form-group input.error{border-color:var(--error)}.error-message{color:var(--error);font-size:.85rem;font-weight:500}.login-button{background:var(--accent);color:#fff;border:none;padding:16px 20px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.login-button:hover:not(:disabled){background:var(--accent-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner .spinner{border-top:4px solid var(--accent)}.dashboard-page{min-height:100vh;background-color:#f8fafc;padding:40px 20px;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:25px 35px;border-radius:16px;box-shadow:0 4px 20px #003a5d0d;margin-bottom:30px;border-left:6px solid #00AACC}.user-info{display:flex;align-items:center;gap:20px}.user-avatar{font-size:2.8rem;color:#0ac}.user-details h2{color:#001a33;font-size:1.4rem;margin-bottom:4px}.user-role{color:#64748b;font-size:.95rem;margin:0}.user-email{color:#94a3b8;font-size:.85rem;margin:4px 0 0}.logout-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logout-button:hover{background:#fff1f1;border-color:#fca5a5;color:var(--error)}.dashboard-content{background:#fff;border-radius:16px;padding:36px;box-shadow:0 4px 20px #003a5d0a}.section-title{color:#001a33;font-size:1.3rem;font-weight:600;margin-bottom:8px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.section-head .section-title,.section-head .section-description{margin-bottom:0}.section-head .section-description{margin-top:4px}.section-action{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;color:var(--accent);font-size:.9rem;font-weight:500;border:1px solid var(--border);padding:9px 16px;border-radius:8px;transition:background .2s ease,border-color .2s ease}.section-action:hover{background:#e8f7fb;border-color:var(--accent)}.section-description{color:#64748b;font-size:.97rem;line-height:1.6;margin-bottom:32px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px}.dashboard-card{background:#f8fafc;padding:28px 24px;border-radius:14px;border:1px solid #edf2f7;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.dashboard-card:hover{transform:translateY(-2px);border-color:#0ac;box-shadow:0 8px 22px #00aacc14}.card-icon{width:52px;height:52px;background:#e8f7fb;color:#0ac;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;margin-bottom:20px;transition:background .2s ease}.dashboard-card:hover .card-icon{background:#0ac;color:#fff}.dashboard-card--featured{border-left:3px solid var(--accent)}.card-content h3{color:#001a33;font-size:1.1rem;font-weight:600;margin-bottom:8px}.card-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:16px}.card-action-text{color:#0ac;font-weight:500;margin-top:auto;display:flex;align-items:center;gap:6px;font-size:.88rem}.divider{height:1px;background:#eef2f6;margin:8px 0 32px}.quick-actions h3{color:#001a33;font-size:1.1rem;font-weight:600;margin-bottom:16px}.action-buttons{display:flex;gap:14px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:8px;padding:11px 24px;border-radius:8px;font-size:.93rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.action-button.primary{background:#0ac;color:#fff}.action-button.primary:hover{background:#09b}.action-button.secondary{background:transparent;color:var(--navy);border:1px solid #d1d9e6}.action-button.secondary:hover{background:#f0f4f8;border-color:var(--navy)}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.logout-button{width:100%;justify-content:center}.dashboard-content{padding:24px 16px}.dashboard-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{width:100%;justify-content:center}.section-head{flex-direction:column}.section-action{width:100%;justify-content:center}}.dashboard-section{margin-bottom:20px}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(240px,320px))}.resource-card{background:#fbfcfd}.dashboard-section .section-title{margin-bottom:8px}.dashboard-section .section-description{margin-bottom:18px}.saldo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.saldo-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}.saldo-cuenta-nombre{color:#64748b;font-size:.85rem;font-weight:500}.saldo-valor-row{display:flex;align-items:center;gap:14px;min-height:34px}.saldo-valor{color:#001a33;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.saldo-toggle{background:transparent;border:none;color:#0ac;cursor:pointer;font-size:1.1rem;padding:4px;line-height:1;transition:color .2s ease}.saldo-toggle:hover{color:#09b}.saldo-spinner{border-color:#00aacc4d;border-top-color:#0ac}.ctacte-page{min-height:100vh;background-color:#f8fafc;padding:40px 20px;max-width:1200px;margin:0 auto}.ctacte-header{background:#fff;padding:25px 35px;border-radius:16px;box-shadow:0 4px 20px #003a5d0d;margin-bottom:24px;border-left:6px solid #00AACC}.ctacte-header h1{color:#001a33;font-size:1.5rem;margin:0 0 6px}.ctacte-header p{color:#64748b;font-size:.95rem;margin:0}.ctacte-form{background:#fff;border-radius:16px;padding:24px 30px;box-shadow:0 4px 20px #003a5d0a;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ctacte-spin .7s linear infinite}@keyframes ctacte-spin{to{transform:rotate(360deg)}}.ctacte-results{background:#fff;border-radius:16px;padding:24px 30px;box-shadow:0 4px 20px #003a5d0a}.ctacte-table{width:100%;border-collapse:collapse;font-size:.9rem}.ctacte-table thead th{text-align:left;color:#475569;font-weight:600;padding:12px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.ctacte-table th.num,.ctacte-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ctacte-table tbody td{padding:11px 14px;border-bottom:1px solid #eef2f6;color:#1e293b}.ctacte-table tbody tr:hover{background:#f8fafc}.ctacte-table td.saldo{font-weight:600;color:#001a33}.ctacte-table th.comprobante-col,.ctacte-table td.comprobante-col{text-align:center;white-space:nowrap}@media (max-width: 768px){.ctacte-form{flex-direction:column;align-items:stretch;padding:20px}.form-field input,.form-field select{min-width:0;width:100%}.consultar-button{width:100%;justify-content:center}.ctacte-results{padding:20px 16px}}.remitos-page{min-height:100vh;background-color:#f8fafc;padding:40px 20px;max-width:1200px;margin:0 auto}.remitos-header{background:#fff;padding:25px 35px;border-radius:16px;box-shadow:0 4px 20px #003a5d0d;margin-bottom:24px;border-left:6px solid #00AACC}.back-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ac;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;margin-bottom:14px}.back-button:hover{text-decoration:underline}.remitos-header h1{color:#001a33;font-size:1.5rem;margin:0 0 6px}.remitos-header p{color:#64748b;font-size:.95rem;margin:0}.remitos-form{background:#fff;border-radius:16px;padding:24px 30px;box-shadow:0 4px 20px #003a5d0a;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#334155;font-size:.85rem;font-weight:600}.form-field input,.form-field select{border:1px solid #d1d9e6;border-radius:8px;padding:10px 12px;font-size:.95rem;color:#001a33;min-width:200px;background:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#0ac;box-shadow:0 0 0 3px #00aacc1f}.consultar-button{display:inline-flex;align-items:center;gap:8px;background:#0ac;color:#fff;border:none;padding:11px 26px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.consultar-button:hover:not(:disabled){background:#09b}.consultar-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:remitos-spin .7s linear infinite}@keyframes remitos-spin{to{transform:rotate(360deg)}}.remitos-results{background:#fff;border-radius:16px;padding:24px 30px;box-shadow:0 4px 20px #003a5d0a}.results-placeholder{color:#64748b;font-size:.95rem;text-align:center;padding:30px 0;margin:0}.table-wrapper{overflow-x:auto}.remitos-table{width:100%;border-collapse:collapse;font-size:.9rem}.remitos-table thead th{text-align:left;color:#475569;font-weight:600;padding:12px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.remitos-table th.num,.remitos-table td.num{text-align:right;font-variant-numeric:tabular-nums}.remitos-table tbody td{padding:11px 14px;border-bottom:1px solid #eef2f6;color:#1e293b}.remitos-table tbody tr:hover{background:#f8fafc}.leyenda{color:#94a3b8;font-size:.85rem}.remitos-table th.comprobante-col,.remitos-table td.comprobante-col{text-align:center;white-space:nowrap}.pdf-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #d1d9e6;color:#c0392b;padding:6px 12px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.pdf-button:hover:not(:disabled){background:#fdf0ee;border-color:#c0392b}.pdf-button:disabled{opacity:.6;cursor:not-allowed}.pdf-spinner{border-color:#c0392b4d;border-top-color:#c0392b}@media (max-width: 768px){.remitos-form{flex-direction:column;align-items:stretch;padding:20px}.form-field input,.form-field select{min-width:0;width:100%}.consultar-button{width:100%;justify-content:center}.remitos-results{padding:20px 16px}}.np-field-grow{flex:1;min-width:220px}.np-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.np-results{margin:0}.np-add-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease}.np-add-btn:hover{background:var(--accent);color:#fff}.np-cart{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:0 4px 20px #003a5d0a;position:sticky;top:20px}.np-cart-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 16px}.np-cart-title i{color:var(--accent)}.np-cart-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px}.np-cart-item{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #eef2f6}.np-cart-item:last-child{border-bottom:none;padding-bottom:0}.np-cart-info{display:flex;justify-content:space-between;gap:10px}.np-cart-desc{font-size:.9rem;color:var(--ink);line-height:1.4}.np-cart-price{font-size:.85rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.np-cart-controls{display:flex;align-items:center;gap:10px}.np-qty{width:72px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.np-qty:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00aacc1f}.np-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.9rem;padding:4px;transition:color .2s ease}.np-remove:hover{color:var(--error)}.np-cart-total{display:flex;justify-content:space-between;font-weight:700;color:var(--ink);font-size:1rem;padding-top:12px;border-top:1px solid var(--border);font-variant-numeric:tabular-nums}.np-notas{margin-top:16px}.np-notas textarea{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.95rem;font-family:inherit;resize:vertical;color:var(--ink);background:#fff}.np-notas textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00aacc1f}.np-submit{width:100%;justify-content:center;margin-top:16px}@media (max-width: 900px){.np-layout{grid-template-columns:1fr}.np-cart{position:static}}.hp-toggle-col{width:34px}.hp-row{cursor:pointer}.hp-row.is-open{background:var(--bg)}.hp-toggle-cell{text-align:center;color:var(--accent);width:34px}.hp-toggle-cell i{font-size:.72rem}.hp-detail-row td{padding:0!important;background:#fbfcfd}.hp-detail{padding:6px 16px 14px 48px}.hp-detail-table{width:100%;border-collapse:collapse;font-size:.85rem}.hp-detail-table thead th{text-align:left;color:var(--text-muted);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.hp-detail-table th.num,.hp-detail-table td.num{text-align:right;font-variant-numeric:tabular-nums}.hp-detail-table td{padding:7px 12px;border-bottom:1px solid #eef2f6;color:var(--text)}.hp-detail-table tbody tr:last-child td{border-bottom:none}#root{margin:0;padding:0;width:100%;min-height:100vh}:root{--color-primario: var(--navy);--color-secundario: var(--accent);--color-texto: var(--text);--color-fondo: var(--bg);--azul-oscuro: var(--navy);--azul-claro: var(--accent);--gris-oscuro: #333333;--blanco: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;margin:0}h1,h2,h3{font-family:Open Sans,sans-serif;color:var(--azul-oscuro);margin-bottom:1rem}