@font-face {
    font-family: 'manus';
    src: url('../fonts/manus-webfont.woff2') format('woff2'),
         url('../fonts/manus-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/** Base **/
*{
    font-family: 'Montserrat',sans-serif;
    box-sizing: border-box;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {
	margin:0;
	padding:0;
}
h1, h2,p,textarea,input {
	font-weight:normal; font-family: 'Montserrat',sans-serif;
}
strong, b{font-weight: 900; font-family: 'Montserrat',sans-serif;}
small {
	font-weight:300; font-size:12px;
}
html {
	-webkit-font-smoothing: antialiased;
}
body{
    padding-top: 70px;
    padding-bottom: 74px;
}
html {
	font-size: 100%;
}
a {
    color: #353535;
	text-decoration:none; cursor:pointer;
}
a, button,.item{
    transition:all 0.25s;
    -moz-transition: all 0.25s; /* Firefox 4 */
    -webkit-transition: all 0.25s; /* Safari and Chrome */
    -o-transition: all 0.25s; /* Opera */
}
li{
    transition:all 0.25s;
    -moz-transition: all 0.25s; /* Firefox 4 */
    -webkit-transition: all 0.25s; /* Safari and Chrome */
    -o-transition: all 0.25s; /* Opera */
}
h3{
    color: black;
    font-weight: 300;
    font-family: 'Montserrat',sans-serif;
}
h2{
    font-weight: 500;
    color: black;
}
p{
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Montserrat',sans-serif;
}
body{
    background-color: #F9F9F9;
    background-image: url('../img/site/conf-effect.png');
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
}
.hidden{
    display: none;
}
.btn-action{
    padding: 11px 17px;
    border-radius: 3px;
    background: #e0583f;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: 350ms ease;
    color: white;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    position: relative;
    top: 0;
    outline: none;
    border: 0;
}
.btn-action:hover{
    background: #BE422B;
    top: -5px;
}
.btn-action.btn-conf{
    padding: 13px 17px;
    background-color: #45AF22;
}
.btn-action img{
    margin-left: 12px;
    width: 12px;
}

/* ALERTAS */

.alerta{
    max-width: 90%;
    position:fixed;
    background:#fff;
    border-bottom:1px solid #ddd;
    display:table;
    margin:0;
    font-size:14px;
    font-weight: 300;
    bottom:95px;
    right:15px;
    z-index:9999;
    box-shadow:0px 3px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);
  }
  
  .alerta > div{
    display:table-cell;
    vertical-align: middle;
  }
  
  .alerta .titulo{
    font-weight: 600;
    margin:0;
    display:block;
    font-size:16px;
  }
  
  .alerta .fecha-alerta{
    display:table-cell;
    vertical-align:top;
    padding:10px;
    font-size:14px;
    display:block;
    color:#ccc;
  }
  
  .alerta .icone{
    color:#fff;
    padding:15px;
  }
  
  .alerta .text{
    padding:10px;
    width:240px;
    font-size:13px;
    color:#666;
  }
  
  .alerta.active{
    animation-name: alerta;
    animation-duration: 1s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
  }
  
  @keyframes alerta{
    0%{
      opacity:0;
      transform: translate(0,100%);
      -webkit-transform: translate(0,100%);
    }
    40%{
      transform: translate(0,0);
      -webkit-transform: translate(0,0);
    }
    60%{
      transform: translate(0,0) rotate(-15deg);
      -webkit-transform: translate(0,0) rotate(-15deg);
    }
    70%{
      transform: translate(0,0) rotate(10deg);
      -webkit-transform: translate(0,0) rotate(10deg);
    }
    80%{
      transform: translate(0,0) rotate(-5deg);
      -webkit-transform: translate(0,0) rotate(-5deg);
    }
    90%{
      transform: translate(0,0) rotate(2deg);
      -webkit-transform: translate(0,0) rotate(2deg);
    }
    100%{
      opacity:1;
      transform: translate(0,0) rotate(0deg);
      -webkit-transform: translate(0,0) rotate(0deg);
    }
  }
  
  
  #alerta {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  @keyframes cssAnimation {
    to {
      width:0;
      height:0;
      visibility:hidden;
    }
  }
  .alerta.active{
    border: 0;
    border-radius: 6px;
    background-color: #484848;
    display: flex !important;
    align-items: center;
}
.alerta .titulo{
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 500;
    color: white;
    line-height: 1.4em;
}
.alerta .titulo a{
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 500;
    color: white;
    text-decoration: underline;
}
.alerta .text{
    padding: 10px 0;
}
.alerta .fecha-alerta .fa{
    display: none;
}
.alerta .fecha-alerta{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../img/site/close-alerta.png');
    background-position: center;
    background-repeat: no-repeat;
}
.alerta.alerta-danger .wrap-icone .fa{
    display: none;
}
.alerta .wrap-icone{
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin: 0 4px 0 10px;
    background-color: none;
}
.alerta.alerta-danger .wrap-icone{
    background-image: url('../img/site/danger.png');
}
.alerta.alerta-warning .wrap-icone{
    background-image: url('../img/site/danger.png');
}
.alerta.alerta-warning .wrap-info{
    background-image: url('../img/site/danger.png');
}
.alerta.alerta-success .wrap-icone{
    background-image: url('../img/site/success.png');
}
.alerta.alerta-info{
    background-color: #0d4279;
}
.alerta.alerta-danger{
    background-color: #EC3942;
}
.alerta.alerta-warning{
    background-color: #f0ad4e;
}
.alerta.alerta-success{
    background-color: #30A84B;
}
.alerta .icone{
    display: none;
}

/** Header **/
.cabecalho-confraria{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #EBEBEB;
    background-color: white;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    justify-content: space-between;
    padding-right: 20px;
}
.cabecalho-confraria .left-header{
    width: 70px;
    height: 70px;
    border-right: 1px solid #EBEBEB;
    background-color: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.cabecalho-confraria .left-header img{
    width: 40px;
}
.logo-direita-header{
    display: none;
}
.cabecalho-confraria h1{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
}
.cabecalho-confraria .header-left{
    display: flex;
    align-items: center;
}
.cabecalho-confraria .header-right{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.cabecalho-confraria .header-right img{
    margin-left: 6px;
}
.cabecalho-confraria .header-right .user-prof-pic{
    width: 35px;
    height: 35px;
}
.drop-cabecalho{
    width: 200px;
    border-radius: 8px 1px 8px 8px;
    background-color: white;
    position: absolute;
    top: 40px;
    right: 0;
    box-shadow: 10px 8px 20px rgb(0 0 0 / 10%);
    list-style: none;
    padding: 16px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}
.drop-cabecalho li a{
    display: block;
    padding: 16px 24px;
}
.drop-cabecalho li a:hover{
    background-color: #f2f2f2;
}
.cabecalho-confraria .header-right:hover .drop-cabecalho{
    opacity: 1;
    visibility: visible;
}


/** Criação **/
.wrapper.criacao{
    width: 100%;
    margin: auto;
    padding: 20px 15px;
}
.box-criacao{
    box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    background-color: white;
    width: 100%;
}
.criacao-top{
    width: 100%;
    height: 227px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url('../img/site/criacao-conf-banner.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px 8px 0 0;
}
.criacao-top h2{
    font-size: 24px;
    color: white;
    line-height: 29px;
    margin-bottom: 6px;
    font-weight: bold;
}
.criacao-top p{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5em;
    color: white;
    margin-bottom: 24px;
    width: 214px;
}
.criacao-steps{
    width: 305px;
    display: flex;
    align-items: center;
}
.criacao-steps div{
    height: 12px;
    width: calc(50% - 2px);
    background: rgba(255,255,255,0.3);
    position: relative;
}
.criacao-steps div.step1{
    margin-right: 4px;
}
.criacao-steps div span{
    width: 24px;
    height: 24px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #266A10;
    background-color: white;
    color: #333333;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    z-index: 2;
    top: -6px;
    left: calc(50% - 12px);
}


.criacao-steps div.final span.step-final{
    display: flex;
}
.criacao-steps div.finished::before,
.criacao-steps div.active::before{
    content: "";
    display: block;
    height: 12px;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #45AF22;
}
.criacao-steps div.active span{
    display: flex;
}
.criacao-steps div.finished::before{
    width: 100%;
}

.step-box{
    display: none;
}
.step-box.active{
    display: block;
}
.criacao-steps div span.step-final{
    left: calc(100% - 12px);
    display: none;
}
.criacao-content{
    display: flex;
    flex-direction: column;
}
.criacao-content-left{
    width: 100%;
    display: flex;
    padding: 32px;
    justify-content: center;
    align-items: flex-start;
}
.criacao-content-right{
    width: 100%;
    background-color: #F9F9F9;
    border-top: 1px solid #EBEBEB;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.criacao-bottom{
    border-top: 1px solid #EBEBEB;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.conf-timeline-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.conf-timeline-item figure{
    width: 100%;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
}
.conf-timeline-item strong{
    font-size: 20px;
    font-weight: bold;
    color: #e0583f;
    line-height: 1.4em;
    margin-bottom: 4px;
}
.conf-timeline-item p{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
    color: #333333;
}
.conf-timeline-item p a{
    color: #e0583f;
    text-decoration: underline;
    cursor: pointer;
}
.criacao-content-right h3{
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 1.4em;
}
.criacao-bottom .secondary-bottom{
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    color: #333;
}
.input-box{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.input-box .label-box{
    padding-left: 20px;
    margin-bottom: -8px;
    display: block;
    position: relative;
}
.input-box label{
    font-size: 14px;
    font-weight: 500;
    color: #555;
    position: relative;
    z-index: 2;
}
.input-box .label-box::before{
    content: "";
    width: calc(100% - 20px);
    display: block;
    height: 2px;
    background-color: white;
    position: absolute;
    top: 11px;
    z-index: 1;
    left: 20px;
}
.input-box select,
.input-box input{
    width: 100%;
    border-radius: 2px;
    border: 1px solid #EBEBEB;
    background-color: white;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #333;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    transition: 250ms ease;
}
.input-box select:focus,
.input-box input:focus{
    border-color: #B4B4B4;
}
.list-inputs .input-box:not(:last-child){
    margin-bottom: 12px;
}
.btn-text{
    display: flex;
    align-items: center;
    margin-top: 16px;
    cursor: pointer;
}
.btn-text span{
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #e0583f;
}
.list-inputs{
    margin-bottom: 44px;
}
.delete-conf{
    display: none;
}
.clone .delete-conf{
    display: block;
    position: absolute;
    top: 28px;
    right: -35px;
    cursor: pointer;
}

.convite-item{
    height: 68px;
    background-color: white;
    border-radius: 200px;
    border: 1px solid #EBEBEB;
    padding: 8px 32px;
    display: flex;
    align-items: center;
}

.convite-item .conv-text strong{
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 230px;
}
.convite-item img.convite-item-image{
    width: 52px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid white;
}
.convite-item .conv-text span img{
    margin-right: 4px;
}
.convite-item .conv-text span{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
}
.convite-item .conv-text span.confirmado{
    color: #45AF22;
}
.convite-item .conv-text span.enviado{
    color: #E0583F;
}
.convite-item:not(:last-child){
    margin-bottom: 16px;
}
.lista-convites{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.convite-item > img{
    display: none;
}





/** Menu Confraria **/
.menu-confraria{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 74px;
    width: 100%;
    background-color: white;
    border-top: 1px solid #EBEBEB;
    z-index: 9999;
}
.menu-confraria .menu-top{
    display: none;
}
.menu-confraria .list-items{
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: stretch;
}
.menu-confraria .list-items li{
    border-right: 1px solid #EBEBEB;
    display: none;
    min-width: 25%;
    max-width: 25%;
}
.menu-confraria .list-items li:nth-child(1),
.menu-confraria .list-items li:nth-child(2),
.menu-confraria .list-items li:nth-child(3),
.menu-confraria .list-items li:nth-child(4){
    display: block;
}
.menu-confraria .list-items li:nth-child(4){
    border-right: 0;
}

.menu-confraria .list-items li a{
    padding: 8px;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #555;
    letter-spacing: -0.04em;
    transition: 250ms ease;
    text-indent: 0px;
    border-top: 4px solid transparent;
}
.menu-confraria .list-items li.active a{
    border-top: 4px solid #e0583f;
    color: #e0583f;
}
.menu-confraria .list-items li a img{
    margin-bottom: 4px;
}
.menu-confraria .list-items li.logout{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 0;
    border-top: 1px solid #EBEBEB;
}

/** Home Confraria **/
.wrapper-internal{
    width: 100%;
    padding: 20px 15px;
    display: flex;
    justify-content: center;
}
.container-conf{
    width: 1000px;
    max-width: 100%;
    margin: auto;
}
.conf-box{
    box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    background-color: white;
    padding: 20px 24px;
    margin-bottom: 20px;
}
.conf-box.no-padding{
    padding: 0;
}
.cover-confraria{
    width: 100%;
    height: 168px;
    border-radius: 8px 8px 0 0;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #E2E2E2;
}
.cover-confraria .change-picture{
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    transition: 250ms ease;
    opacity: 0.7;
}
.cover-confraria .change-picture:hover{
    opacity: 0.5;
}
.top-home-content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: -100px;
    padding: 0 24px;
    padding-bottom: 32px;
}
.top-home-content figure{
    min-width: 187px;
    width: 187px;
    height: 187px;
    border-radius: 50%;
    border: 5px solid white;
    margin: 0;
    padding: 0;
    margin-bottom: 24px;
    border-radius: 50%;
    position: relative;
}
.top-home-content figure .drop-picture{
    right: 24px;
    top: 100%;
    z-index: 999;
}
.top-home-content figure .profile-confraria{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(1.011);
}
.top-home-content figure .change-picture{
    position: absolute;
    bottom: 1px;
    right: 18px;
    cursor: pointer;
    transition: 250ms ease;
    border: 5px solid white;
    border-radius: 50%;
}
.top-home-content figure .change-picture:hover{
    opacity: 0.8;
}
.text-top-home{
    width: 100%;
}
.text-top-home h1{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.line-top-conf-home{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.left-top-home{
    margin-bottom: 16px;
}
.list-membros-home{
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    margin-left: -2px;
}
.list-membros-home img{
    width: 55px;
    height: 55px;
    border: 2px solid white;
    border-radius: 50%;
}
.list-membros-home img:not(:first-child){
    margin-left: -20px;
}
.left-top-home span{
    font-size: 14px;
    font-weight: normal;
    color: #555;
    line-height: 24px;
    display: block;
}
.list-kpis{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.kpi-item span{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #666666;
    margin-bottom: 5px;
    display: block;
    white-space: nowrap;
}
.kpi-item strong{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #e0583f;
    display: block;
    white-space: nowrap;
}
.kpi-item.green strong{
    color: #45AF22;
}
.list-kpis .kpi-item{
    margin-top: 16px;
}
.list-kpis .kpi-item:not(:last-child){
    margin-right: 16px;
}

.drop-picture{
    width: 200px;
    border-radius: 8px 1px 8px 8px;
    background-color: white;
    position: absolute;
    top: 60px;
    right: 12px;
    z-index: 99;
    box-shadow: 10px 8px 20px rgb(0 0 0 / 10%);
    list-style: none;
    padding: 16px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}
.drop-picture.active{
    opacity: 1;
    visibility: visible;
}
.drop-picture li div{
    display: block;
    padding: 16px 24px;
    cursor: pointer;
}
.drop-picture li div:hover{
    background-color: #f2f2f2;
}

.publish-home{
    display: flex;
    align-items: center;
}
.publish-home .publish-user-pic{
    display: none;
    object-fit: cover;
    border-radius: 50%;
}
.publish-home .input-publish-box{
    position: relative;
    width: 100%;
}
.publish-home .input-publish-box input,
.publish-home .input-publish-box textarea{
    width: 100%;
    height: 133px;
    border-radius: 20px;
    background-color: #FBFBFB;
    border: 1px solid #EBEBEB;
    padding: 16px 20px;
    padding-bottom: 52px;
    font-size: 16px;
    font-family: "Inter";
    line-height: 24px;
    color: #555;
    transition: 250ms ease;
    outline: none;
    box-shadow: none;
    resize: none;
}
.publish-home .input-publish-box input:focus,
.publish-home .input-publish-box textarea:focus{
    border-color: #B8B8B8;
}
.publish-home .list-uploads{
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
}
.publish-home .list-uploads img:first-child{
    margin-right: 16px;
}
.publish-home .list-uploads img{
    cursor: pointer;
    transition: 250ms ease;
    width: 24px;
    height: 24px;
}
.publish-home .list-uploads img:hover{
    opacity: 0.6;
}
.publish-home .publish-message{
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-left: 32px;
    background: transparent;
    color: #e0583f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Inter";
    border: 0;
    cursor: pointer;
    transition: 250ms ease;
    position: absolute;
    right: 20px;
    bottom: 0px;
}
.publish-home .publish-message:hover{
    opacity: 0.8;
}
.post-home *{
    font-family: "Inter";
}
.post-home .infos-post{
    display: flex;
    align-items: center;
}
.post-home .infos-post img{
    width: 56px;
    height: 56px;
    margin-right: 12px;
}
.post-home .infos-post strong{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    color: #333333;
    margin: 0;
}
.post-home .infos-post span{
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    color: #8B8B8B;
    margin: 0;
    display: block;
}
.post-home .post-content{
    font-size: 16px;
    color: #555555;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 12px;
}
.post-home .post-content p{
    font-size: 14px;
    color: #555555;
    line-height: 1.4em;
}
.post-galeria{
    width: 280px;
    margin: auto;
    display: flex;
    position: relative;
    margin-bottom: 20px;
}
.post-galeria .highlight{
    width: 183px;
    height: 163px;
    margin-right: 12px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.post-galeria .highlight a{
    width: 100%;
    height: 100%;
}
.post-galeria .highlight img,
.post-galeria .highlight video{
    height: 100%;
    width: auto;
}
.post-galeria .galeria-list{
    width: 94px;
    display: flex;
    flex-direction: column;
    height: 163px;
    justify-content: space-between;
    margin-left: 4px;
}
.post-galeria .galeria-list figure{
    width: 94px;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: none;
    margin-bottom: 4px;

}
.post-galeria .galeria-list figure a{
    width: 100%;
    height: 100%;
}
.post-galeria .galeria-list figure img,
.post-galeria .galeria-list figure video{
    height: 100%;
    width: auto;
}
.post-galeria .galeria-list figure:nth-child(1),
.post-galeria .galeria-list figure:nth-child(2){
    display: flex;
}
.post-galeria .galeria-list figure:nth-child(2){
    margin-bottom: 0;
}
.post-galeria .show-all-gallery{
    width: 94px;
    height: 79.5px;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(15px);
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: 250ms ease;
}
.post-galeria .show-all-gallery:hover{
    background: rgba(0, 0, 0, 0.6);
}

.post-galeria.aberto{
    flex-direction: column;
}
.post-galeria.aberto .show-all-gallery{
    display: none;
}
.post-galeria.aberto .highlight{
    width: 100%;
}
.post-galeria.aberto .galeria-list{
    width: 100%;
    margin-left: 0;
    margin-top: 0px;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.post-galeria.aberto .galeria-list figure{
    width: 32%;
    margin-right: 4px;
    margin-top: 4px;
    height: 70px;
    display: flex !important;
}
.post-galeria.aberto .galeria-list figure:nth-child(3n){
    margin-right: 0;
}
.post-galeria.aberto .galeria-list figure img,
.post-galeria.aberto .galeria-list figure video{
    width: 100%;
    height: auto;
}
.post-galeria.aberto .highlight img,
.post-galeria.aberto .highlight video{
    width: 100%;
    height: auto;
}
.post-galeria figure{
    transition: 250ms ease;
}
.post-galeria figure:hover{
    opacity: 0.8;
}

/** Comentários **/
.lista-comentarios{
    padding: 24px 0;
    margin: 24px 0;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}
.lista-comentarios .comentario-item-box{
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.lista-comentarios .comentario-item-box .flex-cont-comment{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.lista-comentarios > .comentario-item:last-child > .comentario-item-box{
    margin-bottom: 0;
}
.lista-comentarios .comentario-item-box .coment-prof{
    width: 56px;
    height: 56px;
    margin-right: 8px;
}
.lista-comentarios .comentario-item-box p{
    font-size: 14px;
    line-height: 1.4em;
    padding: 16px 24px;
    border-radius: 30px 30px 30px 2px;
    color: #555555;
    background: rgba(48, 46, 113, 0.05);
}
.lista-comentarios .comentario-item.response{
    padding-left: 64px;
}
.lista-comentarios .comentario-item.response:last-child{
    margin-bottom: 44px;
}
.reactions-comment{
    padding-left: 64px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.reactions-comment button{
    margin: 0;
    margin-right: 20px;
    padding: 0;
    box-shadow: none;
    outline: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: 250ms ease;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #555555;
}
.reactions-comment button.active{
    color: #e0583f;
}
.reactions-comment button:hover{
    opacity: 0.8;
}
.likes-count{
    position: absolute;
    bottom: -10px;
    right: 0px;
    display: flex;
    align-items: center;
    border-radius: 200px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    padding-right: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}
.likes-count.active{
    opacity: 1;
    visibility: visible;
}
.likes-count img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.likes-count span{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #555555;
}
.lista-comentarios .comentario-item.response .respond-comment{
    display: none;
}
.lista-comentarios .comentario-item .publish-home{
    margin-left: 64px;
    padding-top: 24px;
    border-top: 1px solid #EBEBEB;
    padding-bottom: 44px;
    display: none;
    margin-top: 24px;
}
.lista-comentarios .comentario-item .publish-home.active{
    display: block;
}
.confraria-cadastro .menu-confraria{
    display: none;
}
.comentarios-box .publish-home .input-publish-box input, 
.comentarios-box .publish-home .input-publish-box textarea{
    width: 100%;
    height: 56px;
    border-radius: 200px;
    background-color: #FBFBFB;
    border: 1px solid #EBEBEB;
    padding: 15px 20px;
    font-size: 16px;
    font-family: "Inter";
    line-height: 24px;
    color: #555;
    transition: 250ms ease;
    outline: none;
    box-shadow: none;
    resize: none;
    padding-right: 80px;
}
.comentarios-box .publish-home .publish-message{
    position: relative;
    margin-left: 0;
    right: 0;
}
.comentarios-box .publish-home .list-uploads{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    left: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    width: 50px;
}
.powerzap_open_button_iframe{
    display: none !important;
}

.list-items.more-page{
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-items.more-page li{
    margin-bottom: 16px;
}
.list-items.more-page li a{
    box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 24px 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #555555;
    background-color: white;
}
.list-items.more-page li a img{
    margin-right: 12px;
}

/** Vinhos/Adega **/
.topo-conf-default *{
    font-family: "Inter";
}
.topo-conf-default .topo-cover{
    width: 100%;
    border-radius: 8px 8px 0 0;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.topo-conf-default-content{
    padding: 24px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.topo-conf-default-content h1{
    font-size: 28px;
    line-height: 34px;
    margin: 0;
    margin-bottom: 12px;
    color: #333333;
    font-weight: bold;
}
.topo-conf-default-content ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.topo-conf-default-content ul li{
    margin-right: 8px;
    display: flex;
    align-items: center;
}
.topo-conf-default-content ul li a{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.topo-conf-default-content ul li a::after{
    content: "/";
    margin-left: 8px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-weight: normal;
}
.topo-conf-default-content ul li span{
    font-size: 14px;
    line-height: 24px;
    color: #e0583f;
    font-weight: 500;
}
.topo-conf-default .list-kpis .kpi-item{
    margin-right: 24px;
}
.topo-conf-default .list-kpis .btn-conf{
    margin-left: 0px;
    padding: 14px 20px;
    width: 100%;
    margin-top: 32px;
}
.left-topo-default{
    margin-bottom: 16px;
}

.vinho-adega-item{
    display: flex;
    flex-direction: column;
}
.vinho-adega-right-cont{
    padding: 24px;
    background-color: #F9F9F9;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    border-radius: 0 0 8px 8px;
}
.component-subtable{
    width: 100%;
}
.component-subtable .subtable-item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.component-subtable .subtable-item:not(:last-child){
    margin-bottom: 8px;
}
.component-subtable .subtable-item span{
    font-size: 15px;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
}
.component-subtable .subtable-item strong{
    font-size: 15px;
    line-height: 1.4em;
    color: #555555;
    font-weight: 600;
}
.component-subtable .subtable-item.after-divisor span{
    font-weight: 500;
}
.component-subtable .subtable-item strong.red{
    color: #e0583f;
}
.component-subtable .subtable-item strong.green{
    color: #45AF22;
}
.component-subtable .subtable-item strong.underlined{
    cursor: pointer;
    text-decoration: underline;
}
.component-subtable .divisor{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #EBEBEB;
    margin: 12px 0;
}
.vinho-adega-left{
    display: flex;
    padding: 0 24px;
    margin-top: -28px;
}
.vinho-adega-left-cont{
    width: 100%;
}
.vinho-adega-left .main-img-vinho{
    height: 150px;
    max-width: 100px;
    margin-right: 16px;
    object-fit: contain;
}
.vinho-adega-left-cont{
    padding-top: 60px;
}
.vinho-adega-box{
    margin-top: 76px;
}
.person-info{
    display: flex;
    align-items: center;
}
.person-info > img{
    width: 48px;
    height: 48px;
    margin-right: 12px;
    object-fit: cover;
    border-radius: 50%;
}
.person-info .texts-post strong{
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 1.2em;
    margin-bottom: 4px;
}
.person-info .texts-post span{
    font-size: 12px;
    line-height: 1.2em;
    font-weight: normal;
    color: #8B8B8B;
    display: block;
}
.wrapper-internal *{
    font-family: "Inter";
}
.vinho-adega-left-cont h2{
    font-size: 20px;
    line-height: 1.2em;
    color: #e0583f;
    font-family: "Manus";
    letter-spacing: 0.07em;
    margin: 0;
}
.vinho-adega-left-cont h3{
    font-size: 14px;
    line-height: 17px;
    color: #666666;
    letter-spacing: 0.17em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.toggle-see-more{
    margin-top: 16px;
    cursor: pointer;
}
.toggle-see-more .hidden{
    display: none;
}
.toggle-see-more span{
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #e0583f;
    line-height: 1.2em;
}
.toggle-see-more span img{
    margin-left: 4px;
}
.bottom-box-item{
    width: 100%;
    border-top: 1px solid #EBEBEB;
    border-radius: 0 0 8px 8px;
    display: none;
    overflow: auto;
    padding-bottom: 12px;
}
.component-table{
    width: auto;
}
.component-table *{
    font-family: "Montserrat";
}
.component-table .line-table{
    padding: 12px 24px;
    display: flex;
    align-items: center;
    background: white;
    width: max-content;
}
.component-table .line-table:nth-child(2n){
    background: rgba(48, 46, 113, 0.04);
}
.component-table .line-table span{
    font-size: 15px;
    margin: 0;
    font-weight: normal;
    color: #555;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
.component-table .line-table.line-title{
    padding: 20px 24px;
}
.component-table .line-table.line-title span{
    font-weight: 600;
}
.component-table .line-table:last-child{
    border-radius: 0 0 8px 8px;
}
.modal-confraria{
    width: 95%;
    padding: 32px;
    position: fixed;
    margin: auto;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 999999;
    box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
    background-color: white;
    height: auto;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}

.modal-confraria-overlay{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}
.modal-confraria.active,
.modal-confraria-overlay.active{
    opacity: 1;
    visibility: visible;
}
.modal-confraria .close-modal{
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}
.modal-confraria h3{
    font-weight: bold;
    margin-bottom: 24px;
}
.box-modal-subtable{
    background-color: #F9F9F9;
    padding: 24px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #EBEBEB;
}
.hide-mobile{
    display: none;
}
.middle-top-adega-vinho{
    margin-top: 20px;
    padding: 0 24px;
    padding-bottom: 24px;
}
.box-table-modal{
    width: 100%;
    overflow: auto;
    padding-bottom: 12px;
}


/** Entregas **/
.entregas-item{
    display: flex;
    flex-direction: column;
}
.entregas-item *{
    font-family: "Montserrat";
}
.entregas-right-cont{
    padding: 24px;
    background-color: #F9F9F9;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    min-width: 100%;
    border-radius: 0 0 8px 8px;
}
.left-block-entregas{
    border-left: 10px solid #E0583F;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 32px;
    padding-left: 40px;
    align-items: flex-start;
}
.left-block-entregas strong{
    font-size: 24px;
    line-height: 29px;
    color: #333;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
}
.left-block-entregas span{
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
    color: #e0583f;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.left-block-entregas span img{
    margin-right: 8px;
}
.left-block-entregas span .green{
    display: none;
}
.entregue .left-block-entregas span .green{
    display: block;
}
.entregue .left-block-entregas span .red{
    display: none;
}
.left-block-entregas .btn-action{
    padding: 14px 32px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.entregue .left-block-entregas{
    border-color: #45AF22;
}
.entregue .left-block-entregas .btn-action{
    background-color: #45AF22;
}
.entregue .left-block-entregas span{
    color: #45AF22;
}


/** Entregas detalhe **/
.conf-box.continued{
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}
.detalhe-entrega-box{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #EBEBEB;
}
.detalhe-entrega-left{
    border-left: 10px solid #e0583f;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 24px 32px;
    border-bottom: 1px solid #EBEBEB;
}
.status-entrega{
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
    color: #e0583f;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.status-entrega img{
    margin-right: 8px;
}
.status-entrega .green{
    display: none;
}
.entregue .status-entrega .green{
    display: block;
}
.entregue .status-entrega .red{
    display: none;
}
.transportadora-entrega{
    font-size: 14px;
    color: #555;
    line-height: 1.2em;
    margin-bottom: 32px;
}
.transportadora-entrega strong{
    font-weight: 600;
}
.endereco-entrega{
    font-size: 14px;
    color: #555;
    line-height: 1.3em;
    margin-bottom: 16px;
}
.endereco-entrega strong{
    font-weight: 500;
    display: block;
}
.detalhe-entrega-left .btn-action{
    margin-bottom: 32px;
}
.suporte-entrega{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #e0583f;
    line-height: 1.3em;
    font-weight: 500;
    text-decoration: underline;
}
.suporte-entrega img{
    margin-right: 8px;
}
.detalhe-entrega-right{
    background-color: #F9F9F9;
    width: 100%;
    min-width: 100%;
}
.detalhe-entrega-right .status-entrega-item{
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
}
.detalhe-entrega-right .status-entrega-item:not(:last-child){
    border-bottom: 1px solid #EBEBEB;
}
.detalhe-entrega-right .status-entrega-item > strong{
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-weight: 600;
    min-width: 150px;
    max-width: 150px;
    display: block;
    margin-bottom: 16px;
}
.detalhe-entrega-right .status-entrega-item > strong span{
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    font-weight: normal;
}
.detalhe-entrega-right .status-entrega-item p{
    font-size: 12px;
    color: #666;
    line-height: 20px;
    font-weight: normal;
}
.detalhe-entrega-bottom h3{
    padding: 24px 24px;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    line-height: 1.4em;
    color: #555;
}
.conf-box.continuation{
    border-radius: 0 0 8px 8px;
}
.scrollable-box{
    width: 100%;
    overflow: auto;
    padding-bottom: 12px;
}



/** Solicitar entrega **/
.solicitar-entrega-box{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.solicitar-entrega-box .solicitar-right{
    min-width: 100%;
    max-width: 100%;
    background-color: #F9F9F9;
    border-top: 1px solid #EBEBEB;
    padding: 32px;
}
.solicitar-entrega-box .solicitar-left{
    padding: 24px;
    width: 100%;
}
.solicitar-left h3{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.2em;
    margin-bottom: 16px;
}
.endereco-entrega{
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    margin-bottom: 24px;
}
.endereco-entrega.centered{
    align-items: center;
    padding: 20px 32px;
}
.endereco-entrega img{
    display: none;
}
.right-endereco strong{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
    color: #333;
    display: block;
    margin-bottom: 8px;
}
.right-endereco p{
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 16px;
}
.endereco-entrega a{
    font-size: 15px;
    font-weight: 500;
    color: #e0583f;
    text-decoration: underline;
    line-height: 1.2em;
}
.hidden{
    display: none;
}
.item-opcional{
    border-radius: 8px;
    border: 1px solid #EBEBEB;
    padding: 20px 32px;
    border-left: 7px solid #EBEBEB;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
    transition: 250ms ease;
    position: relative;
}
.item-opcional *{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none;
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}
.item-opcional:hover{
    border-color: #BFBFBF;
}
.item-opcional figure{
    margin: 0;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-opcional figure img{
    height: 100%;
    width: auto;
}
.item-opcional:not(:last-child){
    margin-bottom: 16px;
}
.item-opcional.active{
    border-left-color: #e0583f;
}
.item-texts-opcionais strong{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
    color: #333;
    margin-bottom: 8px;
    display: block;
}
.item-texts-opcionais p{
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 16px;
}
.item-texts-opcionais span{
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2em;
    color: #45AF22;
    margin-bottom: 0px;
}
.checkbox-opcionais-box{
    margin-left: 24px;
    position: absolute;
    top: 32px;
    right: 32px;
}
.checkbox-opcionais-box span{
    margin: 0;
    width: 18px;
    max-width: 18px;
    min-width: 18px;
    height: 18px;
    max-height: 18px;
    min-height: 18px;
    border-radius: 50%;
    border: 2px solid #e0583f;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkbox-opcionais-box input:checked + span:before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e0583f;
}
.checkbox-opcionais-box input{
    display: none;
}

.solicitar-right h3{
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    color: #333;
}
.component-subtable .subtable-item strong.green{
    color: #45AF22;
}
.frete-gratis-entrega{
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    color: #333;
    font-size: 15px;
    font-weight: normal;
    background-color: #ECF7E9;
}
.frete-gratis-entrega strong{
    font-weight: 600;
    padding: 0 6px;
}
.solicitar-right .btn-action{
    width: 100%;
    padding: 14px 32px;
    margin-top: 24px;
}
.no-kpi .left-topo-default{
    margin-bottom: 0;
}


/** Solicitar entrega - pagamento **/
.tabs-pagamento{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}
.tabs-pagamento .item-pagamento{
    width: calc(33.33% - 5.33px);
    height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px 8px 0 0;
    border: 1px solid #EBEBEB;
    padding: 8px 4px;
    cursor: pointer;
}
.tabs-pagamento .item-pagamento span{
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    line-height: 1.3em;
}
.tabs-pagamento .item-pagamento img{
    margin-bottom: 8px;
    max-width: 22px;
}
.tabs-pagamento .item-pagamento.active{
    border-bottom: 4px solid #e0583f;
}
.tabs-pagamento{
    margin-bottom: 16px;
}
.item-pagamento-tab{
    display: none;
}
.item-pagamento-tab.active{
    display: block;
}

.cont-pagamento form *{
    font-family: "Montserrat";
}
.cont-pagamento .input-box:not(:last-child){
    margin-bottom: 16px;
}
.cont-pagamento .half-input{
    display: block;
}
.cont-pagamento .half-input .input-box{
    width: 100%;
}
.item-pagamento-tab p{
    font-size: 14px;
    font-weight: normal;
    color: #555;
    line-height: 1.5em;
    margin: 0;
}
.item-pagamento-tab p strong{
    font-weight: 600;
}
.list-check{
    width: 100%;
    display: flex;
    font-family: "Inter";
    color: #666;
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.list-check .item:not(:last-child){
    margin-right: 32px;
}
.input-box input[type="file"]{
    padding: 20px;
}
.solicitar-right.last{
    border-radius: 0 0 8px 8px;
}
.topo-conf-default-content ul li a,
.topo-conf-default-content ul li span{
    white-space: nowrap;
}
.topo-conf-default-content ul{
    flex-wrap: wrap;
}
.input-box label{
    white-space: nowrap;
}


/** Entrega Solicitada **/
.entrega-solicitada{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.entrega-solicitada.hidden{
    display: none;
}
.entrega-solicitada h3{
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: 24px;
    color: #333333;
    text-align: center;
}
.entrega-solicitada .btn-action{
    padding: 14px 32px;
    font-size: 15px;
    font-family: "Montserrat";
}
.pix-info-box .btn-action{
    margin-top: 24px;
    width: 100%;
}
.input-box select[readonly],
.input-box input[readonly]{
    background-color: #FBFBFB;
}
.pix-info-box .input-box:not(:last-child){
    margin-bottom: 16px;
}


/** Endereços **/
.lista-opcionais.enderecos .item-opcional figure{
    display: none;
}
.lista-opcionais.enderecos .item-opcional{
    border-left: 1px solid #EBEBEB;
    padding: 24px;
    justify-content: space-between;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.lista-opcionais.enderecos .checkbox-opcionais-box{
    position: relative;
    top: 0;
    right: 0;
}

.lista-opcionais.enderecos .item-texts-opcionais p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.3em;
}
.lista-opcionais.enderecos .left-enderecos{
    display: flex;
    align-items: center;
}
.lista-opcionais.enderecos .item-opcional.active{
    border: 1px solid #e0583f;
}
.fixed-btns{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 73px;
    height: 77px;
    width: 100%;
    background-color: white;
    border-top: 1px solid #EBEBEB;
    padding: 16px;
    z-index: 98;
}
.fixed-btns .container-conf{
    display: flex;
    justify-content: center;
}
.fixed-btns .container-conf .btn-action:not(:last-child){
    margin-right: 16px;
}
.btn-action.btn-secondary{
    background: rgba(224, 88, 63, 0.1);
    color: #e0583f;
}

.fixed-btns-wrapper{
    padding-bottom: 77px;
}


.fixed-btns-wrapper{
    padding-bottom: 77px;
}
.add-endereco-form .half-input.left{
    justify-content: flex-start;
}
.add-endereco-form .input-box{
    margin-bottom: 16px;
}
.add-endereco-form > .input-box:last-child{
    margin-bottom: 0;
}
.nao-sei-cep{
    font-size: 14px;
    font-weight: 500;
    color: #e0583f;
    margin-left: 0px;
    display: block;
    margin-bottom: 16px;
}
.add-endereco-form .half-input.left .input-box{
    margin-bottom: 8px;
}


/** Membros **/
.conf-box.membro-box{
    margin-top: 0;
}
.conf-box.membro-box .person-info > img{
    width: 64px;
    height: 64px;
}
.conf-box.membro-box .person-info .texts-post strong{
    margin-bottom: 4px;
    display: block;
}
.conf-box.membro-box .vinho-adega-left-cont .toggle-see-more span{
    font-size: 14px;
}
.conf-box.membro-box .person-info{
    margin-bottom: 24px;
}

.conf-box.membro-box .component-subtable h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #333;
    line-height: 1.2em;
}
.bottom-box-item h3{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
    color: #333;
    line-height: 1.2em;
    padding: 24px 32px 16px 32px;
    margin-bottom: 0;
}
.bottom-line-membro{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.bottom-line-membro .exc-membro{
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    margin-bottom: 0px;
    color: #555;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 250ms ease;
    opacity: 1;
}
.bottom-line-membro .exc-membro:hover{
    opacity: 0.8;
}
.bottom-line-membro .exc-membro img{
    margin-right: 8px;
}
.conf-box.membro-box  .vinho-adega-left{
    width: 100%;
}

.modal-confraria.membro-modal{
    width: 90%;
    border-top: 7px solid #e0583f;
    padding: 36px 32px;
    top: 15%;
}
.modal-confraria.membro-modal h3{
    color: #e0583f;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 22px;
}
.modal-confraria.membro-modal h4{
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 12px;
}
.modal-confraria.membro-modal .btn-conf{
    width: 100%;
    margin-top: 12px;
}
.modal-confraria.membro-modal form{
    margin-bottom: 32px;
}
.btns-excluir{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 32px;
}
.btns-excluir .btn-action{
    width: calc(50% - 6px);
}
.top-table h3{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
    padding: 24px 24px 12px 24px;
    margin-bottom: -40px;
}
.top-table .component-table .line-table.line-title span{
    overflow: visible;
    display: block;
    height: auto;    
}
.top-table .component-table .line-table span{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-table .component-table .line-table span.w-prog{
    padding-right: 40px;
}
.top-table .component-table .line-table .progress{
    width: 80px;
    height: 6px;
}
.top-table .component-table .line-table .progress span{
    display: block;
    height: 6px;
    background-color: #e0583f;
}
.top-table .component-table .line-table .progress.green span{
    background-color: #45AF22;
}

.conf-info{
    position: relative;
    cursor: pointer;
    z-index: 99 !important;
}
.conf-info span,
.conf-info p{
    position: absolute;
    bottom: 24px;
    width: 190px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px;
    border-radius: 4px;
    background-color: #333333;
    color: white;
    font-size: 12px;
    font-weight: normal;
    margin: auto;
    line-height: 1.4em;
    white-space: initial;
    transition: 250ms ease;
    opacity: 0;
    visibility: hidden;
    z-index: 99 !important;
}
.conf-info:hover span,
.conf-info:hover p{
    opacity: 1;
    visibility: visible;
    z-index: 99 !important;
}
.conf-info span::after,
.conf-info p::after{
    content: "";
    display: block;
    width: 15px;
    height: 11px;
    background-image: url('../img/site/conf-tooltip-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: auto;
    z-index: 99 !important;
}
.conf-info .tooltip-large{
    width: 500px;
}

.conf-info span strong{
    color: #e0583f;
    font-size: 14px;
}


.box-top-table{
    width: 100%;
    overflow: auto;
    padding-top: 40px;
}
.bottom-line-membro .toggle-see-more{
    margin-top: 0;
}


/** Histórico **/
.historico-box .vinho-adega-left .main-img-vinho{
    height: 127px;
    max-width: 65px;
}
.historico-box .person-info{
    margin-top: 20px;
    margin-bottom: 24px;
}
.historico-box .see-more-historico{
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #e0583f;
    line-height: 1.2em;
    cursor: pointer;
}
.historico-box .see-more-historico img{
    margin-left: 4px;
    transition: 250ms ease;
    transform: rotate(0deg);
}
.historico-box .see-more-historico.active img{
    transform: rotate(180deg);
}
.historico-box .box-avaliacoes-toggle h5{
    font-size: 12px;
    font-weight: 500;
    color: #555;
    line-height: 1.2em;
    margin-bottom: 12px;
}
.historico-box .box-avaliacoes-toggle .botton-line{
    display: flex;
}
.historico-box .box-avaliacoes-toggle .botton-line .stars-list{
    margin-right: 12px;
}
.historico-box .vinho-adega-left{
    flex-wrap: wrap;
    padding-bottom: 32px;
}
.historico-box .vinho-adega-left .comentarios-box{
    width: 100%;
}
.historico-box .vinho-adega-left-cont{
    width: auto;
}
.right-box-historico{
    margin-left: 12px;
}
.right-box-historico strong{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    color: #333;
    margin-bottom: 8px;
    padding-top: 8px;
    display: block;
}
.right-box-historico .stars-list{
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.right-box-historico .stars-list img{
    width: 20px;
}
.historico-box .reactions-comment{
    padding-left: 10px;
}
.historico-box .lista-comentarios{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    display: none;
}
.historico-box .comentarios-box > .publish-home{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #EBEBEB;
    align-items: flex-start;
}
.right-avaliacao-publish{
    width: 100%;
}
.publish-home .right-avaliacao-publish .input-publish-box input{
    border-radius: 2px 30px 30px 30px;
}
.right-avaliacao-publish .star-publish{
    margin-bottom: 16px;
    padding-top: 8px;
    display: flex;
}
.right-avaliacao-publish .star-publish img{
    cursor: pointer;
    display: none;
}
.right-avaliacao-publish .star-publish img.empty{
    display: block;
}
.right-avaliacao-publish .star-publish .star-item.active img.empty,
.right-avaliacao-publish .star-publish .star-item.active-hover img.empty{
    display: none;
}
.right-avaliacao-publish .star-publish .star-item.active img.full,
.right-avaliacao-publish .star-publish .star-item.active-hover img.full{
    display: block;
}
.historico-search-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.search-historico{
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
    border-radius: 56px;
    height: 56px;
    background-color: #FBFBFB;
    border: 1px solid #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
.left-form-search{
    display: flex;
    align-items: center;
    width: 100%;
}
.left-form-search > img{
    margin-right: 12px;
}
.left-form-search input{
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: #333;
    height: 56px;
}
.search-historico button{
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-left: 32px;
    background: transparent;
    color: #e0583f;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: "Inter";
    border: 0;
    cursor: pointer;
    transition: 250ms ease;
}
.search-historico button:hover{
    opacity: 0.8;
}
.right-search-conf{
    display: flex;
    align-items: center;
}
.right-search-conf span{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    white-space: nowrap;
    font-weight: normal;
}
.right-search-conf select{
    cursor: pointer;
    border: 0;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin: 0 8px;
    font-weight: 600;
}
.right-search-conf img{
    position: relative;
    top: 1px;
}
.component-subtable .subtable-item span{
    display: flex;
    align-items: center;
}
.component-subtable .subtable-item span img{
    margin-right: 8px;
}
.download-ficha{
    display: block;
    width: 100%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #F1F1F1;
    border-radius: 4px;
    margin-top: 28px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4em;
    color: #555;
}
.download-ficha img{
    margin-right: 4px;
}
.mob-flex-helper{
    display: flex;
}
.middle-top-adega-vinho.hist{
    padding: 0;
    margin-top: 12px;
}
.historico-box .lista-comentarios .comentario-item-box p{
    margin-left: -64px;
    border-radius: 2px 30px 30px 30px;
}
.component-subtable h3{
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
    color: #333;
}

/** Checkout **/
.confraria-checkout .cabecalho-confraria h1::before{
    display: none;
}
.confraria-checkout .parallax-mirror,
.confraria-checkout .banner-interno{
    display: none !important;
}
body.confraria-checkout{
    background-color: #EFEFEF !important;
    background-image: url('../img/site/conf-effect.png') !important;
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 0;
}
.conf-check-content h2,
.conf-check-content h3{
    font-family: "Inter";
}


/** Oferta Confraria **/
.top-oferta-conf{
    width: calc(100% + 30px);
    margin: 0 -15px;
    height: 390px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 260px;
    padding-top: 32px;
}
.wrapper-internal.block{
    display: block;
}
.top-oferta-conf .img-big-top-oferta{
    height: 285px;
    margin-top: 27px;
    margin-bottom: 20px;
    z-index: 2;
    position: relative;
}
.conf-oferta-content{
    padding-bottom: 0px;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.conf-oferta-content .subtitulo {
    font-size: 20px;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.conf-oferta-content h1 {
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    margin-bottom: 12px;
    line-height: 1.3em;
}
.conf-oferta-content .old-price {
    font-size: 22px;
    font-weight: normal;
    color: #555;
    text-decoration: line-through;
    margin-bottom: 5px;
    display: block;
}
.conf-oferta-content .new-price {
    font-size: 35px;
    color: #302E71;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}
.conf-oferta-content .economia {
    color: #D1D3D4;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    background-color: #E0583F;
    display: inline-block;
}
.conf-oferta-content .economia b {
    font-weight: 800;
}
.conf-oferta-content .buy-quant {
    display: flex;
    margin-top: 25px;
}
.conf-oferta-content .quantidade_oferta {
    min-width: 56px;
    height: 40px;
    padding: 0 14px;
    background-color: white;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../img/site/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 77% 53%;
    outline: none;
    border: 1px solid #EBEBEB;
}
.conf-oferta-content .btn-comprar {
    border-radius: 2px;
    color: white;
    background: #45af22;
    font-size: 13px;
    height: 44px;
    padding: 0 16px;
    border: 2px solid #45af22;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 10px;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat";
    outline: none;
    height: 40px;
    width: 176px;
}
.conf-oferta-content h2{
    font-size: 16px;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.wrapper-internal.block{
    padding-top: 0;
}
.top-oferta-conf::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}
.premium-desc.premium-desc-collection{
    margin-bottom: 44px;
}

/** Ajustes **/
.list-kpis .kpi-item.right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.list-kpis .kpi-item.centered{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.carregando{
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.51);
    background-image: url(../img/load-carregando.gif);
    z-index: 9999;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
  }

.conf-info .tooltip-large{
    width: 500px !important;
}


.post-action{
    padding: 8px 14px;
    margin-left: auto;
    text-align: center;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.post-action:hover{
    background: #d7d7d7;
}
.post-action i{
    font-size: 22px;
    color: black;
}

.drop-picture-post{
    width: 200px;
    border-radius: 8px 1px 8px 8px;
    background-color: white;
    position: absolute;
    right: 52px;
    box-shadow: 10px 8px 20px rgb(0 0 0 / 10%);
    list-style: none;
    padding: 16px 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 250ms ease;
}
.drop-picture-post.active{
    opacity: 1;
    visibility: visible;
}
.drop-picture-post li div{
    display: block;
    padding: 16px 24px;
    cursor: pointer;
}
.drop-picture-post li div:hover{
    background-color: #f2f2f2;
}


.info-adega-conf{
    display: grid;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.main-enviar-comprovante{
    text-align: right;
    margin-left: auto;
}
.btn-upload-comprovante-adega{
    border: none;
    color: #3a3a3a;
    cursor: pointer;
    background: transparent;
    font-size: 14px;
    text-decoration: underline;
    padding-right: 0px;
}
.input-enviar-comprovante{
    display: none;
}
.link-comprovante-adega{
    font-size: 14px;
    text-decoration: underline;
}
.info-adega-conf .adega-pagamento-pendente-conf span{
    color: #e0583f;
    font-size: 14px;
}
.box-convites-pendentes h3{
    margin-bottom: 0px !important;
}
.criacao-step-2{
    display: grid !important;
    gap: 12px;
    justify-content: center !important;
}