.guides-sidebar{width:280px;background:var(--dark-blue);border-right:1px solid var(--medium-blue);display:flex;flex-direction:column;height:100%;position:sticky;top:65px;z-index:10}.guides-sidebar-title{padding:.75rem 1rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.guides-search-wrapper{padding:1rem;border-bottom:1px solid var(--medium-blue)}.guides-search-input-wrapper{position:relative;display:flex;align-items:center}.guides-search-icon{position:absolute;left:.75rem;color:var(--text-secondary);pointer-events:none}.guides-search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background:var(--medium-blue);border:1px solid var(--light-blue);border-radius:6px;color:var(--text-light);font-size:.875rem;font-family:var(--font-sans);transition:all .2s ease}.guides-search-input:focus{outline:none;background:var(--medium-blue);border-color:var(--primary-teal);box-shadow:0 0 0 2px rgba(20,184,166,.1)}.guides-search-input::placeholder{color:var(--text-secondary)}.guides-sidebar-content{flex:1;overflow-y:auto;padding:1rem 0}.guides-sidebar-content::-webkit-scrollbar{width:6px}.guides-sidebar-content::-webkit-scrollbar-track{background:transparent}.guides-sidebar-content::-webkit-scrollbar-thumb{background:var(--medium-blue);border-radius:3px;transition:background .2s ease}.guides-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--light-blue)}.guides-category-group{margin-bottom:0}.guides-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;color:var(--white);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;cursor:pointer;border:none;border-left:3px solid;transition:all .2s ease;text-align:left}.guides-category-header span{flex:1}.guides-category-header svg{flex-shrink:0;transition:transform .2s ease}.guides-category-header.category-sisfyc{color:#10b981;border-left-color:#10b981}.guides-category-header.category-sisfyc:hover{background:rgba(16,185,129,.1)}.guides-category-header.category-whatsapp{color:#3b82f6;border-left-color:#3b82f6}.guides-category-header.category-whatsapp:hover{background:rgba(59,130,246,.1)}.guides-category-header.category-ia{color:#a855f7;border-left-color:#a855f7}.guides-category-header.category-ia:hover{background:rgba(168,85,247,.1)}.guides-category-title{display:none}.guides-list{list-style:none;margin:0;padding:0}.guide-item{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:none;border:none;color:var(--text-light);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;white-space:normal;word-wrap:break-word;line-height:1.3}.guide-item:hover{background:var(--medium-blue);padding-left:1.25rem}.guide-item.active{background:var(--medium-blue);color:var(--primary-teal);border-left:3px solid var(--primary-teal);padding-left:calc(1rem - 3px);font-weight:500}.guides-no-results{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.guides-sidebar{width:240px;top:60px}.guides-search-input{font-size:.8125rem;padding:.4rem .625rem .4rem 2.25rem}.guide-item{padding:.5rem .75rem;font-size:.8125rem}.guide-item:hover{padding-left:1rem}}@media (max-width:1024px){.guides-sidebar{width:250px}}.guide-viewer{flex:1;background:#ffffff;padding:2rem;overflow-y:auto;max-width:none}.guide-viewer-empty{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 65px)}.guide-empty-state{text-align:center;color:#6b7280;max-width:600px;padding:2rem 1rem}.guide-empty-logo{margin-bottom:1.75rem;display:flex;justify-content:center}.guide-empty-state h2{font-size:1.75rem;color:#1f2937;margin-bottom:.75rem;font-family:var(--font-heading);font-weight:700}.guide-empty-state>p{font-size:1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.guide-empty-systems{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.guide-empty-system-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid;min-width:150px;transition:transform .2s ease,box-shadow .2s ease}.guide-empty-system-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.guide-empty-card-sisfyc{background:#f0fdf4;border-color:#86efac}.guide-empty-card-whatsapp{background:#eff6ff;border-color:#93c5fd}.guide-empty-card-ia{background:#faf5ff;border-color:#d8b4fe}.guide-empty-system-icon{font-size:2rem;line-height:1}.guide-empty-system-name{font-size:.9rem;font-weight:700;color:#1f2937;font-family:var(--font-heading)}.guide-empty-system-desc{font-size:.75rem;color:#6b7280}.guide-empty-hint{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#f3f4f6;border-radius:999px;font-size:.875rem;color:#4b5563;border:1px dashed #d1d5db}.guide-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.guide-header-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.guide-badge{display:inline-block;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.guide-badge.badge-sisfyc{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.guide-badge.badge-whatsapp{background:#dbeafe;color:#0c3b66;border:1px solid #93c5fd}.guide-badge.badge-ia{background:#f3e8ff;color:#4c1d95;border:1px solid #e9d5ff}.guide-time{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;margin-left:auto}.guide-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#1f2937;margin:0 0 .75rem;line-height:1.2;font-family:var(--font-heading)}.guide-description{font-size:1rem;color:#6b7280;margin:0}.guide-steps{display:flex;flex-direction:column;gap:2rem}.guide-step{display:flex;gap:1.5rem}.step-number-wrapper{flex-shrink:0}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-teal);color:var(--white);border-radius:50%;font-weight:700;font-size:1.125rem;margin-top:.25rem}.step-content{flex:1}.step-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;font-family:var(--font-heading)}.step-description{font-size:.95rem;color:#4b5563;margin:0 0 1rem;line-height:1.6}.step-image-wrapper{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#f8f9fa;max-width:750px;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease;padding:0;all:unset;display:block}.step-image-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-radius:8px}.step-image-wrapper:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:8px}.image-zoom-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);color:white;border-radius:50%;padding:12px;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.step-image-wrapper:hover .image-zoom-icon{opacity:1}.step-image{width:100%;height:auto;display:block;max-width:100%;object-fit:contain}.step-tips{margin-top:1.5rem;padding:1rem;background:rgba(168,85,247,.05);border-left:3px solid #a855f7;border-radius:6px}.tips-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#a855f7;margin-bottom:.75rem;font-size:.9rem}.tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tips-list li{font-size:.875rem;color:#4b5563;padding-left:1.5rem;position:relative}.tips-list li:before{content:"✓";position:absolute;left:0;color:#a855f7;font-weight:700}.guide-tutorials-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.tutorials-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;font-family:var(--font-heading)}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tutorial-card{background:var(--medium-blue);border-radius:8px;overflow:hidden;border:1px solid var(--light-blue);transition:transform .2s ease,border-color .2s ease}.tutorial-card:hover{transform:translateY(-4px);border-color:var(--primary-teal)}.tutorial-video-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:var(--dark-blue)}.tutorial-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.tutorial-content{padding:1rem}.tutorial-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.3}.tutorial-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}@media (max-width:768px){.guide-tutorials-section{margin-top:2rem;padding-top:1.5rem}.tutorials-title{font-size:1.25rem}.tutorials-grid{grid-template-columns:1fr;gap:1rem}.tutorial-content{padding:.75rem}.tutorial-title{font-size:.95rem}.tutorial-description{font-size:.8125rem}}.guide-viewer::-webkit-scrollbar{width:8px}.guide-viewer::-webkit-scrollbar-track{background:transparent}.guide-viewer::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;transition:background .2s ease}.guide-viewer::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.guide-viewer{padding:1.5rem}.guide-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.guide-title{font-size:clamp(1.5rem,5vw,2rem)}.guide-step{gap:1rem}.step-number{width:36px;height:36px}.step-number,.step-title{font-size:1rem}.step-description{font-size:.9rem}.guide-steps{gap:1.5rem}.step-tips{padding:.75rem}.tips-header{font-size:.85rem}.tips-list li{font-size:.8125rem}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;width:95vw;height:95vh;background:none;padding:0;cursor:default}.close-modal-button,.image-modal-content{display:flex;align-items:center;justify-content:center;border:none}.close-modal-button{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);color:white;cursor:pointer;padding:10px;border-radius:50%;transition:background .2s ease;z-index:10000}.close-modal-button:hover{background:rgba(255,255,255,.1)}.close-modal-button:focus-visible{outline:2px solid white;outline-offset:2px}.expanded-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;display:block}@media (max-width:1024px){.image-modal-content{width:95vw;height:90vh}.close-modal-button{top:15px;right:15px}}@media (max-width:768px){.image-modal-overlay{padding:1rem}.image-modal-content{width:100vw;height:100vh;max-width:100%;max-height:100%}.close-modal-button{top:15px;right:15px;background:rgba(0,0,0,.7);padding:12px}.expanded-image{max-width:95%;max-height:95%}}