.infographic-content{width:100%;max-width:800px;margin:0 auto;padding:1rem}.infographic-header{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 0;margin-bottom:2rem;border-bottom:2px solid rgba(0,0,0,.05)}.infographic-header-center{display:flex;align-items:center;gap:.5rem}@media (max-width:600px){.infographic-header{padding:1rem}}.infographic-section{display:flex;margin-bottom:4rem;background-color:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.infographic-section:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.section-icon-container{flex:0 0 80px;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.section-icon{width:40px;height:40px;color:var(--primary)}.section-content{flex:1}.section-content h2{color:var(--primary);margin-bottom:1rem;font-size:1.8rem}.section-content p{color:var(--gray);line-height:1.6;margin-bottom:1.5rem}.button-example{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.customize-button-example,.language-button-example,.manual-button-example,.report-button-example,.reset-button-example,.start-button-example,.stop-button-example{display:flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;font-size:1rem;border-radius:50px;font-weight:600;transition:all var(--transition-speed);cursor:pointer;border:none}.start-button-example{background-color:var(--primary);color:#fff}.stop-button-example{background-color:var(--danger);color:#fff}.customize-button-example,.language-button-example,.report-button-example{background-color:var(--light);color:var(--primary);border:1px solid var(--primary)}.reset-button-example{background-color:var(--light);color:var(--danger);border:1px solid var(--danger)}.manual-button-example{background-color:var(--light);color:var(--primary);border:1px solid var(--primary)}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-link{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:var(--light);color:var(--primary);border-radius:50px;text-decoration:none;font-weight:600;transition:all var(--transition-speed)}.social-link:hover{background-color:var(--primary);color:#fff;transform:translateY(-3px)}.social-icon{width:20px;height:20px}.back-to-app-container{display:flex;justify-content:center;margin-top:2rem;margin-bottom:3rem}.back-to-app-button{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:var(--primary);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all var(--transition-speed)}.back-to-app-button:hover{background-color:var(--primary-dark);transform:translateY(-3px)}@media (max-width:768px){.infographic-section{flex-direction:column;padding:1.5rem}.section-icon-container{margin-bottom:1rem}.section-content h2{font-size:1.5rem}.button-example{align-items:stretch}.button-example,.social-links{flex-direction:column}}