@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
    font-family: "Poppins", serif;
    font-weight: 400;
    font-size: 12pt;
    text-decoration: none !important;
    color: #272727;
}

body, html {
    width: 100vw;
    overflow-x: hidden;
    background-color: #f8f9fb;
    position: relative;
}

.warning {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: crimson;
    color: #fff;
    padding: 10px 30px;
    border-radius: 6px;
    animation: slideDownUp 3s ease forwards;
}

@keyframes slideDownUp {
    0% {
        top: -100px; /* Fora da tela */
    }
    10% {
        top: 45px; /* Posição visível */
    }
    90% {
        top: 45px; /* Permanece visível por um tempo */
    }
    100% {
        top: -100px; /* Volta a subir */
    }
}

main {
    width: 100%;
    min-height: calc(100vh - 60.8px);
}

footer {
    width: 100%;
    background-color: #fff;
    padding: 20px 10%;
    text-align: center;
    border-top: 1px solid rgba(123,123,123,0.1);
}

footer p {
    font-size: 10pt;
    color: #6b6b6b;
}

.section {
    width: 100%;
}

.header {
    width: 100%;
    padding: 5px 10%;
    background-color: #fff;
    border-bottom: 1px solid rgba(123,123,123,0.1);
    display: flex;
    flex-flow: row nowrap;
}

.header .logo {
    width: fit-content;
    padding: 9px 0;
} 

.header .logo a {
    font-weight: 500;
    display: flex;
    align-items: center;
    background-color: #b03dda;
    width: fit-content;
    padding: 5px 12px;
    color: #fff;
}

.header .logo a i {
    color: #fbfbfb;
    margin-right: 5px;
    font-size: 15pt;
}

.header .seris_title {
    margin-left: auto;
    width: 170px;
}

.header .seris_title img {
    width: 100%;
    height: 100%;
}

.section .section_title {
    text-align: center;
    padding: 80px 10%;
}

.section .section_title h2 {
    font-weight: 500;
    font-size: 18pt;
    margin-bottom: 15px;
}

.section .section_title p {
    color: #8b8b8b;
    font-size: 11pt;
}

.section .section_title p span {
    color: #8b8b8b;
    font-size: 11pt;
    font-weight: 600;
}

.section#event_type .selector {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    padding: 0 10%;
    padding-bottom: 40px;
    justify-content: space-between;
}

.section#event_type .selector .event {
    width: 280px;
    background-color: #fff;
    padding: 60px 20px;
    border: 2px solid rgba(123,123,123,0.05);
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s;
}

.section#event_type .selector .event.active {
    border: 2px solid rgb(120 138 225 / 50%);
}

.section#event_type .selector .event:hover {
    box-shadow: 0 0 20px rgba(123,123,123,0.1);
}

.section#event_type .selector .event .icon_container {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 30px 0;
}

.section#event_type .selector .event .icon_container .icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(34.458% 8.568%, 34.458% 8.568%, 36.839% 5.642%, 39.711% 3.367%, 42.951% 1.741%, 46.436% 0.766%, 50.044% 0.441%, 53.652% 0.766%, 57.137% 1.741%, 60.377% 3.367%, 63.249% 5.642%, 65.63% 8.568%, 65.884% 8.961%, 65.884% 8.961%, 66.928% 10.403%, 68.117% 11.722%, 69.441% 12.913%, 70.884% 13.97%, 72.434% 14.884%, 74.079% 15.649%, 75.806% 16.259%, 77.6% 16.707%, 79.45% 16.985%, 81.343% 17.088%, 81.845% 17.091%, 81.845% 17.091%, 85.818% 17.506%, 89.419% 18.632%, 92.585% 20.374%, 95.255% 22.635%, 97.368% 25.317%, 98.863% 28.324%, 99.678% 31.56%, 99.752% 34.927%, 99.023% 38.329%, 97.431% 41.669%, 97.183% 42.066%, 97.183% 42.066%, 96.334% 43.61%, 95.674% 45.208%, 95.202% 46.847%, 94.919% 48.513%, 94.825% 50.193%, 94.919% 51.872%, 95.202% 53.538%, 95.674% 55.177%, 96.334% 56.775%, 97.183% 58.319%, 97.431% 58.715%, 97.431% 58.715%, 99.023% 62.056%, 99.752% 65.458%, 99.678% 68.825%, 98.863% 72.061%, 97.368% 75.068%, 95.255% 77.75%, 92.585% 80.011%, 89.419% 81.753%, 85.818% 82.879%, 81.845% 83.294%, 81.343% 83.297%, 81.343% 83.297%, 79.45% 83.4%, 77.6% 83.678%, 75.806% 84.126%, 74.079% 84.736%, 72.434% 85.501%, 70.884% 86.415%, 69.441% 87.471%, 68.117% 88.663%, 66.928% 89.982%, 65.884% 91.423%, 65.63% 91.817%, 65.63% 91.817%, 63.249% 94.743%, 60.377% 97.018%, 57.137% 98.643%, 53.652% 99.619%, 50.044% 99.944%, 46.436% 99.619%, 42.951% 98.643%, 39.711% 97.018%, 36.839% 94.743%, 34.458% 91.817%, 34.204% 91.423%, 34.204% 91.423%, 33.16% 89.982%, 31.971% 88.663%, 30.647% 87.471%, 29.204% 86.415%, 27.654% 85.501%, 26.009% 84.736%, 24.282% 84.126%, 22.488% 83.678%, 20.637% 83.4%, 18.745% 83.297%, 18.243% 83.294%, 18.243% 83.294%, 14.27% 82.879%, 10.67% 81.753%, 7.504% 80.011%, 4.833% 77.75%, 2.72% 75.068%, 1.225% 72.061%, 0.41% 68.825%, 0.337% 65.458%, 1.065% 62.056%, 2.657% 58.715%, 2.905% 58.319%, 2.905% 58.319%, 3.754% 56.775%, 4.414% 55.177%, 4.886% 53.538%, 5.169% 51.872%, 5.263% 50.193%, 5.169% 48.513%, 4.886% 46.847%, 4.414% 45.208%, 3.754% 43.61%, 2.905% 42.066%, 2.657% 41.669%, 2.657% 41.669%, 1.065% 38.329%, 0.337% 34.927%, 0.41% 31.56%, 1.225% 28.324%, 2.72% 25.317%, 4.833% 22.635%, 7.504% 20.374%, 10.67% 18.632%, 14.27% 17.506%, 18.243% 17.091%, 18.745% 17.088%, 18.745% 17.088%, 20.637% 16.985%, 22.488% 16.707%, 24.282% 16.259%, 26.009% 15.649%, 27.654% 14.884%, 29.204% 13.97%, 30.647% 12.913%, 31.971% 11.722%, 33.16% 10.403%, 34.204% 8.961%, 34.458% 8.568%);
}

.section#event_type .selector .event .icon_container .icon i {
    font-size: 20pt;
}

.section#event_type .selector .event:nth-child(1) .icon_container .icon {
    background-color: #edf2ff;
}

.section#event_type .selector .event:nth-child(1) .icon_container .icon i {
    color: #443cda;
}

.section#event_type .selector .event:nth-child(2) .icon_container .icon {
    background-color: #fdeafa;
}

.section#event_type .selector .event:nth-child(2) .icon_container .icon i {
    color: #e532bb;
}

.section#event_type .selector .event:nth-child(3) .icon_container .icon {
    background-color: #ffe4e5;
}

.section#event_type .selector .event:nth-child(3) .icon_container .icon i {
    color: #ff4a50;
}

.section#event_type .selector .event:nth-child(4) .icon_container .icon {
    background-color: #e5fde8;
}

.section#event_type .selector .event:nth-child(4) .icon_container .icon i {
    color: #109821;
}

.section#event_type .selector .event .event_details {
    text-align: center;
}

.section#event_type .selector .event .event_details .title {
    font-weight: 500;
    margin-bottom: 12px;
}

.section#event_type .selector .event .event_details .description {
    font-size: 11pt;
}

.section#event_type input[type="radio"] {
    visibility: hidden;
}

.section .nav_buttons {
    width: 100%;
    padding: 50px 10%;
    margin-bottom: 40px;
    display: flex;
    justify-content: right;
}

.section .nav_buttons .button {
    padding: 8px 26px;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s;
    margin-left: 10px;
}

.section .nav_buttons .button.next {
    background-color: #396bd6;
    color: #fff;
}

.section .nav_buttons .button.next:hover {
    background-color: #2557c2;
}

.section .nav_buttons .button.previous {
    background-color: transparent;
    color: #396bd6;
    border: 1px solid #396bd6;
    transition: all .2s;
}

.section .nav_buttons .button.previous:hover {
    background-color: #f1f1f1;
}

.section#victim .content_area, .section#author .content_area, .section#report .content_area {
    width: 100%;
    padding: 0 10%;
    display: flex;
    justify-content: center;
}

.section#victim .content_area .content, .section#author .content_area .content, .section#report .content_area .content {
    background-color: #fff;
    width: 700px;
    padding: 40px;
    border: 2px solid rgba(123,123,123,0.1);
    box-shadow: 0 0 10px rgba(123,123,123,0.05);
    border-radius: 6px;
}

.section#victim .content_area .content label, .section#author .content_area .content label, .section#report .content_area .content label {
    margin-bottom: 15px;
    display: block;
}

.section#victim .content_area .content input, .section#author .content_area .content input, .section#report .content_area .content textarea {
    width: 100%;
    border: 2px solid rgba(123,123,123,0.05);
    padding: 15px;
    outline: none;
    border-radius: 6px;
    font-size: 11pt;
}

.section#report .content_area .content textarea {
    resize: none;
    height: 300px;
}

.section#success .content_area {
    width: 100%;
    min-height: calc(100vh - 60.8px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.section#success .content_area .content {
    width: 700px;
    background-color: #fff;
    padding: 80px;
    border: 2px solid rgba(123,123,123,0.1);
    box-shadow: 0 0 10px rgba(123,123,123,0.05);
    border-radius: 6px;
}

.section#success .content_area .content .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.section#success .content_area .content .icon i {
    font-size: 34pt;
    color: #109821;
}

.section#success .content_area .content h4 {
    text-align: center;
    font-size: 16pt;
    margin-bottom: 10px;
}

.section#success .content_area .content h5 {
    text-align: center;
    margin-bottom: 50px;
}

.section#success .content_area .content .btn_area {
    display: flex;
    justify-content: center;
}

.section#success .content_area .content .btn {
    padding: 8px 26px;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s;
    margin-left: 10px;
    background-color: #396bd6;
    color: #fff;
}

.section#files .content_area .content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 5%;
}

.section#files .content_area .content .upload_section {
    width: 100%;
    background-color: #ecf4fa;
    padding: 40px;
    border: 1px dashed #4788ff;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.section#files .content_area .content .upload_section .icons {
    position: relative;
    width: fit-content;
    margin-bottom: 40px;
}

.section#files .content_area .content .upload_section .icons .bx-file {
    font-size: 50pt;
    color: #70c1fd;
}

.section#files .content_area .content .upload_section .icons .bx-arrow-big-up-line {
    font-size: 15pt;
    position: absolute;
    bottom: -10px;
    right: -10px;
    color: #ffffff;
    background-color: #2986cb;
    padding: 8px;
    padding-top: 10px;
    border-radius: 100%;
}

.section#files .content_area .content .upload_section h3 {
    color: #434343;
    font-size: 11pt;
}

.section#files .content_area .content input[type="file"] {
    display: none;
}

.section#files .content_area .content .loaded_files {
    width: 100%;
    margin-top: 30px;
}

.section#files .content_area .content .loaded_files .file {
    width: 100%;
    background-color: #ecf4fa;
    border-radius: 6px;
    padding: 10px 20px;
    display: flex;
    flex-flow: row nowrap;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    cursor: pointer;
}

.section#files .content_area .content .loaded_files .icon {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.section#files .content_area .content .loaded_files .icon i {
    font-size: 16pt;
    background-color: #fff;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.3);
    color: #376d95;
}

.section#files .content_area .content .loaded_files .file_details {
    width: 100%;
    padding-right: 10px;
}

.section#files .content_area .content .loaded_files .file_details .name {
    font-size: 10pt;
    font-weight: 500;
}

.section#files .content_area .content .loaded_files .file_details .size {
    font-size: 10pt;
    color: #6b6b6b;
}

.section#files .content_area .content .upload_param {
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
}

.section#files .content_area .content .upload_param p {
    color: #767676;
    font-size: 10pt;
}

.mainContent {
    width: 100%;
    min-height: calc(100vh - 125.6px);
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #69078d;
}

.mainContent#home .overlay .texture {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/images/app/overlay_texture.png);
    background-repeat: repeat;
    opacity: 0.4;
}

.mainContent#home .overlay .background {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mainContent#home .overlay .background img {
    width: 600px;
    position: absolute;
    bottom: 0;
    right: 20%;
}

.mainContent#home .overlay_content {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mainContent#home .overlay_content .texts {
    width: 100%;
    padding: 150px 20%;
}

.mainContent#home .overlay_content .texts .impact_text {
    font-size: 24pt;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 3px #000;
}

.mainContent#home .overlay_content .texts .title_block {
    background-color: #2c56e7;
    padding: 5px 30px;
    width: fit-content;
    font-size: 27pt;
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
}

.mainContent#home .overlay_content .texts .subtitle_block {
    background-color: #b03dda;
    padding: 5px 30px;
    width: fit-content;
    font-size: 27pt;
    color: #fff;
    font-weight: 600;
}

.mainContent#home .overlay_content .texts .description {
    color: #fff;
    margin: 20px 0;
    max-width: 400px;
    text-shadow: 0 0 3px #000;
}

.mainContent#home .overlay_content .texts .wizard_button {
    background-color: #b03dda;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    display: block;
    margin-top: 20px;
    width: fit-content;
    cursor: pointer;
    transition: all .2s;
}

.mainContent#home .overlay_content .texts .wizard_button:hover {
    background-color: #7c00a9;
}

.mainContent#home .overlay_content .texts .divisor {
    width: 160px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.34);
    margin-top: 40px;
}

.section#login form {
    background-color: #fff;
    width: 400px;
    padding: 40px;
    margin: 0 auto;
    margin-top: 200px;
    box-shadow: 0 0 4px rgba(123, 123, 123, 0.1);
}

.section#login form .form-title {
    font-size: 16pt;
    text-align: center;
    margin-bottom: 60px;
}

.section#login form label {
    display: block;
    color: #6b6b6b;
    margin-bottom: 5px;
}

.section#login form input {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid rgba(123,123,123,0.15);
    padding: 10px 20px;
    border-radius: 6px;
    transition: all .2s;
}

.section#login form input:focus {
    border: 1px solid rgba(123,123,123,0.8);
}

.section#login form .submit {
    width: 100%;
    display: block;
    border-radius: 6px;
    padding: 10px 0;
    cursor: pointer;
    background-color: #b03dda;
    color: #fff;
    transition: all .2s;
}

.section#login form .submit:hover {
    background-color: #971ac5;
}

@media screen and (max-width: 725px) {
    .section#event_type .selector {
        justify-content: center;
    }
}

@media screen and (max-width: 1550px) {
    .mainContent#home .overlay_content .texts {
        padding: 150px 10%;
    }

    .mainContent#home .overlay .background img {
        right: 10%;
    }
}

@media screen and (max-width: 1200px) {
    .mainContent#home .overlay .background img {
        width: 500px;
    }
}

@media screen and (max-width: 750px) {
    .mainContent#home .overlay .background img {
        right: -34%;
    }
}