.app{display:flex;flex-direction:column;height:100vh}.main-container{display:flex;flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-background-color);padding:10px 20px}.navbar-left{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.navbar-title{font-size:var(--font-size-base);font-weight:700;display:flex;align-items:center;text-align:center}.navbar-title span{color:var(--secondary-color)}.toggle-sidebar-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;transition:.2s ease-in;font-weight:var(--font-weight-bold);display:flex;color:#fff}.toggle-sidebar-btn:hover{color:var(--primary-color)}.navbar-right{font-size:var(--font-size-large);text-align:center}.navbar-menu{display:flex;gap:var(--space-sm);list-style-type:none;flex-wrap:wrap}.navbar-menu li{cursor:pointer;transition:.3s ease;font-weight:var(--font-weight-medium);color:#fff;font-size:14px;max-width:150px;text-align:center}.navbar-item{border-top:2.4px solid transparent;transition:all .3s ease-in-out;border-radius:0 0 4px 4px;padding-top:8px}.navbar-item.active{color:var(--primary-color);border-top:2.4px solid var(--primary-color)}.navbar-menu li:hover{color:var(--link-color)}@media (max-width: 960px){.navbar{flex-direction:column;align-items:center}.navbar-right{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);width:100%}.navbar-menu{align-items:center;justify-content:center;padding:0;margin:0;gap:var(--space-xs)}.navbar-menu li{text-align:center;padding:5px 10px;width:auto}.navbar-item{display:inline-block}}.pi-logo-container{display:flex;align-items:center;justify-content:center;margin-left:var(--space-xs)}.pi-logo-container img{width:300px;cursor:pointer}.sidebar{background-color:var(--secondary-background-color);padding:15px;width:224px;box-shadow:var(--box-shadow-light);margin:var(--container-margin);border-radius:var(--border-radius)}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{padding:10px 15px;margin-bottom:10px;cursor:pointer;border-radius:5px;transition:background-color .3s;color:var(--secondary-text-color);font-weight:var(--font-weight-medium)}.sidebar-item:hover{background-color:var(--tertiary-color)}.sidebar-item.active{background-color:var(--primary-color);color:var(--secondary-text-color);font-weight:var(--font-weight-medium)}@media (max-width: 960px){.sidebar{position:fixed;z-index:1;height:100vh;margin:0;border-radius:0 24px}}.content{flex:1;background-color:var(--background-color);border-radius:var(--border-radius);margin:var(--container-margin) var(--container-margin) var(--container-margin) var(--container-margin);box-shadow:var(--box-shadow-medium)}iframe{border-radius:var(--border-radius);height:100%;width:100%;border:none}@media (max-width: 960px){.content{margin:0;border-radius:0}iframe{border-radius:0}}.space{margin-top:10px}.sub1{font-size:12px;text-align:justify;margin-left:-20px}.sub2{font-size:12px;text-align:justify;margin-left:-30px;margin-top:5px;list-style-type:lower-alpha;color:var(--text-color)}.metodology-container{padding:var(--container-padding);max-width:80%;margin:0 auto;overflow-y:scroll;height:75vh}.metodology-container h2{font-size:var(--font-size-large);text-align:center}.metodology-container h3{font-size:15px;text-align:justify}.metodology-container p{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-color);text-align:justify}.metodology-container::-webkit-scrollbar{display:none}.mvis-container{padding:var(--container-padding);max-width:80%;margin:0 auto}.mvis-container h1{font-size:var(--font-size-large);text-align:center;margin-bottom:3%}.mvis-container p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color);text-align:justify}@media (max-width: 768px){.mvis-container h2{font-size:var(--font-size-base);text-align:center}.information-modify .alternative{text-align:center}.interactive-information{flex-direction:column;align-items:center}.interactive-information .imagem{align-items:center;width:300px;margin-top:20px}}.faq-container{width:100%;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a}.faq-content{display:flex;flex-direction:column;gap:10px;border-radius:var(--border-radius)}.faq-item{font-family:sans-serif,Calibri,Arial;border-bottom:1px solid #ddd}.faq-question{cursor:pointer;padding:15px 20px;color:#3a3a3a;font-weight:700;display:flex;justify-content:space-between;align-items:center;position:relative;border-radius:var(--border-radius) var(--border-radius) 0px 0px}.faq-question.active{background:var(--primary-color)}.faq-question:hover{background:var( --primary-color)}.faq-icon{font-size:18px;font-weight:700;color:#333;margin-left:10px;transition:transform .3s}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{overflow:hidden;max-height:0;padding:0;transition:max-height .4s ease,padding .4s ease;background:#f9f9f9;font-size:14px;border-radius:var(--border-radius)}.faq-answer.active{max-height:1000px;padding:15px 20px}.faq-answer-content{display:flex;align-items:center;gap:15px;opacity:0;transition:opacity .9s ease}.faq-answer.active .faq-answer-content{opacity:1}.faq-text{flex:1}.faq-image-container{flex:1;display:flex;justify-content:center}.faq-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.faq-answer-content{flex-direction:column;align-items:flex-start}.faq-text{text-align:left;margin-bottom:15px}.faq-image-container{width:100%;display:flex;justify-content:center}.faq-image{max-width:100%}}.ssp-logo{display:flex;flex-direction:column;margin-bottom:var(--space-lg);align-items:center;justify-content:center}.ssp-logo img{width:150px}.ssp-logo h2{color:var(--secondary-text-color);font-size:var(--font-size-small);text-align:center}.PolicialLetalidade-container{padding:var(--container-padding);max-width:80%;margin:0 auto}.PolicialLetalidade-container h1{font-size:var(--font-size-large);text-align:center;margin-bottom:3%}.PolicialLetalidade-container p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color);text-align:justify}@media (max-width: 768px){.PolicialLetalidade-container h2{font-size:var(--font-size-base);text-align:center}.information-modify .alternative{text-align:center}.interactive-information{flex-direction:column;align-items:center}.interactive-information .imagem{align-items:center;width:300px;margin-top:20px}}.updates-container{padding:var(--container-padding);max-width:80%;margin:0 auto;height:75vh}.updates-container h2{font-size:var(--font-size-large);text-align:center}.updates-container p{font-size:15px;font-weight:var(--font-weight-medium);color:var(--text-color);text-align:justify}.updates-container span{color:#000;font-weight:700}.updates-container ul{font-size:14px;font-family:var(--font-family-primary)}.updates-container hr{margin:20px 0}:root{--primary-color: #F4B400;--secondary-color: #4687c2;--tertiary-color: #f4b300da;--background-color: #ffffff;--secondary-background-color: #0A254D;--text-color: #333333;--secondary-text-color: #fff;--link-color: #f4b400;--border-color: #ddd;--font-family-primary: "Roboto", sans-serif;--font-size-base: 1rem;--font-size-large: 1.25rem;--font-size-small: .8rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--max-width: 1200px;--container-padding: 20px;--container-margin: 20px;--box-shadow-light: 2px 0 5px rgba(0, 0, 0, .1);--box-shadow-medium: 0 0 10px rgba(0, 0, 0, .1);--transition-speed: .3s;--border-radius: 12px}body{font-family:var(--font-family-primary);margin:0}