th{

@media(min-width:1101px){.container_evento .evento_em_tempo_real{top:82px!important}}

/* Barra superior fixa do editor, alinhada ao preview. */
.container_evento .event-editor-topbar{position:sticky!important;top:0;z-index:1060;align-self:start;padding:10px 0;background:rgba(245,246,253,.96);box-shadow:0 1px 0 rgba(224,227,237,.9);backdrop-filter:blur(10px)}
.container_evento .event-editor-actions{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
@media(max-width:767px){.container_evento .event-editor-topbar{top:0;margin:0 -12px 16px;padding:10px 12px}.container_evento .event-editor-actions{width:100%}}

/* Mantém as ações principais disponíveis durante a rolagem. */
@media(min-width:768px){.event-editor-actions{position:fixed;top:18px;right:max(20px,calc((100vw - 1240px)/2));z-index:1050;padding:6px;border:1px solid rgba(224,227,237,.9);border-radius:14px;background:rgba(245,246,253,.94);box-shadow:0 8px 24px rgba(35,38,65,.12);backdrop-filter:blur(8px)}}
@media(max-width:767px){.event-editor-actions{position:fixed;right:12px;bottom:12px;left:12px;z-index:1050;padding:8px;border:1px solid #e0e3ed;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(35,38,65,.18);backdrop-filter:blur(8px)}}
    padding: 3px 15px;

}

.ui-datepicker-calendar tr:first-child{

    background: none;

}



.ui-datepicker-calendar th{

    color: #000!important;

}
.creditado{

    color: #00a000;

    font-weight: bold;

}
#togglePassword{
    cursor: pointer;
}
.bt_recuperar_senha{
    clear:both;
    font-size:10px;
    color:#333;
    text-decoration:none;
}
.bgCreditado{

    background: #dbead5;

    color: #008000;

    font-weight: 600;

}

.bgDescontado{

    background: #efefef;

    color: #ff0000;

    font-weight: 600;



}
.body_login{
   /* background: url('../img/bg-login.jpg') no-repeat center center;
    background-size:cover ;*/
    height: 100vh;
}
.login_conteudo{
    position: absolute;
    transform: translate(-50%, -50%);
    /*background: rgba(0, 0, 0, .7);*/
    top:50%;
    left: 50%;
    width: 400px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, .4);
}
/*
.login_conteudo input{
    border: 1px solid rgba(0, 0, 0, .4);
    /*background: rgba(255, 255, 255, .3);
}
/*.login_conteudo  .form-control:focus {
    background: rgba(255, 255, 255, .3);
    color: #fff;

}
.login_conteudo  ::-webkit-input-placeholder {
    color: #fff;
}
.login_conteudo  ::-moz-placeholder {
    color: #fff;
}
.login_conteudo :-ms-input-placeholder {
    color: #fff;
}
.login_conteudo  ::placeholder {
    color: #fff;
}*/
.valorusado{

      color:#cc0000;

    font-weight: bold;



}
.file_add_face{
    position: fixed;
    bottom: 50px;
    left: 50px;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background: #000;
    box-shadow: 1px 1px 6px 0 #ccc;
    text-align: center;
    line-height: 90px;
    cursor: pointer;
    z-index: 9;
}
.file_add_face .file{
    cursor: pointer;

}
.file_add_face i{
    font-size:40px;
        color: #fff;

}
.file_add_face:hover{
    background: #fff;
}
.file_add_face:hover i{
    color: #000;
}
.file_add_face .file{
    width: 100%;
    height: 100%;
    margin: 0;
}
.progress{
    position: fixed;
    width: 350px;
    z-index: 99;
    display: none;
}
.thumb_wrapper{
    position: relative;
    display: table;
}
.img-thumbnail{
    width: 150px;
    height: auto;
    background: #efefef;
    padding: 0;
}
.thumb_wrapper i.fa-circle-xmark {

    position: absolute;
    background: #fff;
    top: 0;
    color: #000;
    border-radius: 100%;;
    right: 0;
    cursor: pointer;
}
.imagem_box_wrapper{
    display: flex;
    gap:10px;
    flex-wrap: wrap;
}
.imagem_box{
    padding: 30px 30px 10px 30px;
    position: relative;
    border: 1px #ccc solid;
    width: calc(50% - 5px);
}
.file_box{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.file{
    position: absolute;
    width: 100%;
    margin-bottom: 20px;
    height: 38px;
    opacity: 0;
    cursor: pointer;
    top:0;
    left: 0;
}

.favico_box img{
    width: 40px;
}

.logo{



    width: 200px;



    display: block;



    height: auto;



    margin: 20px 0;



}
.update_images .file_box,
.box_marca_agua,
.box_marca_agua_2{
    display: none;
}
.update_images .file_box.file_box_2{
    display: block;
}
.thumb_evento{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-position: center center;
    background-size: cover;
    background-color: #ccc;
}

.iniciar_captura__{
    background:#ffde00;
    color:#40a8f5
}
.iniciar_captura__:hover{
    background:#40a8f5;
    color:#ffde00;
}
.box_2_js{
    background: linear-gradient(rgb(70, 173, 251), rgb(116, 167, 216));
}



form{



    display: inline;



}





td{



    vertical-align: middle;
    font-size: 12px;;



}

.alertas{
    margin: auto;
    position: fixed;
    width: 500px;
    text-align: center;
    left: 50%;
    display: table;
    top:50%;
    z-index: 999999;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
    text-transform: uppercase;
}

.alert{
    border-radius: 0;
    text-transform: uppercase;
}



.fa-file-pdf-o{

    color: #f00;

}




.loop {



    font-size: 14px;



}



.loop td{

    height: 46px;

    position: relative;

    white-space: nowrap;



}

header{
    width: 100%;
    background:#000;
}
header .text-end,
header .text-end a{
    color: #fff;
}
.bt_la {



    width: 100%;



    display: inline-block;



    border: #ccc 1px solid;



    text-align: center;



    padding: 3px 5px;



}



.modal .contM.mProposta {



    width: 600px;



    overflow-x: hidden;



    height: 90%;



    display: block;



}



.atribProposta{



    display: none;



    font-size: 10px;



    width: auto;



    position: absolute;



    background: #fff;



    box-shadow: 0 0 2px 2px #000;



    padding: 10px;



    border: 1px solid #ccc;



    box-shadow: 0 0 5px 0px #ccc;



    padding: 10px;



    border: 1px solid #ccc;



    z-index: 9;



}







.pageNumber,



.anterior,



.proximo{



    color: #000;



}



.pageNumber.ativo{



    background: #000;



    color: #fff;



}



.loading{



    opacity: 0.6;



}

.loading::after{

    content: '';

    background:url('../images/loader-1.gif') no-repeat center center ;

    position: fixed;

    width: 100%;

    height: 100%;

    display: block;

}

.pageNumber:hover,



.anterior:hover,



.proximo:hover{



    background: #000;



    color: #fff;



}



.btn-warning:hover,



.btn-warning,



.dropdown-item.active, .dropdown-item:active{



    color: #000!important;



}







form select{



    background: url('../images/down-arrow.png') 97% 9px no-repeat;



    background-size: 20px;



}.btn-group > .btn, .btn-group-vertical > .btn{

    font-size: 10px;

}







.idp{

    display: none;

}



.tableClientes{

        float: left;

    width: 50%;

}

.nav-link:hover,
.nav-link-active {
    color: #fff;
}
.nav-link-active {
    background: #000;
    color: #fff!important;
}
.relCli {

    clear: both;

    display: table;

    font-size: 12px;

    color: #000;

    margin-left: 20px;

}

table tr {

    border-bottom: 3px solid #fff;

}

table tr td{

        padding: 15px;
        font-size: 14px;



}

.porcentagem_carregamento{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top:0;
    left: 0;
    z-index: 999999;
    background:rgba(255,255,255,.9);
    margin: 0!important;
    padding: 5%;

}
.porcentagem_carregamento > div{
    transform: translate(-50%,-50% );
	-webkit-transform: translate(-50%,-50% );
	-moz-transform: translate(-50%,-50% );
	-o-transform: translate(-50%,-50% );
    top:50%;
    left:50%;
    position: absolute;
}
.pagination{
    display: block;
}


.pagination .page-item{
    float: left;
}
.filtro {
    position: fixed;
    padding: 30px;
    background: #efefef;
    right: -300px;
    top:0;
    height: 100%;
    overflow-y: auto;
}
.bt_filtro{
    float: right;
}
.fechar{
    position: absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}
.input-group input[type=text]{
    border:1px #efefef solid;
}
table a{
    color: #333;
    cursor: pointer;
    text-decoration:none;
}

.ui-autocomplete{
    z-index: 9999;
}
.whatsapp_front{
    font-size: 12px;
}

table input[type=submit],
table button[type=submit]{
    position: relative;
    right: 0;
    bottom: 0;

}
.tabelaUsuario tr th{

    font-size: 14px;

}

.tabelaUsuario tr td{

    font-size: 14px;

}
.ulselectItem li{
    margin-right: 20px;
}
.selectItem{
    display: none;
}
.ui-datepicker{
    z-index: 9999!important;
}
.mascara-ddi {
    height: 100%;
    position: absolute;
    right: 00;
    width: calc(100% - 48px);
    z-index: 9;
}
.ddi_clientes{
    font-size: 12px;;
}
.fa-copy{
    cursor: pointer;
}
.forms_pd{
    padding: 30px;
    border: 1px #ccc solid;
}
.iti--allow-dropdown{
    margin-right: 50px;
}
#phoneflag{
    opacity: 0;
    position: absolute;
}

.color{
    width:40px;
    height: 40px;
    border: #ccc 1px solid;
}
#previw_color{
   display: none;
   margin-left: 5px;
}
.bg_imagens_evento#previw_color{
    display: block;
}
.preview_fonte{
    text-align: center;
    padding: 30px;
    border: solid 1px #ccc;
    font-size: 30px;
    width: 100%;
    font-family: 'ABeeZee', sans-serif;
}
.container_evento form{
    width: 70%;
    display: block;
    float: left;
}
.container_evento .imagem_box_wrapper{
    width: 100%;
}
.container_evento form .imagem_box_wrapper .imagem_box{
    margin-bottom: 30px;
}
.url_espelho{
    display: none;
}
.container_evento {
    display:table;
}
.celular{
    height: 70vh;
    position: relative;
    z-index: 9;
}
.celular_inter{
    position: absolute;
    height: calc(100% - 40px);
    width: 100%;
    top:7%;
    left: 0;
    overflow: hidden;
    z-index: 99;
    display: block;
}
.evento_em_tempo_real{
    margin:0 20px;
    float: right;
    width: 30%;
    box-sizing: border-box;
}
.evento_em_tempo_real .box{
    display: none;
    position: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #efefef;
    border-radius: 20%;
    margin: auto;
    bottom:5px;
    right: 10%;

}
.evento_em_tempo_real .box::after,
.evento_em_tempo_real .box::before{
    content: '';
    position: absolute;
    top:10%;
    left: 0;
    background: #fff;
    width: 10px;
    height: 90%;
    z-index: 1;
}
.evento_em_tempo_real .box::before{
    left: inherit;
    right: 0;
}
.evento_em_tempo_real .logo__ {
    width: 50%;
    display: block;
    height: auto;
    margin:50px auto 20px;
    z-index: 1;
    position: relative;
}
.evento_em_tempo_real  .nome_evento__ {
    margin: 0 auto 20px;
    display: table;
    position: relative;
    width: 80%;
    z-index: 9;
    text-align: center;
}
.evento_em_tempo_real  .iniciar_captura__{
    display: table;
    position: relative;
    padding: 10px 20px;
    z-index: 9;
    font-size: 0.7vw;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: auto;
    font-weight: bold;
    text-decoration: none;
}
.video-container__ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    border-radius: 20%;
}
.video_bg__ {
    position: absolute;
    pointer-events: none;
    z-index: -1;
    width: 140vh; /* 100 * (16 / 9) para manter proporção 16:9 */
    height: 110%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.bg__ {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    z-index: -2;
    height: 100%;
    border-radius: 20%;
    width: 100%;
}

/* No preview do editor, o Background fica dentro da tela do celular.
   O vídeo usa a mesma camada e permanece acima quando estiver ativo. */
.container_evento .evento_em_tempo_real .box_1_js,.container_evento .evento_em_tempo_real .box_2_js {
    isolation: isolate;
}
.container_evento .evento_em_tempo_real .box_1_js > .bg__,.container_evento .evento_em_tempo_real .box_2_js > .bg__ {
    z-index: 0;
    pointer-events: none;
}
.fundo_preto__ {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
    display: none;
}
.menu_celular{
    position: absolute;
    top:-100px;
    width: 100%;
    left: 0;
    list-style: none;
    padding: 0;
}
.menu_celular li{
    border: #000 1px solid;
    padding: 5px 20px;
    margin-bottom: 5px;
    text-align: center;
    background: #fff;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
}
.imagens__{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: auto;
    width: 80%;
    flex-wrap: wrap;

}
.imagens__ .image__{
    height: 100px;
    flex: 0 0 29.5%;
    background: rgba(255,255,255, .5);

}
.evento_em_tempo_real .box .active{
    background: #000;
    color: #fff;
}
.rodape__ {
    position: absolute;
    bottom: 40px;
    width: 80%;
    left: 10%;
    font-size: 7px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, .5);
    margin-top: 50px;
}
.campo_favico__ {
    box-sizing: border-box;
    position: absolute;
    top: 2%;
    height: 5%;
    left: 5%;
    width: 90%;
    border-top-right-radius: 40%;
    border-top-left-radius: 40%;
    background: rgba(255, 255, 255, .6);
}
.container_evento .evento_em_tempo_real .campo_favico__ {
    z-index: 110;
    pointer-events: none;
}
.campo_favico__ img{
    height: 60%;
    width: auto;
    display: block;
    border-radius: 5px;
    margin-top: 3%;
    margin-left: 25px;
}
#map{
    height: 150px;
    width: 100%;
}
.linha-com-traco {
    width: 100%;
  }
  .linha-com-traco:after{
    width: 95%;
    height: 1px;
    background: #ccc;
    display: block;
    content: '';
    margin: auto;
  }
  .propag td{
    white-space: nowrap;
    padding: 0;
  }
.mult_imagens {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    position: relative;
    border: #ccc dashed 1px;
}
.mult_imagens:hover{
    background: #c9dadf;
}
.mult_imagens input[type=file]{
    width: 100%;
    height: 100%;
    opacity: 0;
        cursor: pointer;
    z-index: 1;
}
.mult_imagens .texto{
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 0;
    top:50%;
    left: 50%;
    text-align: center;
    display: table;
}
.ver_faces {
    display:none;
    margin-left: 10px;
}
.mult_imagens .texto i{
    font-size: 30px;
    margin-bottom: 20px;
}
.imagens__total {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    padding: 100px 50px 50px;
    background: #fff;
    width: 100%;
    left: 0;
    overflow: auto;
    height: 100%;
    display: none;
    z-index: 8;
}
.imagens__total .wrapper_box{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px;
}

.imagens__total.imagens_lib_ou_bloc .thumb_wrapper{
    flex: 0 0 calc((100% / 4) - 10px);
    aspect-ratio:0;
    color: #000;
    padding: 30px 15px 15px 15px;
    border: #ccc solid 1px;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    grid-template-rows: 30px 30px 34px auto auto auto auto;
    column-gap: 14px;
    row-gap: 6px;
    align-items: start;
}
.imagens__total.imagens_lib_ou_bloc .thumb_wrapper:hover{
    background: #efefef;
}
.imagens__total .selecionar_todos{

}
.btn-whatsapp{
    background: #00a000;
    color: #fff;
}
.btn-whatsapp:hover{
    background: #008000;
    color: #fff;
}
.imagens__total.imagens_lib_ou_bloc .campos__{
    display: contents;
}
.imagens__total.imagens_lib_ou_bloc .campos__ .text-secondary{
    word-break: break-all;
}
.imagens__total.imagens_lib_ou_bloc .campos__ .form-control{
    height: 30px;
}
.imagens__total.imagens_lib_ou_bloc .thumb_wrapper > .img-preview,
.imagens__total.imagens_lib_ou_bloc .thumb_wrapper > img.img-thumbnail{
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 96px;
    max-width: 96px;
    margin: 0;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .input-group:nth-of-type(1),
.imagens__total.imagens_lib_ou_bloc .campos__ > .input-group:nth-of-type(2),
.imagens__total.imagens_lib_ou_bloc .campos__ > .input-group:nth-of-type(3){
    grid-column: 2;
    min-width: 0;
    margin-bottom: 0 !important;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .contatos_face{
    grid-column: 1 / -1;
    grid-row: 4;
    margin-bottom: 0 !important;
    padding: 8px 8px 6px;
    border: 1px solid #e5e8ec;
    border-radius: 6px;
    background: #fff;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .email_face_status{
    grid-column: 1 / -1;
    grid-row: 5;
    min-height: 24px;
    margin-bottom: 0 !important;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .enfileirar_email_face{
    grid-column: 1 / -1;
    grid-row: 6;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .link_face{
    grid-column: 1 / -1;
    grid-row: 7;
    min-height: 24px;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > .enfileirar_email_face{
    justify-self: start;
}
.imagens__total.imagens_lib_ou_bloc .campos__ > br{
    display: none;
}
.contato_item{
    position: relative;
    padding: 10px 38px 8px 10px;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fafbfc;
}
.contato_item .input-group{
    width: 100%;
}
.contato_item .remover_contato_face,
.contato_item .remover_responsavel_face{
    position: absolute;
    top: 8px;
    right: 6px;
    z-index: 2;
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.imagens__total .menu{
    position: fixed;
    top: 0;
    right:0;
    padding: 20px ;
    background: #efefef;
    z-index: 999;
}
.imagens__total .menu > *{
    margin-left: 20px;
}
.modal.show .modal-dialog {
    z-index: 9;
}

.modal-dialog .btn {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: inherit;
    border-radius: 0;
}

.imagens__total  img{
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.imagens__total.imagens_lib_ou_bloc .thumb_wrapper img{
        width: 100px;
        height: 100px;

}
.imagens__total .form-check{
    bottom: 0;
    position: absolute;
    right: 0;
}

 #previw_color{display: block; background: linear-gradient(rgb(70, 173, 251), rgb(116, 167, 216));}
.ui-autocomplete li span{
    display: none;
}
.toast {
    z-index:9999999;
    min-width: 50%;
        margin-right: 20px;
        text-transform: uppercase;
}
.toast {
    border-radius: 0!important;
    padding: 20px;
    border-left: 10px #fff solid!important;
    box-shadow: #000 0px 0px 18px 1px;
}
.enfileirar_email_face{
    margin-bottom: 20px;
}
.imagem_dimensoes{
    display: flex;
    width:  100%;
    gap:10px;
}
.imagem_dimensoes > div{
    flex: 1;
    position: relative;
    background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)),  url("../img/image_size_quadrada.png") no-repeat right center;
    background-size: contain;
    font-size: 11px;
    font-weight: 900;
    height: 100px;
}
.imagem_dimensoes > div .largura {
    font-size: 11px;
    position: absolute;
    top: -12px;
    right: 30px;
}
.imagem_dimensoes > div .altura {
    transform: rotate(-90deg);
    position: absolute;
    left: -5px;
    top:45%;

}
.imagem_dimensoes > div .formatos {
    bottom:-20px;
    position: absolute;
    right: 0;

}
.imagem_dimensoes > div .txt_{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    display: table;
}
.wrapper_mult_imagens .file_box{
    display: none;
    margin-top: 20px;
}
.wrapper_mult_imagens  .file_box.liberar_faces,
.wrapper_mult_imagens  .file_box.bloquear_faces {
    display: block;
}
.wrapper_mult_imagens  .file_box.liberar_faces .texto{
    color: #0d6efd;
}
.wrapper_mult_imagens  .file_box.liberar_faces .mult_imagens{
    border: #0d6efd dashed 1px
}
.wrapper_mult_imagens  .file_box.bloquear_faces .texto{
    color: #dc3545;
}
.wrapper_mult_imagens  .file_box.bloquear_faces .mult_imagens{
    border: #dc3545 dashed 1px
}
.wrapper_switch{
    padding:10px  20px 0;
    margin-bottom: 20px;
}
.bt-filtro{
    width: 100%;
    margin-bottom: 20px;
 }
.data_expiracao_escolha_fotos{
    display: none;
 }
 .gerar_relatorio_excel{
    display: none;
 }
 input[name=face_relatorio]{
    position: absolute;
    left: 10px;
    top:10px;
    cursor: pointer;
 }
 .spinner-sm {
    width: 1rem;
    height: 1rem;
}
.campos_do_form{
    display: none;
    /* ALTERAÇÃO: acabamento do construtor dinâmico importado do fluxo atualizado. */
    padding: 30px;
    border: solid 1px #efefef;
}
.box_input_extra{
    padding:10px;
    margin-bottom:10px;
    border:1px solid #efefef;
    background:#fff;
    box-shadow:0 0 5px 0 #ccc;
    cursor:move;
}
.box_input_extra .btn-editar,.box_input_extra .btn-remover,.box_input_extra .btn-required,.box_input_extra .btn-salvar,.box_input_extra .btn-cancelar{cursor:pointer}
.url_nao_definida_text a{
    font-size: 12px;
}
.url_definida_text {
    position: relative;
}
.url_definida_text a{
    font-size: 12px;
    position: relative;
    width: calc(100% - 13px);
}
.propag_check_td {
    position: absolute;
    top:-5px;
    right: 0px;
}
.copiar_url{
    position: absolute;
    right: 0;
}
.textarea_disparo_whats{
    height: 200px;
}
@media screen and (max-width:1300px){
    .imagem_box_wrapper{
       display: table;
    }
    .celular{
        height: 50vh;
    }
    .imagem_box{
        width: 100%;
    }
}
@media screen and (max-width:767px){
   .alertas {

        width: 300px;

    }
    .tabelaRelaUso tr th,

    .tabelaCliente tr th,

    .tabelaUsuario tr th{

        font-size: 11px;

    }

    .tabelaRelaUso tr td,

    .tabelaCliente tr td,

    .tabelaUsuario tr td{

        font-size: 11px;

    }
        .tableRelarotio{

            width: 400px;

            margin: auto auto 50px auto;

        }







        .tabelaRelaUso tr th,

        .tabelaCliente tr th,

        .tabelaUsuario tr th{

            font-size: 11px;

        }

        .tabelaRelaUso tr td,

        .tabelaCliente tr td,

        .tabelaUsuario tr td{

            font-size: 10px;

        }

        .tabelaRelaUso .fa-calendar,
        .evento_em_tempo_real{

            display: none;

        }

        .col-sm-2,

        .col-sm-5,

         .col-sm-10,
         .container_evento form {

            width: 100%;

        }
    .login_conteudo{
        position: absolute;
        transform: translate(-50%, -50%);
        top:50%;
        left: 50%;
        width: 90%;
    }
    .imagens__total.imagens_lib_ou_bloc .thumb_wrapper{
        flex: auto;
        grid-template-columns: 96px minmax(0, 1fr);
    }
    .imagens__total.imagens_lib_ou_bloc .thumb_wrapper img {
        margin: 0;
        display: block;
    }
    .imagens__total.imagens_lib_ou_bloc .campos__ {
        display: contents;
    }

    .imagens__total .menu{
        right:0;
        padding: 5px;
        width: 100%;
        text-align: right;

    }
    .mult_imagens .texto {
        top: 50%;
        font-size: 12px;
    }
    .mult_imagens .texto i {
        font-size: 20px;
        margin-bottom: 10px;
    }

}

/* Painel de eventos E-PhotoRF */
.ephoto-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:6px 0}.ephoto-dashboard-copy h1{margin:0 0 4px;color:#1d1e2e;font-size:24px;font-weight:800}.ephoto-dashboard-copy p{margin:0;color:#757b96;font-size:13px}.ephoto-dashboard-tools{display:flex;align-items:center;gap:10px}.ephoto-search{position:relative;width:min(320px,32vw)}.ephoto-search i{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#9298b1;font-size:12px}.ephoto-search input{width:100%;height:42px;padding:0 16px 0 38px;border:1px solid #d8dceb;border-radius:24px;background:#fff;color:#252639;font-size:13px;outline:none}.ephoto-search input:focus{border-color:#8d6af2;box-shadow:0 0 0 3px rgba(126,87,238,.1)}.ephoto-filter-button,.ephoto-create-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:11px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.ephoto-filter-button{border:1px solid #d8dceb;background:#fff;color:#292b3c}.ephoto-create-button{border:0;background:#8b63ed;color:#fff;box-shadow:0 7px 16px rgba(114,76,225,.28)}.ephoto-published{color:#171829}.ephoto-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ephoto-section-head:after{content:"";height:1px;flex:1;background:#e1e4ef}.ephoto-section-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700;white-space:nowrap}.ephoto-section-head h2:before{content:"";width:9px;height:9px;border-radius:50%;background:#18a866}.ephoto-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border:1px solid #e0e3ed;border-radius:50px;color:#74788d;background:#f8f9fc;font-size:12px}.ephoto-view-all{color:#5b45e7;font-size:13px;text-decoration:none;white-space:nowrap}.ephoto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ephoto-card{--card-color:#443286;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:356px;border:1px solid #e0e3ed;border-radius:17px;background:#fff;box-shadow:0 2px 3px rgba(31,35,55,.08)}.ephoto-card[hidden]{display:none!important}.ephoto-card-top{position:relative;height:118px;padding:11px 13px;background:var(--card-color)}.ephoto-status{display:inline-flex;align-items:center;gap:5px;height:29px;padding:0 12px;border-radius:30px;background:#f7f7fb;color:#149854;font-size:12px;font-weight:600}.ephoto-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#18a866}
.ephoto-initials{position:absolute;left:14px;bottom:-17px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:100%;background:#fff;color:#5b45e7;font-size:16px;font-weight:800;text-transform:uppercase}.ephoto-card-body{display:flex;flex:1;flex-direction:column;padding:25px 15px 13px}.ephoto-title{min-height:39px;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.25}.ephoto-date{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#7a8097;font-size:12px}.ephoto-date i,.ephoto-metrics i{color:#5b45e7}.ephoto-url{display:flex;align-items:center;gap:7px;height:38px;margin-bottom:12px;padding:0 9px;border:1px solid #dfe2ef;border-radius:10px;background:#fafbff}
.ephoto-url a,
.ephoto-url span{min-width:0;flex:1;overflow:hidden;color:#4d5368;font-family:monospace;font-size:12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ephoto-copy{flex:0 0 auto;border:0;padding:0;background:transparent;color:#9298af;cursor:pointer}.ephoto-metrics{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:auto;color:#383b50;font-size:11px;font-weight:400}.ephoto-access-metrics{display:flex;flex:1 0 100%;align-items:center;gap:12px}.ephoto-access-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.ephoto-access-item+.ephoto-access-item{padding-left:12px;border-left:1px solid #d8dceb}.ephoto-metrics i{margin-right:4px}.ephoto-card-actions{display:grid;grid-template-columns:1.1fr 1.1fr 38px;gap:6px;padding:11px 13px 12px;border-top:1px solid #e1e4ef}.ephoto-card-actions form{margin:0}.ephoto-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:37px;border:1px solid #dfe2ef;border-radius:10px;background:#fff;color:#171829;font-size:13px;font-weight:600;text-decoration:none}.ephoto-action:hover{color:#5b45e7}.ephoto-action.edit{border-color:#eeeaff;background:#eeeaff;color:#5b45e7}.ephoto-action.more{font-size:18px;line-height:1}.ephoto-scroll-sentinel{height:1px}.ephoto-empty{display:none;padding:35px 15px;border:1px dashed #d8dceb;border-radius:14px;color:#74788d;text-align:center}.ephoto-empty.is-visible{display:block}
@media(max-width:1199px){.ephoto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991px){.ephoto-dashboard-header{align-items:flex-start;flex-direction:column}.ephoto-dashboard-tools{width:100%}.ephoto-search{width:auto;flex:1}.ephoto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.ephoto-dashboard-tools{align-items:stretch;flex-wrap:wrap}.ephoto-search{flex:1 0 100%}.ephoto-grid{grid-template-columns:1fr}}

.ephoto-initials{overflow:hidden}
.ephoto-initials img{display:block;width:100%;height:100%;object-fit:contain;background:#ccc}

/* Mantém o botão de cópia dentro do campo de URL do card. */
.ephoto-url .ephoto-copy{position:static!important;right:auto!important;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px}
.ephoto-url .ephoto-copy.is-copied{border-radius:6px;background:#e8f8ef;color:#16975a;animation:ephoto-copy-feedback .28s ease}
@keyframes ephoto-copy-feedback{0%{transform:scale(.72)}70%{transform:scale(1.15)}100%{transform:scale(1)}}

/* Editor visual de evento */
body:has(.container_evento){background:#f5f6fd}.container_evento{display:grid!important;grid-template-columns:190px minmax(520px,1fr) 320px;grid-template-rows:auto 1fr;gap:24px;max-width:1240px!important;margin-top:26px}.event-editor-topbar{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:20px;min-height:62px}.event-editor-back{color:#7d839c;font-size:13px;text-decoration:none}.event-editor-event{display:flex;align-items:center;gap:11px}.event-editor-event strong{display:block;color:#1d1e2e;font-size:24px}.event-editor-event small{display:block;margin-top:3px;color:#7a8098;font-size:12px}.event-editor-event small span{color:#16975a}
.event-editor-monogram{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:1px solid #e0e3ef;border-radius:12px;background:#fff;color:#6650e8;font-weight:800;box-shadow:0 1px 2px rgba(30,34,55,.1)}.event-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.event-editor-saved,.event-editor-preview-button,.event-editor-save-button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border-radius:11px;font-size:12px;white-space:nowrap}.event-editor-saved{gap:7px;border:1px solid #e3e6f0;color:#596078}.event-editor-saved i{width:7px;height:7px;border-radius:50%;background:#1caf68}.event-editor-preview-button{border:1px solid #dfe2ec;background:#fff;color:#242638;font-weight:700;text-decoration:none}.event-editor-save-button{border:0;background:#8b63ed;color:#fff;font-weight:700;box-shadow:0 7px 16px rgba(114,76,225,.25)}.event-editor-sidebar{grid-column:1;grid-row:2;position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:7px}.event-editor-sidebar a{display:flex;align-items:center;gap:12px;height:45px;padding:0 13px;border-radius:11px;color:#535a74;font-size:13px;font-weight:600;text-decoration:none}.event-editor-sidebar a i{width:22px;color:#8188a3;text-align:center}.event-editor-sidebar a.active,.event-editor-sidebar a:hover{background:#fff;color:#6049e4;box-shadow:0 1px 2px rgba(31,35,55,.08)}.event-editor-sidebar a.active i{display:flex;align-items:center;justify-content:center;height:28px;border-radius:8px;background:#f0edff;color:#6650e8}.container_evento>.event-editor-legacy-title,.container_evento>.clearfix{display:none}
.event-editor-event-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px;color:#596078;font-size:10px;font-weight:400}.event-editor-event-metrics i{margin-right:4px;color:#6650e8}.event-editor-event-total{padding-left:10px;border-left:1px solid #d8dceb}
.container_evento .event-editor-form{grid-column:2;grid-row:2;width:100%!important;float:none!important;display:block!important;align-self:start;padding:22px;border-radius:17px;}
.event-editor-card-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.event-editor-card-heading>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f0ebff;color:#674ee8}.event-editor-card-heading h3{margin:3px 0 7px;color:#242536;font-size:16px;font-weight:800}.event-editor-card-heading p{margin:0;color:#7a819a;font-size:12px}.event-editor-form .form-label{margin-bottom:7px;color:#42485f;font-size:12px;font-weight:700}.event-editor-form .form-control,.event-editor-form select.form-control{min-height:42px;border-color:#d8ddec;border-radius:9px;background:#fafbff;font-size:13px}.event-editor-form textarea.form-control{min-height:92px}.event-editor-form>.mb-3,.event-editor-form>.mb-5{margin-bottom:22px!important}.event-editor-form .imagem_box_wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.event-editor-form .imagem_box{width:auto!important;min-width:0;margin:0 0 18px!important;padding:12px;border:1px dashed #d5daeb;border-radius:12px}.event-editor-form .imagem_box .btn-dark{border:0;background:#f1ecff;color:#6249e6}.event-editor-form .imagem_dimensoes{font-size:10px}.event-editor-form>.btn-success,.event-editor-form>input[type=submit]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.container_evento .evento_em_tempo_real{grid-column:3;grid-row:2;position:sticky;top:20px;align-self:start;float:none!important;width:100%!important;margin:0!important;padding:20px 14px;border:1px solid #e0e3ed;border-radius:17px;background:#fff;box-shadow:0 2px 3px rgba(31,35,55,.08)}.container_evento .evento_em_tempo_real:before{content:"●  PREVIEW AO VIVO";display:block;margin:0 0 12px 74px;color:#777e96;font-size:11px;font-weight:800;letter-spacing:1px}.container_evento .evento_em_tempo_real:after{content:"Toque nas abas para alternar as telas do visitante.";display:block;margin-top:12px;color:#7a8098;font-size:11px;text-align:center}.container_evento .evento_em_tempo_real .box{position:relative!important;right:auto!important;bottom:auto!important;width:280px!important;max-width:100%;margin:auto!important;border-radius:32px!important}.container_evento .evento_em_tempo_real .box_1_js{display:block}.container_evento .evento_em_tempo_real .celular{width:100%;height:auto;max-height:500px;object-fit:contain}.container_evento .evento_em_tempo_real .celular_inter{top:7%;height:86%}
.container_evento .evento_em_tempo_real .menu_celular{font-size:11px}
.container_evento>style,.container_evento>script{display:none}
@media(max-width:1100px){.container_evento{grid-template-columns:170px minmax(0,1fr)}.container_evento .evento_em_tempo_real{display:none}.event-editor-topbar{grid-template-columns:170px 1fr}.event-editor-actions{grid-column:2}.event-editor-saved{display:none}}@media(max-width:767px){.container_evento{display:block!important;margin-top:12px}.event-editor-topbar{display:flex;flex-wrap:wrap;margin-bottom:16px}.event-editor-event{order:-1;flex:1}.event-editor-back{width:100%}.event-editor-actions{width:100%;justify-content:stretch}.event-editor-actions>*{flex:1}.event-editor-sidebar{position:static;overflow-x:auto;flex-direction:row;margin-bottom:14px}.event-editor-sidebar a{flex:0 0 auto}.container_evento .event-editor-form{padding:16px}.event-editor-form .imagem_box_wrapper{grid-template-columns:1fr}}

/* Preview do editor */
.container_evento .evento_em_tempo_real{padding:17px 20px 18px!important;border-radius:18px!important}.container_evento .evento_em_tempo_real:before{margin:0!important;text-align:center}.container_evento .evento_em_tempo_real .box{width:230px!important;margin:68px auto 0!important;border-radius:35px!important;box-shadow:0 14px 30px rgba(26,23,58,.14)}.container_evento .evento_em_tempo_real .box:before,.container_evento .evento_em_tempo_real .box:after{display:none!important}
.container_evento .evento_em_tempo_real .menu_celular{top:-56px!important;left:50%!important;display:flex!important;margin:0!important;padding:3px!important;transform:translateX(-50%);border:1px solid #e0e2ee;border-radius:22px;background:#f1f2f8;z-index:120}.container_evento .evento_em_tempo_real .menu_celular li{width:50%!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#34374c!important;font-size:11px!important;line-height:1}.container_evento .evento_em_tempo_real .menu_celular li.active{background:#fff!important;color:#654be8!important;box-shadow:0 1px 4px rgba(38,40,67,.1)}.container_evento .evento_em_tempo_real .celular{max-height:490px!important}.container_evento .evento_em_tempo_real .celular_inter{top:6%!important;height:87%!important}.container_evento .evento_em_tempo_real:after{max-width:270px;margin:16px auto 0!important;line-height:1.45}

/* Bloco de identidade */
.event-editor-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.event-editor-identity>.event-editor-card-heading{grid-column:1/-1}.event-editor-identity>.mb-3,.event-editor-identity>.mb-5{min-width:0;margin-bottom:17px!important}.event-editor-identity>.imagem_box_wrapper{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.event-editor-identity>.identity-uuid .form-control,.event-editor-identity>.mb-3:has(.url_pagina_principal) .form-control{background:#f4f5fb;color:#747b93}
.event-editor-identity>.imagem_box_wrapper>.imagem_box{position:relative;min-height:112px!important;margin:0!important;padding:14px!important;background:#fff}
.event-editor-identity>.imagem_box_wrapper>.imagem_box:nth-child(4){grid-column:1/-1;margin-top:5px!important}.event-editor-identity .imagem_box>.form-label{display:block;margin-bottom:9px}
.event-editor-identity .imagem_box .file_box{position:relative;min-height:68px;}
.event-editor-identity .imagem_box .file_box>.btn{height:52px;margin:0!important;padding:6px!important;font-size:11px}
.event-editor-identity .imagem_dimensoes{margin:30px 0 0!important}
.event-editor-identity .imagem_dimensoes>.maximo,.event-editor-identity .imagem_dimensoes>.niminimo,.event-editor-identity .imagem_dimensoes .formatos{display:none!important}.event-editor-identity .imagem_dimensoes>.ideal{color:#149b58;font-size:10px;font-weight:700}.event-editor-identity .imagem_dimensoes>.ideal .txt_{padding:0;background:transparent!important;color:#149b58!important}
.event-editor-identity .thumb_wrapper{width:48px;height:52px;margin:0!important;border-radius:10px;background:#f2edff}.event-editor-identity .thumb_wrapper img{width:100%;height:100%;border:0!important;object-fit:contain}.event-editor-identity .thumb_wrapper>i{position:absolute;top:-6px;right:-6px;z-index:4}.event-editor-identity .form-control{height:43px}
@media(max-width:767px){.event-editor-identity{display:block;margin:-16px;padding:16px}.event-editor-identity>.imagem_box_wrapper{grid-template-columns:1fr!important}}

@media(min-width:768px){.event-editor-identity>.imagem_box_wrapper{grid-template-columns:repeat(4,minmax(0,1fr))!important}.event-editor-identity>.imagem_box_wrapper>.imagem_box:nth-child(4){grid-column:auto;margin-top:0!important}}

/* Bloco de aparência */
.event-editor-appearance{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:28px -22px 22px;padding:22px;border-top:12px solid #f5f6fd;border-bottom:12px solid #f5f6fd;background:#fff}.event-editor-appearance>.event-editor-card-heading{grid-column:1/-1}.event-editor-appearance>.mb-5{margin-bottom:20px!important}.event-editor-appearance>.appearance-video{grid-column:1/-1}.event-editor-appearance>.appearance-gradient{grid-column:1/-1}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"]){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"]):before{content:"Cores da marca";grid-column:1/-1;color:#41475e;font-size:12px;font-weight:800}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:58px;padding:10px 12px;border:1px solid #dfe3ef;border-radius:12px;background:#fafbff}
.event-editor-appearance>.mb-5:has(input[name="cor_titulo"]) .form-label{margin:0}.event-editor-appearance>.mb-5:has(select){grid-column:1/-1}.event-editor-appearance .preview_fonte{min-height:58px!important;padding:17px!important;border:1px solid #dfe3ef!important;border-radius:12px!important;background:#fafbff!important;font-size:18px!important}.event-editor-appearance>.mb-5:has(textarea),.event-editor-appearance>.mb-5:has(input[type="email"]){grid-column:1/-1}.event-editor-appearance .form-text{font-size:11px}.event-editor-appearance #previw_color{border-radius:8px}
.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group>.color{grid-row:1/3;width:30px!important;height:30px!important;margin:0!important;padding:0;border:0;border-radius:9px;background:transparent;overflow:hidden;cursor:pointer}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group>.color::-webkit-color-swatch-wrapper{padding:0}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group>.color::-webkit-color-swatch{border:0;border-radius:8px}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group>.form-label{align-self:end;color:#262a3b;font-size:13px;font-weight:700;line-height:1.15}.event-editor-color-value{align-self:start;color:#858ca4;font-size:10px;line-height:1.2;text-transform:uppercase}
@media(max-width:767px){.event-editor-appearance{display:block;margin:24px -16px;padding:16px}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"]){display:block}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"])>.input-group{margin-bottom:10px}}

.event-video-picker{display:flex;align-items:center;min-height:48px;overflow:hidden;border:1px solid #d8ddec;border-radius:12px;background:#fafbff}.event-video-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.event-video-button{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;gap:8px;margin:0;padding:0 18px;border:0;border-right:1px solid #d8ddec;background:#f0ecff;color:#6249e6;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.event-video-button:hover{background:#e8e2ff}.event-video-button:focus-within,.event-video-input:focus+.event-video-button{box-shadow:inset 0 0 0 2px #8b63ed}.event-video-filename{min-width:0;overflow:hidden;padding:0 15px;color:#747b93;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.appearance-gradient-card{display:grid!important;grid-template-columns:1fr 1fr 72px;gap:12px;width:100%;padding:10px 12px!important;border:1px solid #dfe3ef!important;border-radius:12px!important;background:#fafbff}.appearance-gradient-color{display:grid;grid-template-columns:42px 1fr;align-items:center;min-width:0;margin:0;cursor:pointer}.appearance-gradient-color input[type=color]{grid-row:1;width:34px!important;height:34px!important;margin:0!important;padding:0;border:0;border-radius:9px;background:transparent;overflow:hidden;cursor:pointer}.appearance-gradient-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-gradient-color input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.appearance-gradient-color span{display:flex;min-width:0;flex-direction:column}.appearance-gradient-color strong{color:#262a3b;font-size:12px;line-height:1.2}.appearance-gradient-color small{margin-top:3px;color:#858ca4;font-size:10px;text-transform:uppercase}.appearance-gradient-card #previw_color{width:54px!important;height:54px!important;justify-self:end;border:1px solid #d8ddec;border-radius:12px!important}.appearance-gradient-card>.event-editor-color-value{display:none}@media(max-width:575px){.event-video-picker{align-items:stretch;flex-direction:column}.event-video-button{min-height:44px;border-right:0;border-bottom:1px solid #d8ddec}.event-video-filename{padding:12px 15px}.appearance-gradient-card{grid-template-columns:1fr}.appearance-gradient-card #previw_color{width:100%!important;height:42px!important;justify-self:stretch}}

/* Fontes do Google em três colunas */
@media(min-width:768px){.event-editor-appearance{grid-template-columns:repeat(6,minmax(0,1fr))}.event-editor-appearance>.event-editor-card-heading{grid-column:1/-1}.event-editor-appearance>.appearance-video,.event-editor-appearance>.appearance-gradient{grid-column:1/-1}.event-editor-appearance>.mb-5:has(input[name="cor_titulo"]),.event-editor-appearance>.mb-5:has(textarea),.event-editor-appearance>.mb-5:has(input[type="email"]){grid-column:1/-1}.event-editor-appearance>.appearance-font,.event-editor-appearance>.mb-5:has(select[name="fonte_titulo"]),.event-editor-appearance>.mb-5:has(select[name="fonte_botao"]),.event-editor-appearance>.mb-5:has(select[name="fonte_texto"]){grid-column:span 2}.event-editor-appearance>.appearance-font .preview_fonte,.event-editor-appearance>.mb-5:has(select[name^="fonte_"]) .preview_fonte{min-height:70px!important;padding:14px!important;font-size:14px!important;overflow:hidden}}


/* Seletor visual controlado por google_fonts.js */
.ef-wrap{position:relative}.ef-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:43px;padding:0 13px;border:1px solid #d8ddec;border-radius:9px;background:#fafbff;color:#303347;font-size:14px;text-align:left}.ef-trigger i{color:#858ba1;font-size:11px;transition:transform .2s}.ef-wrap.open .ef-trigger i{transform:rotate(180deg)}.ef-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;display:none;width:100%;max-height:325px;padding:8px;border:1px solid #dce0ed;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(35,38,65,.16)}.ef-wrap.open .ef-panel{display:block}.ef-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:305px;overflow:auto}.ef-item{min-height:42px;padding:10px;border:1px solid transparent;border-radius:8px;background:#fafbff;color:#282b3d;font-size:14px;cursor:pointer}.ef-item:hover,.ef-item.active{border-color:#dcd5ff;background:#f2efff;color:#6048df}.ef-item .sample{display:block}.appearance-font{min-width:0}.appearance-font>.form-label{display:block}
@media(max-width:767px){.ef-list{grid-template-columns:1fr}}
.ef-list{grid-template-columns:1fr!important}
.event-editor-monogram{overflow:hidden}
.event-editor-monogram img{display:block;width:100%;height:100%;object-fit:contain;background:#ccc}

/* Ações realmente fixas na viewport. */
.container_evento .event-editor-topbar{position:relative!important;top:auto!important}
@media(min-width:768px){.container_evento .event-editor-actions{position:fixed!important;top:18px!important;right:max(20px,calc((100vw - 1240px)/2))!important;bottom:auto!important;left:auto!important;z-index:9999!important;display:flex!important;width:auto!important;padding:6px!important;border:1px solid #e0e3ed!important;border-radius:14px!important;background:rgba(245,246,253,.98)!important;box-shadow:0 8px 24px rgba(35,38,65,.14)!important;backdrop-filter:blur(10px)!important}}
@media(max-width:767px){.container_evento .event-editor-actions{position:fixed!important;right:12px!important;bottom:12px!important;left:12px!important;top:auto!important;z-index:9999!important;display:flex!important;padding:8px!important;border:1px solid #e0e3ed!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 28px rgba(35,38,65,.18)!important}}

/* Ações na coluna direita: posição natural e sticky somente ao rolar. */
.container_evento>.event-editor-actions{grid-column:3;grid-row:2;position:sticky!important;top:18px!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:1070!important;align-self:start;justify-self:stretch;display:flex!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.container_evento .evento_em_tempo_real{margin:58px 0 0!important;top:76px!important}
.container_evento .event-editor-topbar{grid-template-columns:190px 1fr!important}
@media(max-width:1100px){.container_evento>.event-editor-actions{grid-column:2;justify-self:end;width:auto!important}.container_evento .evento_em_tempo_real{margin-top:0!important}}
@media(max-width:767px){.container_evento>.event-editor-actions{position:sticky!important;top:0!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;margin-bottom:14px;padding:8px!important;border:1px solid #e0e3ed!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(35,38,65,.12)!important}}

/* Estrutura definitiva do editor: menu, formulário e coluna de preview. */
@media(min-width:1101px){
    .container_evento{
        grid-template-columns:200px minmax(0,1fr) 320px!important;
        grid-template-rows:auto minmax(0,1fr)!important;
        column-gap:22px!important;
        row-gap:22px!important;
        max-width:1320px!important;
        align-items:start!important;
    }
    .container_evento .event-editor-topbar{
        grid-column:1/-1!important;
        grid-row:1!important;
        grid-template-columns:200px minmax(0,1fr)!important;
        column-gap:22px!important;
        position:relative!important;
        top:auto!important;
        padding:0!important;
        background:transparent!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
    }
    .container_evento .event-editor-sidebar{
        grid-column:1!important;
        grid-row:2!important;
        position:sticky!important;
        top:20px!important;
        max-height:calc(100vh - 40px);
        overflow-y:auto;
    }
    .container_evento .event-editor-form{
        grid-column:2!important;
        grid-row:2!important;
        min-width:0!important;
    }
    .container_evento>.event-editor-actions{
        grid-column:3!important;
        grid-row:2!important;
        position:sticky!important;
        top:18px!important;
        width:100%!important;
        min-height:34px;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }
    .container_evento .evento_em_tempo_real{
        grid-column:3!important;
        grid-row:2!important;
        position:sticky!important;
        top:70px!important;
        margin:54px 0 0!important;
    }
}
@media(min-width:768px) and (max-width:1100px){.container_evento .event-editor-topbar{grid-template-columns:170px minmax(0,1fr)!important;column-gap:24px!important}}

/* Todas as seções do editor são cards independentes e uniformes. */
.container_evento .event-editor-form{
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.container_evento .event-editor-form > .event-editor-section{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:22px!important;
    border:0!important;
    border-radius:17px!important;
    background:#fff!important;
    overflow:visible!important;
}
.container_evento .event-editor-form > .event-editor-section:last-of-type{
    margin-bottom:0!important;
}
.container_evento .event-editor-form > .event-editor-section:before{
    content:none!important;
}
@media(max-width:767px){
    .container_evento .event-editor-form > .event-editor-section{
        margin-bottom:14px!important;
        padding:16px!important;
    }
}

/* Notificação por WhatsApp no mesmo padrão dos demais campos com switch. */
.event-editor-notifications > .wrapper_switch{
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:70px!important;
    margin:0 0 18px!important;
    padding:15px 62px 14px 0!important;
    border:0!important;
    border-bottom:1px solid #dfe3ee!important;
    border-radius:0!important;
    background:transparent!important;
}
.event-editor-notifications > .wrapper_switch > .form-label{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#292c3d!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.35!important;
}
.event-editor-notifications > .wrapper_switch > .form-label small{
    display:block!important;
    margin-top:4px!important;
    color:#858ba2!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.35!important;
}
.event-editor-notifications > .wrapper_switch > .form-check{
    position:absolute!important;
    top:18px!important;
    right:0!important;
    width:44px!important;
    height:26px!important;
    margin:0!important;
    padding:0!important;
}
.event-editor-notifications > .wrapper_switch > .form-check .form-check-input{
    float:none!important;
    width:44px!important;
    height:26px!important;
    margin:0!important;
    border:0!important;
    background-color:#d8deef!important;
    background-position:left center!important;
    background-size:22px 22px!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.event-editor-notifications > .wrapper_switch > .form-check .form-check-input:checked{
    background-color:#6c5ce7!important;
    background-position:right center!important;
}

/* Normalização final compartilhada por evento.php e criar-evento.php. */
@media(min-width:1101px){
    .container_evento>.evento_em_tempo_real{
        box-sizing:border-box!important;
        overflow:hidden!important;
        width:320px!important;
        min-width:320px!important;
        padding:18px 20px!important;
        border:1px solid #e0e3ed!important;
        border-radius:18px!important;
        background:#fff!important;
        box-shadow:0 2px 3px rgba(31,35,55,.08)!important;
    }
    .container_evento>.evento_em_tempo_real .box{
        position:relative!important;
        inset:auto!important;
        box-sizing:border-box!important;
        overflow:visible!important;
        width:230px!important;
        max-width:230px!important;
        margin:68px auto 0!important;
        border-radius:35px!important;
    }
    .container_evento>.evento_em_tempo_real .celular{
        display:block!important;
        width:230px!important;
        max-width:230px!important;
        height:auto!important;
        max-height:490px!important;
        margin:0 auto!important;
        object-fit:contain!important;
    }
    .container_evento>.evento_em_tempo_real .menu_celular{
        position:absolute!important;
        top:-56px!important;
        left:50%!important;
        display:flex!important;
        margin:0!important;
        padding:3px!important;
        transform:translateX(-50%)!important;
        border:1px solid #e0e2ee!important;
        border-radius:22px!important;
        background:#f1f2f8!important;
    }
}
.event-editor-advanced{box-sizing:border-box!important;overflow:hidden!important;border-radius:17px!important}
.event-editor-advanced>.wrapper_switch:not(.advanced-domain-switch){position:relative!important;display:block!important;min-height:70px!important;margin:0!important;padding:15px 62px 14px 0!important;border-bottom:1px solid #dfe3ee!important}
.event-editor-advanced>.wrapper_switch:not(.advanced-domain-switch)>.form-check{position:absolute!important;top:18px!important;right:0!important;width:44px!important;height:26px!important;margin:0!important;padding:0!important}
.event-editor-advanced>.wrapper_switch:not(.advanced-domain-switch)>.form-label{display:block!important;margin:0!important;color:#292c3d!important;font-size:13px!important;font-weight:750!important}
.event-editor-advanced>.wrapper_switch:not(.advanced-domain-switch)>.form-check .form-check-input{width:44px!important;height:26px!important;margin:0!important;border:0!important;background-color:#d8deef!important;background-size:22px 22px!important;box-shadow:none!important}
.event-editor-advanced>.wrapper_switch:not(.advanced-domain-switch)>.form-check .form-check-input:checked{background-color:#6c5ce7!important}
.event-editor-advanced>.campos_do_form{margin:12px 0 20px!important;padding:12px!important;border:1px solid #e1e5ef!important;border-radius:10px!important;background:#fafbff!important}
.event-editor-advanced>.advanced-uuid{width:285px!important;max-width:100%!important;margin:18px 0 0!important}

/* Opções sempre ocupam toda a largura útil dos cards. */
.event-editor-recognition>.recognition-options{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.event-editor-recognition>.recognition-options>.wrapper_switch{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important}
.event-editor-recognition>.recognition-options>.wrapper_mult_imagens,.event-editor-recognition>.recognition-options>.data_expiracao_escolha_fotos,.event-editor-recognition>.recognition-options>.imagem_box{box-sizing:border-box!important;width:100%!important;max-width:none!important}
.event-editor-recognition>.recognition-options>.wrapper_mult_imagens{margin:0 0 17px!important}

/* "Exibir formulário" segue o mesmo padrão das demais opções. */
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario){position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:70px!important;margin:0!important;padding:15px 62px 14px 0!important;border:0!important;border-bottom:1px solid #dfe3ee!important;border-radius:0!important;background:transparent!important}
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario)>.form-label{display:block!important;width:100%!important;margin:0!important;color:#292c3d!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important}
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario)>.form-label small{display:block!important;margin-top:4px!important;color:#858ba2!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important}
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario)>.form-check{position:absolute!important;top:18px!important;right:0!important;display:block!important;width:44px!important;height:26px!important;margin:0!important;padding:0!important}
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario)>.form-check .form-check-input{float:none!important;width:44px!important;height:26px!important;margin:0!important;border:0!important;background-color:#d8deef!important;background-position:left center!important;background-size:22px 22px!important;box-shadow:none!important}
.event-editor-advanced>.wrapper_switch:has(.exibir_formulario)>.form-check .form-check-input:checked{background-color:#6c5ce7!important;background-position:right center!important}
.event-editor-section,.event-editor-section-anchor{scroll-margin-top:24px}
.event-editor-sidebar a.active{pointer-events:none}
.event-editor-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 16px;margin:28px -22px 22px;padding:22px;border-top:12px solid #f5f6fd;background:#fff}
.event-editor-content>.event-editor-card-heading{grid-column:1/-1}
.event-editor-content>.appearance-font{grid-column:span 2;grid-row:2;min-width:0;margin:0 0 22px!important}
.event-editor-content>.content-location{grid-column:1/-1;grid-row:3}
.event-editor-content>.content-map{grid-column:1/-1;grid-row:4}
.event-editor-content>.content-copyright{grid-column:1/-1;grid-row:5}
.event-editor-content>.content-description{grid-column:1/4;grid-row:6}
.event-editor-content>.content-lgpd{grid-column:4/-1;grid-row:6}
.event-editor-content>.content-not-found{grid-column:1/4;grid-row:7}
.event-editor-content>.content-contact-email{grid-column:4/-1;grid-row:7}
.event-editor-content>.mb-3,.event-editor-content>.mb-5{margin-bottom:22px!important}
.event-editor-content>.content-copyright>.form-control,.event-editor-content>.content-description>.form-control,.event-editor-content>.content-lgpd>.form-control,.event-editor-content>.content-not-found>.form-control,.event-editor-content>.content-contact-email>.form-control{margin-bottom:0!important}
@media(max-width:767px){.event-editor-content{display:block;margin:24px -16px 18px;padding:16px}}
.event-editor-form>.appearance-font{display:inline-block;width:calc((100% - 24px)/3);margin:0 12px 22px 0;vertical-align:top}
.event-editor-form>.appearance-font:has(#fontSelector_texto){margin-right:0}
@media(max-width:767px){.event-editor-form>.appearance-font{display:block;width:100%;margin-right:0}}
.event-editor-recognition{margin:28px -22px 22px;padding:22px;border-top:12px solid #f5f6fd;background:#fff}
.event-editor-recognition>.wrapper_switch{display:flex;align-items:center;justify-content:space-between;min-height:70px;margin:0!important;padding:14px 0;border-bottom:1px solid #e2e5ef}
.event-editor-recognition>.wrapper_switch:has(input[name="marca_agua_true"]){flex-wrap:wrap}
.event-editor-recognition>.wrapper_switch:has(input[name="marca_agua_true"])>.box_marca_agua{flex:0 0 100%;width:100%;margin-top:14px!important}
.event-editor-recognition>.wrapper_switch .form-check{order:2;margin-left:auto}
.event-editor-recognition>.wrapper_switch .form-label{order:1;display:flex;flex:1;flex-direction:column;margin:0!important;color:#292c3d;font-size:13px;font-weight:750;line-height:1.35}
.event-editor-recognition>.wrapper_switch .form-label:after{display:block;margin-top:4px;color:#858ba2;font-size:11px;font-weight:400}
.event-editor-recognition>.wrapper_switch:has(input[name="organizar_fotos_por_data"]) .form-label:after{content:"Agrupa a galeria cronologicamente"}
.event-editor-recognition>.wrapper_switch:has(input[name="marca_agua_true"]) .form-label:after{content:"Aplica a marca sobre as prévias"}
.event-editor-recognition>.wrapper_switch:has(input[name="acesso_para_nao_cadastrados"]) .form-label:after{content:"Visitantes veem com marca antes de se cadastrar"}
.event-editor-recognition>.wrapper_switch:has(input[name="liberar_fotos"]) .form-label:after{content:"Sem reconhecimento facial obrigatório"}
.event-editor-recognition>.wrapper_switch:has(input[name="exibir_formulario"]) .form-label:after{content:"Captura lead antes de mostrar a galeria"}
.event-editor-recognition>.wrapper_switch .form-switch{display:flex;align-items:center;padding-left:0}
.event-editor-recognition>.wrapper_switch .form-switch .form-check-input{width:44px;height:26px;margin:0!important;border:0;background-color:#d8deef;background-size:22px 22px;box-shadow:none;cursor:pointer}
.event-editor-recognition>.wrapper_switch .form-switch .form-check-input:checked{background-color:#6c5ce7}
.event-editor-recognition>.wrapper_switch .form-switch .form-check-input:focus{box-shadow:0 0 0 3px rgba(108,92,231,.14)}
.event-editor-recognition>.data_expiracao_escolha_fotos{max-width:285px;margin-top:18px}
@media(max-width:767px){.event-editor-recognition{margin:24px -16px 18px;padding:16px}}
.event-editor-recognition>.data_expiracao_escolha_fotos{max-width:285px;margin:17px 0 22px!important;padding:0!important}
.event-editor-recognition>.data_expiracao_escolha_fotos .form-label{font-size:12px;font-weight:750}
.event-editor-recognition>.data_expiracao_escolha_fotos .form-control{height:44px;border-color:#d8ddec;border-radius:10px;background:#fafbff}
.event-editor-advanced{padding:22px;background:#fff}

.event-editor-notifications + .event-editor-advanced{position:relative;overflow:visible!important;}
.event-editor-notifications + .event-editor-advanced:before{content:"";position:absolute;top:-28px;right:0;left:0;height:28px;background:#f5f6fd;pointer-events:none}
.event-editor-advanced>.advanced-domain-switch{display:flex;align-items:center;justify-content:space-between;min-height:70px;margin:0 !important;padding:12px 0;border-bottom:1px solid #e1e5ef}
.event-editor-advanced>.advanced-domain-switch .form-check{order:2;margin:0 0 0 auto;padding:0}
.event-editor-advanced>.advanced-domain-switch .form-label{order:1;display:flex;flex-direction:column;margin:0!important;color:#292c3d;font-size:13px;font-weight:750}
.event-editor-advanced>.advanced-domain-switch .form-label:after{content:"Ex.: fotos.seuevento.com.br";margin-top:4px;color:#858ba2;font-size:11px;font-weight:400}
.event-editor-advanced>.advanced-domain-switch .form-check-input{width:44px;height:26px;margin:0!important;border:0;background-color:#d8deef;background-size:22px 22px;box-shadow:none}
.event-editor-advanced>.advanced-domain-switch .form-check-input:checked{background-color:#6c5ce7}
.event-editor-advanced>.advanced-uuid{max-width:285px;margin-top:14px}
.event-editor-advanced>.advanced-uuid .form-control{height:40px;border-color:#d8ddec;border-radius:9px;background:#f4f5fb;color:#7b829a;font-size:12px}
@media(max-width:767px){.event-editor-advanced{margin:24px -16px 18px;padding:16px}}

/* Linhas visuais das opções de reconhecimento. A ordem continua no HTML. */
.event-editor-recognition .wrapper_switch{position:relative!important;display:block!important;min-height:70px!important;margin:0!important;padding:15px 62px 14px 0!important;border:0!important;border-bottom:1px solid #dfe3ee!important;border-radius:0!important;background:transparent!important}
.event-editor-recognition .wrapper_switch>.form-label{display:block!important;width:100%!important;margin:0!important;color:#292c3d!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important}
.event-editor-recognition .wrapper_switch>.form-label:after{display:block!important;margin-top:4px!important;color:#858ba2!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important}
.event-editor-recognition .wrapper_switch>.form-label:after{content:none!important}
.event-editor-recognition .wrapper_switch>.form-label small{display:block!important;margin-top:4px!important;color:#858ba2!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important}
.event-editor-form .wrapper_switch>.form-label small{display:block;margin-top:4px;color:#858ba2;font-size:11px;font-weight:400;line-height:1.35}
.event-editor-recognition .wrapper_switch>.form-check{position:absolute!important;top:18px!important;right:0!important;display:block!important;width:44px!important;height:26px!important;margin:0!important;padding:0!important}
.event-editor-recognition .wrapper_switch>.form-check .form-check-input{float:none!important;width:44px!important;height:26px!important;margin:0!important;border:0!important;background-color:#d8deef!important;background-position:left center!important;background-size:22px 22px!important;box-shadow:none!important;cursor:pointer!important}
.event-editor-recognition .wrapper_switch>.form-check .form-check-input:checked{background-color:#6c5ce7!important;background-position:right center!important}
.event-editor-recognition .wrapper_switch>.box_marca_agua{width:calc(100% + 62px)!important;margin:16px -62px 0 0!important;padding-top:16px!important;border-top:1px solid #dfe3ee!important}

/* Ações alinhadas com a coluna do preview. */
@media(min-width:1101px){
    .container_evento>.event-editor-actions{
        grid-column:3!important;
        grid-row:2!important;
        position:sticky!important;
        top:18px!important;
        z-index:1070!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
    }
    .container_evento>.evento_em_tempo_real{
        grid-column:3!important;
        grid-row:2!important;
        width:100%!important;
        margin:54px 0 0!important;
    }
}