:root{
  --color1: #4c4c4c;
  --color2: #000000;
  --color3: #dfdfdf;
  --color4: #5c5c62;
  --color5: #ffffff; 
  --color6: #7a7a7a;
  --color7: #ededed;
}
.div-aviso{ min-width: 300px; background: #70a83b; position: fixed; z-index: 9999; top: 17%; right: 1%; box-shadow: 0 0 5px 0 #000; padding: 20px 20px; display: none;}
.div-aviso p{ font: 20px montserrat; font-weight: 600; color: #fff; text-align: center;}

.container-login{ width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: #edefef;}
.container-login .login { float: left; width: 300px; background: #fff; padding: 20px; border-radius: 5px;}
.container-login .login form{ width: 100%; float: left; padding: 0; border: solid 0px #dee2e6;}
.container-login .login form input { width: 100%; height: 45px; float: left; padding: 0 20px; border: none; font: 13px montserrat; font-weight: 400;; color: #35302c; border-radius: 5px; margin: 0 0 20px 0; box-shadow: inset 0px 0px 0px 1px #ced4da;}
.container-login .login form button { width: 100%; height: 45px; float: left; border: none; font: 15px montserrat; font-weight: 400;; color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #78c47d; padding: 0;}
.container-login .login form button:hover { background: #066736;}  
.input-login{ background: url(../../img/painel-img/user.svg) no-repeat center right 20px #fff; background-size: 15px;}
.input-senha{ background: url(../../img/painel-img/lock.svg) no-repeat center right 20px #fff; background-size: 15px;}
.login form input::-webkit-input-placeholder{ color: #35302c; font: 13px montserrat; font-weight: 400;;}
.login form input:placeholder-shown{ color: #35302c; font: 13px montserrat; font-weight: 400;;}
.login form input:-ms-input-placeholder{ color: #35302c; font: 13px montserrat; font-weight: 400;;}

.menu-blog { width: 100%; height: 40px; float: left; background: #282828; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; z-index: 999;}
.logo-blog { width: 250px; height: 100%; float: left; background: #282828; display: flex; align-items: center; color: #fff; padding: 0 1%; font: 14.5px montserrat; font-weight: 400;;}
.sair { height: 100%; padding: 0 30px; float: right; font: 15px montserrat; font-weight: 700; color: #fff; margin: 0; display: flex; align-items: center; background: #282828;}
.sair i{ background: url(../../img/painel-img/logout.svg) no-repeat center; padding: 10px 8px; background-size: 15px; margin: 0 0 0 15px;}

.margin{ width: 100%; float: left; margin: 40px 0 0 0;}
.menu-lateral { width: 250px; float: left; height: 100vh; z-index: 1; position: fixed; overflow: auto; box-shadow: inset -1px 0 0 rgb(0 0 0 / 10%); background: #7a7a7a;}
.menu-lateral a,
.menu-lateral .link{ float: left; width: 100%; padding: 10px 10% 10px; color: #fff; font: 12.5px montserrat; font-weight: 400;; border-bottom: solid 1px rgb(98 98 98)}
.menu-lateral .link{padding: 0;user-select: none;}
.menu-lateral .link:hover{cursor: pointer;}
.menu-lateral .link > p{padding: 10px 10%;border-bottom: 1px solid #0000;}
.menu-lateral .link:hover > p{border-color: #efefef;}
.menu-lateral .link > .sub-paginas a{padding-left: 15%;}
.menu-lateral a:hover{ background: rgb(98 98 98);}
.menu-lateral a p{ color: #fff; height: 100%; vertical-align: middle; display: table-cell; font: 13px montserrat; font-weight: 400;;}
.ativo-menu-lateral{ background: rgb(98 98 98);}

.engloba-container-blog{ width: calc(100% - 250px); float: right; background: #edefef;}
.engloba-input-post { width: 96%; float: left; display: flex; justify-content: space-between; margin: 68px 2% 650px; flex-flow: wrap;}
.engloba-input-post-p { width: 100%; float: left; border-bottom: 1px solid #ccc; font: 20px montserrat; font-weight: 700; color: #282828; padding: 0 0 10px; margin: 0 0 20px; text-transform: uppercase;}
.form-blog { width: 100%; float: left; padding: 30px; border: solid 1px #dee2e6; border-radius: 5px; background: #fff; }
.form-blog .input-post { width: 100%; float: left; margin: 0 0 30px 0;}
.form-blog .input-post select,
.form-blog .input-post input,
.form-blog .input-post .input { width: 100%; height: 45px; float: left; border: none; box-shadow: 0 0 0 1px #dee2e6; padding: 0 10px; border-radius: 5px;}
.form-blog .input-post .titulo-input-post { width: 100%; float: left; font: 14px montserrat; font-weight: 400;; color: #676767; margin: 0 0 10px 0; }
.form-blog .input-post .titulo-input-post i { color: red }
.form-blog .input-post-2{ width: 100%; float: left; margin: 0 0 30px 0;}
.form-blog .input-post-2 .titulo-input-post { width: 100%; float: left; font: 14px montserrat; font-weight: 400;; color: #676767; margin: 0 0 10px 0; }
.form-blog .input-post-2 .file-foto-pg{ display: none;}
.form-blog .input-post-2 .label-foto{ padding: 0 1%; border-radius: 5px; display: flex; text-align: left; justify-content: left; align-items: center; background: url(../img/painel-img/upload.svg) no-repeat center right 20px; font: 13px montserrat; font-weight: 400;; color: #676767; cursor: pointer; background-size: 30px;}
.form-blog .input-post-2 .note-editor.note-frame { margin: 0; float: left; width: 100%;}
.form-blog .input-post-2 .engloba-img-post-new { width: 300px; float: left; display: flex; justify-content: center;}
.form-blog .input-post-2 .engloba-img-post-new img { width: 100%; float: left; margin: 0 0 15px 0; box-shadow: 0 0 0 1px #dee2e6; padding: 15px; border-radius: 5px;}
.form-blog .btn-blog { height: 45px; padding: 0 30px; border-radius: 5px; float: left; display: flex; align-items: center; cursor: pointer; background: #0b5ed7; border: solid 1px #0a58ca; }
.form-blog .btn-blog p{ width: 100%; float: left; font: 14.5px montserrat; font-weight: 400;; color: #ffffff; text-align: center;}
.engloba-input-buscar{width: 100%;float: left;margin: 0 0 40px 0;}
.engloba-input-buscar p{width: 100%;float: left;font:12px montserrat; font-weight: 700;}
.engloba-input-buscar input{width: 300px;height: 42px;float: left;padding: 0 0 0 10px;margin: 10px 0 0 0;}
.container-listar-posts{ width: 102%; margin: 0 0 0 -1%; float: left; display: flex; flex-flow: wrap; justify-content: center;}
.container-listar-posts .listar-post { width: 23%; float: left; margin: 1%; box-shadow: 0 0 0px 1px #dee2e6; border-radius: 5px;}
.container-listar-posts .listar-post span { width: 100%; float: left; margin: 0; background: rgba(0,0,0,.03); height: 60px; border-bottom: solid 1px #dee2e6; display: flex; align-items: center; justify-content: center; text-align: center; }
.container-listar-posts .listar-post span p{ float: left; width: 90%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font: 12.5px montserrat; font-weight: 600; color: #676767; line-height: 18px;}
.container-listar-posts .listar-post strong { width: calc(100% - 20px); float: left; margin: 10px 10px;}
.container-listar-posts .listar-post strong .bloco-lista-img{ width: 100%; float: left; /*height: 150px;*/ display: flex; justify-content: center; align-items: center; margin: 0 0 10px;}
.container-listar-posts .listar-post strong .bloco-lista-img img { float: left; max-width: 100%; max-height: 100%; box-shadow: 0px 0px 0px 1px #dee2e6; border-radius: 5px;}
.container-listar-posts .listar-post strong .ver-post{ float: left; margin: 10px 0 0; font: 12.5px montserrat; font-weight: 400;; color: #676767;}
.container-listar-posts .listar-post strong .engloba-btn-listar { width: 100%; float: left; display: flex; justify-content: space-between;}
.container-listar-posts .listar-post strong .engloba-btn-listar .btn-atulizar-listar-posts { width: 48%; height: 45px; float: left; background: url(../../img/painel-img/edit.svg)no-repeat center #0069d9; background-size: 15px; border-radius: 5px; cursor: pointer; border: solid 1px #0062cc;}
.container-listar-posts .listar-post strong .engloba-btn-listar .btn-atulizar-listar-posts:hover { background: url(../../img/painel-img/edit.svg) no-repeat center #0056b2; background-size: 15px; }
.container-listar-posts .listar-post strong .engloba-btn-listar .btn-apagar-listar-posts { width: 48%; height: 45px; float: left; background: url(../../img/painel-img/trash.svg) no-repeat center #c82333; background-size: 15px; border-radius: 5px; margin: 0; cursor: pointer; border: solid 1px #bd2130;}
.container-listar-posts .listar-post strong .engloba-btn-listar .btn-apagar-listar-posts:hover{  background: url(../../img/painel-img/trash.svg)no-repeat center #a41f2c; background-size: 15px;}
.engloba-paginacao{width: 100%;float: left; text-align:center; margin:20px 0 20px 0; } 
.engloba-paginacao .paginacao { width: 45px; padding: 10.5px 0; font: 20px montserrat; font-weight: 700; color: #066736; margin: 0 5px; display: inline-block; border-radius: 5px; border: solid 1px #066736; background: #78c47d;}
.engloba-paginacao .paginacao:hover { background: #066736 !important; color: #78c47d !important;} 
.engloba-paginacao .ativo-paginacao { background: #066736 !important; color: #78c47d !important;} 

.container-posts{width: 100%;float: left;}
.engloba-posts{width: 100%;float: left;display: flex;justify-content: space-around;flex-flow: wrap;margin: 53px 0 0 0;}
.posts{width: 27%;float: left;display: flex;justify-content: space-between;flex-flow: column;margin: 0 0 40px 0;align-items: center;}
.img-posts{max-width: 100%;max-height: 329px;float: left;}
.titulo-posts{width: 100%;float: left;font: 20px montserrat; font-weight: 700;color: #363e76;line-height: 18.03px;text-align: center;margin: 30px 0 0 0;line-height: 25px;}
.breve-descricao-post{width: 100%;float: left;font: 15px montserrat; font-weight: 400;;color: #5a5a5a;line-height: 25px;text-align: center;margin: 20px 0 0 0;}
.saiba-mais-posts{width: 153px;height: 50px;float: left;background: #428de8;border-radius: 60px;display: flex;align-items: center;margin: 29px 0 0 0;}
.saiba-mais-posts p{ float: left; font:500 11.5px montserrat; color: #fff; margin: 0 0 0 28px;}
.icon-saiba-mais-posts{ width: 28px; height: 28px; float: left; background: url(../../img/painel-img/arrow-right.svg) no-repeat center #363e76; background-size: 8px; border-radius: 60px; margin: 0 0 0 15px;}

.container-post{width: 100%;float: left;margin: 52px 0 0 0;}
.engloba-img-post{width: 100%; float: left; display: flex; justify-content: center;}
.img-post{max-width: 100%;max-height: 330px;}
.engloba-post{width: 100%;float: left;} 
.engloba-info-post{width: 100%;float: left;}
.titulo-post{width: 100%;float: left;font: 22px montserrat; font-weight: 700;color: #363e76;text-align: center;line-height: 18.03px;margin: 35px 0 0 0;}
.texto-post{width: 100%;float: left;font: 14.5px montserrat; font-weight: 400;;color: #5a5a5a;line-height: 26px;margin: 35px 0 0 0;}
.texto-post ul {list-style: unset;}
.texto-post ol {list-style: decimal;}
.engloba-compartilhamento{width: 100%;float: left;margin: 55px 0;display: flex;align-items: center;justify-content: center;}
.compartilhar-facebook{width: 195px;height: 51px;float: left;box-shadow:inset 0 0 0px 2px #5298f4;border-radius: 60px;display: flex;align-items: center;justify-content: space-between;}
.compartilhar-facebook p{float: left;font: 12px montserrat; font-weight: 500;;color: #646464;margin: 0 0 0 25px;}
.icon-facebook{ width: 54px; height: 54px; float: left; background: url(../../img/blog-img/facebook.svg) no-repeat center #3b5998; background-size: 20px; border-radius: 60px;}
.compartilhar-whatsapp{ width: 54px; height: 54px; float: left; background: url(../../img/blog-img/whatsapp.svg) no-repeat center #95cb61; background-size: 19px; border-radius: 60px; margin: 0 0 0 14px;}

.t-depoimento{ float: left; width: 100%; margin: 40px 0 0; background: #fff; box-shadow: inset 1px 1px 0px 0px #dee2e6; border-radius: 5px;}
.t-depoimento .t-depoimento-tr{ float: left; width: 100%;}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td{ float: left; height: 30px; display: flex; align-items: center; box-shadow: inset -1px -1px 0px 0px #dee2e6;}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td p { float: left; margin: 0 5%; width: 90%;}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td.td1{ width: 20%}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td.td2{ width: 60%}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td.td3{ width: 10%}
.t-depoimento .t-depoimento-tr .t-depoimento-tr-td.td4{ width: 10%}

.loading{ display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.20);}
.engloba-loading{width: 100%;height: 100%;position: fixed;top: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;}
.square-center{ width: 100px; height: 100px; background: #0000006e; display: flex; align-items: center; justify-content: center; border-radius: 5px;}

.engloba-login { float: left; background: #fff; border-radius: 10px; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.13); max-width: 400px; width: 80%}
.lds-roller { display: inline-block; position: relative; width: 64px; height: 64px; }
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px;}
.lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 50px; left: 50px;}
.lds-roller div:nth-child(2) { animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after { top: 54px; left: 45px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 57px; left: 39px;}
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 58px; left: 32px;}
.lds-roller div:nth-child(5) { animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after { top: 57px; left: 25px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 54px; left: 19px;}
.lds-roller div:nth-child(7) { animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after { top: 50px; left: 14px;}
.lds-roller div:nth-child(8) { animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after { top: 45px; left: 10px;}
@keyframes lds-roller {
0% {transform: rotate(0deg);}
100% { transform: rotate(360deg);} 
}

.form-blog .row{width: 100%;float: left;display: flex;align-items: stretch;justify-content: space-between;gap: 20px;}
.form-blog .row::before, .form-blog .row::after{display: none;}
.form-blog .row > *{width: auto;flex: 1 1 auto;float: none;}

.form-blog .sites-ja-feitos{width: 100%;float: left;display: flex;align-items: flex-start;justify-content: flex-start;gap: 20px 35px;margin: 20px 0;flex-wrap: wrap;}
.form-blog .sites-ja-feitos .site{flex: 0 0 270px;position: relative;}
.form-blog .sites-ja-feitos .site .remover-site{width: 27px;height: 27px;position: absolute;right: -14px;top: -14px;background: #f52e2e;border-radius: 50%;color: #fff;font: 12.5px montserrat; font-weight: 700;display: flex;align-items: center;justify-content: center;user-select: none;}
.form-blog .sites-ja-feitos .site .remover-site:hover{cursor: pointer;}
.form-blog .sites-ja-feitos .site .imagem-upload{margin: 0 auto 20px;height: 200px;border-radius: 50%;background: #f52e2e;width: 200px;box-shadow: 0 0 20px -5px #000;}
.form-blog .sites-ja-feitos .site .imagem-upload input{display: none;}
.form-blog .sites-ja-feitos .site .imagem-upload label{width: 100%;height: 100%;background: url('../../img/painel-img/upload.svg') no-repeat center center;border-radius: 50%;float: none;position: relative;background-size: 95px;}
.form-blog .sites-ja-feitos .site .imagem-upload label:hover{cursor: pointer;}
.form-blog .sites-ja-feitos .site .imagem-upload .imagem-selecionada{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.form-blog .sites-ja-feitos .site .imagem-upload .imagem-selecionada img{width: 100%;height: 100%;object-fit: cover;}
.form-blog .sites-ja-feitos .site .imagem-upload .imagem-selecionada img[src]{background: #ccc;}
.form-blog .sites-ja-feitos .site input{height: 35px;float: none;margin: 0 0 20px;}
.form-blog .sites-ja-feitos .site input::placeholder{color: #676767;font: 13.5px montserrat; font-weight: 400;;}
.form-blog .sites-ja-feitos .site input:placeholder-shown{color: #000;font: 13.5px montserrat; font-weight: 400;;}
.form-blog .sites-ja-feitos .site textarea{width: 100%;height: 150px;resize: none;box-shadow: 0 0 0 1px #dee2e6;border-radius: 5px;padding: 10px;border: none;}
.form-blog .sites-ja-feitos .adicionar-site{flex: 0 0 270px;background: url('../../img/painel-img/icones/plus2.svg') no-repeat center center, #70a83b;align-self: stretch;margin: 10px 10px 20px;border-radius: 10px;box-shadow: 0 0 3px -1px #000;background-size: 35px;height: 300px;}
.form-blog .sites-ja-feitos .adicionar-site:hover{cursor: pointer;}

.form-blog .input-post .slides-input-label{width: 100%;float: left;margin: 0 0 20px;}
.form-blog .input-post .slides-input-label input{display: none;}
.form-blog .input-post .slides-input-label .background{width: 100%;box-shadow: 0 0 0 1px #dee2e6;border-radius: 7px;padding: 10px;}
.form-blog .input-post .slides-input-label .background p{font: 16px montserrat; font-weight: 400;;color: #000;}
.form-blog .slides-container{width: 100%;float: left;display: flex;align-items: center;justify-content: flex-start;gap: 20px 35px;flex-wrap: wrap;}
.form-blog .slides-container .slide{flex: 0 0 420px;padding: 20px;border-radius: 7px;box-shadow: 0 0 0 1px #edefef;height: 129px;position: relative;}
.form-blog .slides-container .slide .slide-label{width: 100%;height: 100%;}
.form-blog .slides-container .slide .slide-label input{display: none;}
.form-blog .slides-container .slide img{width: 100%;height: 100%;object-fit: cover;}
.form-blog .slides-container .slide .remove{width: 20px;height: 20px;position: absolute;right: -10px;top: -10px;border-radius: 50%;background: #f52e2e;color: #fff;display: flex;align-items: center;justify-content: center;font: 12.5px montserrat; font-weight: 700;user-select: none;}
.form-blog .slides-container .slide .remove:hover{cursor: pointer;}

.form-blog .barrinha-container{width: 100%;float: left;}
.form-blog .barrinha-container .barrinha{display: flex;align-items: stretch;justify-content: space-between;}
.form-blog .barrinha-container .barrinha.padding-left p{padding-left: 50px;}
.form-blog .barrinha-container .barrinha.total{border: 1px solid #000;background: none;border-left: none;}
.form-blog .barrinha-container .barrinha.total p{padding: 20px 20px;font-size: 18px;line-height: 28px;}
.form-blog .barrinha-container .barrinha:nth-child(1) p{padding: 10px;font-family: montserrat; font-weight: 600;}
.form-blog .barrinha-container .barrinha.par{background: #efefef;}
.form-blog .barrinha-container .barrinha p{flex: 1 1 100%;display: flex;align-items: center;justify-content: flex-start;padding: 5px 10px;font: 16px montserrat; font-weight: 400;;color: #000;border-right: 1px solid #dee2e6;border-left: 1px solid #000;}
.form-blog .barrinha-container .barrinha .preview-img{flex: 0 0 90px;padding: 10px 20px;height: 60px;position: relative;}
.form-blog .barrinha-container .barrinha .preview-img > *{display: block;width: 100%;height: 100%;object-fit: contain;}
.form-blog .barrinha-container .barrinha .preview-img .on-top{position: absolute;left: 0;top: 0;background: #0006;display: grid;place-items: center;padding: 0;border: none;margin: 0;justify-content: center;align-items: center;font-family: montserrat-extrabold;}
.form-blog .barrinha-container .barrinha .preview-img .on-top > *{background: #fffe;padding: 5px;border-radius: 3px; font-family: montserrat;}
.form-blog .barrinha-container .barrinha > a{flex: 1 1 100%;display: flex;}
.form-blog .barrinha-container .barrinha .acoes{flex: 0 0 7%;gap: 10px;}
.form-blog .barrinha-container .barrinha .acoes > *{width: 15px;height: 15px;background-size: contain !important;}
.form-blog .barrinha-container .barrinha .acoes > *:hover{cursor: pointer;}
.form-blog .barrinha-container .barrinha .acoes .editar{background: url('../../img/painel-img/icones/edit.svg') no-repeat center center;}
.form-blog .barrinha-container .barrinha .acoes .remover{background: url('../../img/painel-img/icones/trash.svg') no-repeat center center;}
.form-blog .barrinha-container .barrinha b.green{color: #227e30;}
.form-blog .barrinha-container .barrinha b.red{color: #a02a2a;}


.engloba-input-post .form-blog label .input[type="file"]{display: none;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview{width: 175px;height: auto;display: block;position: relative;background: #ccc;aspect-ratio: 1/1;max-width: 100%;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview .preview-item{width: 100%;height: 100%;object-fit: contain;display: block;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview .preview-item > *{width: 100%;height: 100%;object-fit: contain;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview .hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--color2);display: flex;align-items: center;justify-content: center;opacity: 0;transition: .4s;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview:hover .hover{cursor: pointer;opacity: .75;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview .hover i{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.engloba-input-post .form-blog label .input[type="file"] ~ .preview .hover i svg{width: 100%;height: 100%;}

.form-blog .paginas-painel{margin: 0 0 45px;display: block;float: left;width: 100%;}

.form-blog .input-post .background-imagem-container{width: 226px;height: 226px;background: #ff1b00;border-radius: 50% 10px 50% 50%;float: left;margin: 87px 0 0;position: relative;}
.form-blog .input-post .background-imagem-container img{width: 100%;height: calc(100% + 87px);position: absolute;bottom: 0;left: 0;object-fit: contain;border-radius: 0 0 113px 113px;object-position: center bottom;}

.form-blog .input-post .banner-imagem-container{width: 400px;height: 123px;float: left;background: #ccc;padding: 10px;}
.form-blog .input-post .banner-imagem-container img{width: 100%;height: 100%;object-fit: cover;}

.form-blog .input-post .slide-imagem-container{width: 400px;height: 123px;float: left;background: #ccc;padding: 10px;}
.form-blog .input-post .slide-imagem-container img{width: 100%;height: 100%;object-fit: cover;}

.form-blog .input-post .especializacao-imagem-container{width: 200px;height: 200px;float: left;background: #ccc;padding: 10px;}
.form-blog .input-post .especializacao-imagem-container img{width: 100%;height: 100%;object-fit: cover;}

/* .select-js{position: relative;display: flex;flex-direction: column;align-items: stretch;float: left;width: 100%;}
.select-js > input:hover{cursor: pointer;}
.select-js > input:focus ~ .options{display: block;}
.select-js > .options:hover{display: block;}
.select-js .options{position: absolute;top: 100%;left: 0;width: 100%;box-shadow: 0 0 2px 0 var(--color1);display: none;background: var(--color5);z-index: 1;max-height: 350px;overflow-y: scroll;overflow-x: hidden;}
.select-js .options::-webkit-scrollbar{background: transparent;width: 6px;}
.select-js .options::-webkit-scrollbar-track{background: var(--color7);}
.select-js .options::-webkit-scrollbar-thumb{background: var(--color1);border-radius: 10px;}
.select-js .options .item{display: block;padding: 10px;font: 14px montserrat;font-weight: 400;border: 1px solid transparent;}
.select-js .options .item[hidden]{display: none;}
.select-js .options .item:hover,
.select-js .options .item[hover]{background: var(--color7);cursor: pointer;}
.select-js .options .item[hover]{border-color: #4d87c5;} */

.select-js .header{position: relative;margin: 0 0 15px;float: left;width: 100%;}
.select-js .selected-options{display: flex;align-items: center;justify-content: flex-start;gap: 5px;flex-wrap: wrap;float: left;width: 100%;}
.select-js .selected-options .item{display: inline-block;padding: 5px 10px;border-radius: 15px;background: #343434;color: #fff;box-shadow: 0 0 2px #000;font: 14.5px var(--font1);user-select: none;}
.select-js .selected-options .item:hover{cursor: pointer;}
.select-js .select{height: 35px;display: block;box-sizing: border-box;width: 100%;}
.select-js .options{position: absolute;top: 100%;left: 0;width: 100%;height: auto;max-height: 400px;overflow-y: scroll;border-radius: 0 0 2px 2px;box-shadow: 0 0px 2px 1px #0000006b;background: #fff;display: none;z-index: 100;}
.select-js.active .options{display: block;}
.select-js .options .option{font: 14.5px var(--font1);color: #000;display: block;}
.select-js .options .option:hover{cursor: pointer;}
.select-js .options .option input{display: none;}
.select-js .options .option p{padding: 7px 12px;}
.select-js .options .option input:checked ~ p{background: #407cd1;color: #fff;}

.ogg-pagina{position: relative;padding: 0 50px 0 0;width: 100%;box-sizing: border-box;float: left;margin: 0 0 10px;}
.ogg-pagina .remove{position: absolute;right: 0;top: 0;width: 45px;height: 100%;background: #d24;display: grid;place-items: center;color: #fff;font: 16px montserrat; font-weight: 700;user-select: none;border-radius: 3px;box-shadow: 0 0 2px 0 #000;}
.ogg-pagina .remove:hover{cursor: pointer;}
.ogg-pagina:first-of-type{padding: 0;}
.ogg-pagina:first-of-type .remove{display: none;}

.ogg-add-pagina{height: 45px;aspect-ratio: 3/1;border-radius: 3px;box-shadow: 0 0 2px 0 #000;font: 35px montserrat; font-weight: 700;color: #fff;background: #227e30;float: left;margin: 20px 0 0;display: grid;place-items: center;user-select: none;}
.ogg-add-pagina:hover{cursor: pointer;}