@charset "utf-8";
*{font-family: 'Nunito', sans-serif;}
/*
/* Geral
/*
/* *********************************************** */
body { background: #fff top center repeat-x; }

.banner img {
    width: 100%;
    /* border-bottom: 4px solid #4634eb; */
}
.form-control[readonly] {border: none;box-shadow: none; color: initial; background: none;}

/* Remover Margens - Full Screen */
.container-fluid {padding: 0 !important;}

/* Links */
a { color:#06c; text-decoration:underline; }
a:hover { color:#039; }

/*.principal { padding: 30px 20px 20px 20px; background:#fff; }*/

.idioma { text-align:right; padding:2px 8px 4px; position: absolute; top: 13px;}
.idioma a { display:inline-block; height:20px; line-height:20px; text-decoration:none; font-size:70%; font-weight:bold; overflow:hidden; width:24px;color:#fff; }
.idioma a span { display:none; }

.idioma a.flag-pt { background:url(../imagens/flag-pt.png) no-repeat left top; }
.idioma a.flag-en { background:url(../imagens/flag-en.png) no-repeat left top; }
.idioma a.flag-es { background:url(../imagens/flag-es.png) no-repeat left top; }

.header { background:#f5f2f6; /*margin:0 -20px 20px; border-bottom: 1px solid #000;*/}
.header .img-header { display:block; height:100px; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; outline:none; } 
.header .bg-header { height:25px; background: #868686; } 

.footer { height:35px; /*margin:30px -20px 0;*/ position: fixed;bottom: 0;width: 100%; } 
.admin .footer{background:transparent;}

.ins_est_isento {margin-top: 25px;}

.idioma-PT .para_bg { height: 205px; background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; opacity: 1; -webkit-filter: blur(24px); filter: blur(24px); background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-md-pt.jpg?v=14); background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-md-pt.jpg?v=14); position: relative;margin-top: -219px; z-index: -1;}		
.idioma-PT .para_imagem img {position: relative; border-style: none; border-radius: 12px; background-image: url(../imagens/header-md-pt.jpg?v=14); box-shadow: 0 30px 80px 10px rgba(0, 0, 0, .12), 0 11px 30px -7px rgba(0, 0, 0, .3); -webkit-transition: all 600ms ease; transition: all 600ms ease; margin-top: -17px; display: initial;}

.idioma-PT .para_bg_agenda{ height: 205px; background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; opacity: 1; -webkit-filter: blur(24px); filter: blur(24px); background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-agenda-pt.jpg?v=14); background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-agenda-pt.jpg?v=14); position: relative;margin-top: -219px; z-index: -1; }

.idioma-EN .para_bg { height: 205px; background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; opacity: 1; -webkit-filter: blur(24px); filter: blur(24px); background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-md-en.jpg?v=14); background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) , url(../imagens/header-md-en.jpg?v=14); position: relative;margin-top: -219px; z-index: -1;}		
.idioma-EN .para_imagem img {position: relative; border-style: none; border-radius: 12px; background-image: url(../imagens/header-md-en.jpg?v=14); box-shadow: 0 30px 80px 10px rgba(0, 0, 0, .12), 0 11px 30px -7px rgba(0, 0, 0, .3); -webkit-transition: all 600ms ease; transition: all 600ms ease; margin-top: -17px; display: initial;}	

/*
.idioma-PT .header .img-header { background-image:url(../imagens/header-xs-pt.jpg?v=6); }
.idioma-EN .header .img-header { background-image:url(../imagens/header-xs-en.jpg?v=6); }
*/

/* Small devices (SM) */
/*
@media (min-width:768px) {
	.container { width:750px; }
	.idioma a { width:auto; padding-left:30px; }
	.idioma a span { display:inline; }
	.header .img-header { height:138px; }
	.idioma-PT .header .img-header { background-image:url(../imagens/header-lg-pt.jpg?v=6);  background-size: cover;}
	.idioma-EN .header .img-header { background-image:url(../imagens/header-lg-en.jpg?v=6);  background-size: cover;}
}
*/

/* Medium devices (MD) */

/*
@media (max-width:992px) {

	.container { width:970px; }
	.header .img-header { height:180px; }
	.idioma-PT .header .img-header { background-image:url(../imagens/header-xs-pt.jpg?v=6);  background-size: cover;}
	.idioma-EN .header .img-header { background-image:url(../imagens/header-xs-en.jpg?v=6);  background-size: cover;}
}

/* Large devices (LG) */
/*
@media (min-width:1200px) {
	.container { width:970px; }
	.header .img-header { height:200px; }
	.idioma-PT .header .img-header { background-image:url(../imagens/header-lg-pt.jpg?v=6); background-size: cover;}
	.idioma-EN .header .img-header { background-image:url(../imagens/header-lg-en.jpg?v=6); background-size: cover;}
}
*/

h1.titulo { font-weight:bold; color:#000; font-size:150%; margin:0 0 10px;}

h2.subtitulo { font-weight:bold; color:#0b081d; font-size:140%; }
h2.subtitulo + .row { padding-top:5px !important; }

h3.subtitulo { font-weight:bold; color:#333; font-size:130%; }

h1.titulo + hr,
h2.subtitulo + hr,
h3.subtitulo + hr { margin:5px 0 10px !important; }
h4{
	font-weight: bold;
}
/* Destaca os radios/checkboxes checados */
.label-radio.checked,
.label-checkbox.checked { background:#fffaed !important; border-color:#ffecd4 !important; }

/* Exibe todas as letras nos campos em maiúsculas */
.form-control[type="text"] { text-transform:uppercase !important; }
.form-control.password-fake { text-transform:none !important; }
.form-control.text-lower, .control-group.text-lower .form-control { text-transform:lowercase !important; }
.form-control.text-no-case, .control-group.text-no-case .form-control { text-transform:none !important; }
.form-control[disabled], .form-control[disabled]:focus, .form-control[disabled]:hover {color: #000;}

/* Contador de caracteres */
div.counter { font-size:80%; padding-top:3px; }
div.counter span.chars { color:#03c; font-weight:bold; }
div.counter.error-counter { color:#f00; }
div.counter.error-counter span.chars { color:#900; }

/* Forma de pagamento */
div.opcao-pagto { text-align:center; background:#fcfcfc; border:1px solid #ddd; border-radius:8px; }
div.opcao-pagto div.input-pagto { padding:3px; background:#f3f3f3; border-bottom:1px solid #ddd; border-top-left-radius:10px; border-top-right-radius:10px; }
div.opcao-pagto label { display:block; padding:0 15px 15px; cursor:pointer; }
div.opcao-pagto label img { margin:10px 0 4px; }
div.opcao-pagto div.input-pagto label { padding:0 15px; }

div.opcao-pagto:hover { background:#eff8ff; border-color:#bfebff; box-shadow:0 0 5px rgba(0, 137, 217, 0.6); -webkit-box-shadow:0 0 5px rgba(0, 137, 217, 0.6); -moz-box-shadow:0 0 5px rgba(0, 137, 217, 0.6); }
div.opcao-pagto:hover div.input-pagto { background:#e4f3ff; border-color:#bfebff; }

/* Forma de pagamento selecionada */
div.opcao-pagto.active { background:#ffd; border-color:#fc0; }
div.opcao-pagto.active div.input-pagto { background:#ffb; border-bottom-color:#fc0; }

/* Valor total */
.valor_antigo { font-size:80%; color:#06c; }
.valor_antigo stroke { font-size:80%; }

.desconto { font-size:60%; color:#666; }

/* Classe de destaque na busca */
.busca-destaque { font-weight: bold; background: #348ebb; color: #fff; }
.destaque-linha { background-color: #e3f6ff; border-color: #bff5ff;}

#page-painel div[class*="col-"], .table-details > .row > div[class*="col-"] { padding:8px; line-height:1.42857143; }

div#my_camera,div#results img{
	width: 320px;
	height: 240px;
	margin-bottom: 15px;
}
div#imgSaved{margin:20px 0}
div#results img{float: right;}

/* Medium devices (MD) */
@media (min-width:992px) {
	.table-details > .row > .details-label { font-size: 100%; padding:8px; margin-bottom:auto; color:#000000; }
}

/* Admin */

.admin .principal { padding:20px 20px 35px; }
.admin .header { background:none; margin: 15px 0px; }
.admin .header img{ height:30px; }

.table-responsive .table .row{margin-left:0; margin-right: 0;}

footer { position: fixed; left: 0; right: 0; bottom: 0; background-color: gray; height: 55px;}
.highlighted1 {background-color: #f44336;-webkit-transition: background 1.0s ease-in-out;-ms-transition: background 1.0s ease-in-out;transition: background 1.0s ease-in-out;}
.highlighted2 {background-color: #4caf50;-webkit-transition: background 1.0s ease-in-out;-ms-transition: background 1.0s ease-in-out;transition: background 1.0s ease-in-out;}

.merchan{text-align:center; border: 0px dashed #ccc; background: transparent;margin: 10px 0; border-radius:5px;min-height: 100px;background-size:80%;background-position: center center;background-repeat: no-repeat;}
.tabela-atividades label{font-weight: normal; display:block;}
.tabela-atividades .selecionado {background: #c7c7e0;}
.tabela-atividades .selecionado label {font-weight: bold;}
.tabela-atividades .escolhido {background: #bde8bd;}
.tabela-atividades .desabilitado {background: #dcdcdccc !important; color: #9a9999;}
.tabela-atividades .desabilitado input {cursor:pointer;}
.tabela-atividades .desabilitado label {cursor:not-allowed !important;}
.tabela-atividades .disponivel {}
.tabela-atividades .disponivel input {cursor:pointer;}
.tabela-atividades .disponivel label {cursor:pointer;}

.tabela-produtos label{font-weight: normal; display:block;}
.tabela-produtos .selecionado {background: #f9f7ba !important;}
.tabela-produtos .selecionado label {font-weight: bold;}
.tabela-produtos .comprado {background: #fff;}
.tabela-produtos .comprado input {cursor:pointer;}
.tabela-produtos .comprado label {cursor:pointer;}
.tabela-produtos .comprado label span.descricao{color: #1565c0;}
.tabela-produtos .desabilitado {background: #dcdcdccc !important; color: #9a9999;}
.tabela-produtos .desabilitado label {cursor:not-allowed;}
.tabela-produtos .desabilitado label span.descricao{color: #9a9999 !important;}
.tabela-produtos .desabilitado-comprado {background: #dcdcdccc !important; color: #9a9999;}
.tabela-produtos .desabilitado-comprado label {cursor:not-allowed;}
.tabela-produtos .desabilitado-comprado label span.descricao{color: #9a9999 !important;}
.tabela-produtos .esgotado {background: #ffdfdf !important; color: #9a9999;}
.tabela-produtos .esgotado label {cursor:not-allowed;}
.tabela-produtos .esgotado label span.descricao{color: #9a9999 !important;}
.tabela-produtos .disponivel {}
.tabela-produtos .disponivel input {cursor:pointer;}
.tabela-produtos .disponivel label {cursor:pointer;}
.tabela-produtos .disponivel label span.descricao{color: #1565c0;}
.tabela-produtos .inativo {background: #dcdcdccc !important; color: #9a9999;}
.tabela-produtos .inativo label {cursor:not-allowed;}
.tabela-produtos .inativo label span.descricao{color: #9a9999 !important;}

/* Termos */
.termos {max-height: 300px; overflow-y: auto;}

/* Painel */
.menu-painel{text-align: center;}
@media (max-width:767px) {
	.menu-painel ul li{width: 49%}
	.menu-painel ul li .btn {width: 100%; display: block;}
}
.convite-realizado {position: relative; padding: 10px; border: 1px solid #ccc; border-radius: 5px;}
.convite-realizado .del-convite {position: absolute; top: 0; right: 5px;}

/* Upload de Fotos */
.square{width: 100%; cursor: pointer; background-image: url('../imagens/upload.png'); background-position-x: center; background-position-y: center; background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 133.33%; border-radius: 6px; border: 1px solid #ccc; /* 1:1 Aspect Ratio */}
.file-img{opacity:0; height: 1px; width: 1px; position: absolute; left: 50%; top: 50%;}
#sample_image{max-height: 400px;}

.border-black {border: 1px solid #000;}





/* =========================================
   CONEC 2027 - MODERNIZAÇÃO V2
   ========================================= */

body {
    background: #eef2f7 !important;
    font-family: 'Nunito', sans-serif !important;
    color: #1e293b !important;
}

/* CONTAINER PRINCIPAL */

.principal .container {
    background: #fff !important;
    border-radius: 24px !important;
    padding: 35px !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.08) !important;
}

.principal .containerx {
    background: #fff !important;
    border-radius: 24px !important;
    padding: 35px !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.08) !important;
}

/* TITULOS */

h1.titulo {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 30px !important;
}

h1.titulo i {
    color: #4f21c9 !important;
    margin-right: 12px !important;
}

h2.subtitulo {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

hr {
    border: 0 !important;
    height: 1px !important;
    background: #e5e7eb !important;
    margin: 15px 0 25px 0 !important;
}

/* CARDS DE PREÇO */

.precos-modernos {
    margin-bottom: 50px !important;
}

.preco-card {
    background: #fff !important;
    border-radius: 18px !important;
    border-top: 5px solid #4f21c9 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.08) !important;
    transition: .25s ease !important;
}

.preco-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.12) !important;
}

.preco-titulo {
    color: #334155 !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

.preco-valor {
    color: #4f21c9 !important;
    font-size: 47px !important;
    font-weight: 800 !important;
    margin: 25px 0 10px !important;
}

.preco-parcela {
    color: #64748b !important;
}

.preco-parcela strong {
    color: #334155 !important;
}

/* FORMULÁRIOS */

#novo_cadastro,
#ja_cadastrado {
    background: #fafafa !important;
    border: 1px solid #ececec !important;
    border-radius: 20px !important;
    padding: 25px !important;    
    min-height: 390px !important;
    transition: .2s ease !important;
}

#novo_cadastro:hover,
#ja_cadastrado:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,.06) !important;
}

/* LABELS */

label {
    font-weight: 700 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
}

/* INPUTS */

.form-control {
    height: 50px !important;
    border-radius: 12px !important;
    border: 1px solid #dbe2ea !important;
    box-shadow: none !important;
    font-size: 15px !important;
    transition: all .2s ease !important;
}

.form-control:hover {
    border-color: #cbd5e1 !important;
}

.form-control:focus {
    border-color: #4f21c9 !important;
    box-shadow: 0 0 0 4px rgba(79,33,201,.15) !important;
}

/* TEXTO AUXILIAR */

.info {
    color: #64748b !important;
    margin-top: 5px !important;
    font-size: 13px !important;
}

.info a {
    color: #4f21c9 !important;
    font-weight: 600 !important;
}

/* BOTÕES */

.btn.bg-botao {
    background: linear-gradient(
        135deg,
        #4f21c9,
        #6b3cff
    ) !important;

    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 13px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow: 0 6px 16px rgba(79,33,201,.35) !important;

    transition: .2s ease !important;
}

.btn.bg-botao:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(79,33,201,.45) !important;
}

/* CAMPOS OBRIGATÓRIOS */

.required {
    color: #ef4444 !important;
}

/* RESPONSIVO */

@media (max-width: 768px) {

    .principal .container {
        border-radius: 0 !important;
        padding: 20px !important;
        margin-top: 10px !important;
    }
    .principal .containerx {
        border-radius: 0 !important;
        padding: 20px !important;
        margin-top: 10px !important;
    }

    h1.titulo {
        font-size: 28px !important;
    }

    h2.subtitulo {
        font-size: 24px !important;
    }

    .preco-valor {
        font-size: 42px !important;
    }

    .btn {
        width: 100% !important;
    }
}

/* ==========================================
   PAINEL INTERNO
   ========================================== */

/* Container */

#page-painel .container-fluid.position-relative {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Menu superior */

.menu-painel {
    margin: 15px 0 !important;
    text-align: center !important;
}

.lista-menu-painel {
    list-style: none !important;
    padding: 0 !important;
}

.lista-menu-painel li {
    display: inline-block !important;
    float: none !important;
}

/* BOTÕES DO TOPO */

.menu-painel li {
    margin: 0 4px !important;
}

.menu-painel .btn,
.menu-painel .menu-item-destacado,
.menu-painel .bg-botao {

    width: 150px !important;
    min-width: 150px !important;
    /*max-width: 150px !important;*/
    width: auto !important;

    height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 20px !important;

    border-radius: 12px !important;

    background: linear-gradient(
        135deg,
        #4f21c9,
        #6b3cff
    ) !important;

    color: #fff !important;
    border: none !important;

    font-weight: 700 !important;

    box-shadow: 0 6px 16px rgba(79,33,201,.35) !important;
}

.menu-painel .btn:hover,
.menu-painel .menu-item-destacado:hover,
.menu-painel .bg-botao:hover {

    color: #fff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 10px 24px rgba(79,33,201,.45) !important;
}

/* Títulos */

#page-painel h1.titulo {
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
}

/* CARD DO PEDIDO */

.alert.alert-default {
    background: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 25px !important;
    /*box-shadow: 0 8px 25px rgba(0,0,0,.08) !important;*/
}

/* Status */

.red {
    color: #ef4444 !important;
    font-weight: 700 !important;
}

/* Botões dentro do pedido */

.alert .btn-xs {
    font-size: 14px !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
}

/* Pagamento */

.bg-green {
    background: #22c55e !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(34,197,94,.25) !important;
}

/* Dados da conta */

.details-label {
    font-weight: 700 !important;
}

/* Card para dados da conta */

.table-details {
    background: #fafafa !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 20px !important;
    padding: 25px !important;
    margin-bottom: 30px !important;
}

/* Tabela de inscrições */

.table-responsive {
    background: white !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.06) !important;
}

.table {
    margin-bottom: 0 !important;
}

.table thead,
.table tr:first-child {
    background: #f8fafc !important;
}

.table tr:first-child td {
    font-weight: 700 !important;
}

.table > tbody > tr > td,
.table > tr > td {
    padding: 18px !important;
    vertical-align: middle !important;
}

/* Foto */

.table img {
    border-radius: 12px !important;
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
}

/* Hover */

.table tr:hover {
    background: #fafafa !important;
}

/* Linhas */

.table-bordered,
.table-bordered td,
.table-bordered th {
    border-color: #edf2f7 !important;
}

/* ==========================================
   AJUSTES FINAIS DO PAINEL
   ========================================== */

/* Botões superiores iguais */

.menu-painel .menu-item-destacado,
.menu-painel .bg-botao {
    background: linear-gradient(
        135deg,
        #4f21c9,
        #6b3cff
    ) !important;

    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;

    min-width: 140px !important;
    height: 46px !important;
    line-height: 22px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow: 0 6px 16px rgba(79,33,201,.35) !important;

    transition: all .2s ease !important;
}

.menu-painel .menu-item-destacado:hover,
.menu-painel .bg-botao:hover {
    background: linear-gradient(
        135deg,
        #5c2ee0,
        #4420b0
    ) !important;

    color: #fff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 10px 24px rgba(79,33,201,.45) !important;
}

/* Remove diferença visual do botão Novo Pedido */

.menu-item-destacado {
    border: none !important;
}

/* Dados da conta mais elegantes */

.table-details > .row {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Pedido */

.alert.alert-default {
    margin-bottom: 30px !important;
}

/* Botões do pedido */

.alert .btn {
    margin-right: 6px !important;
}

/* Situação */

.red,
.green {
    font-weight: 800 !important;
}

.green {
    color: #22c55e !important;
}

/* Cabeçalho da tabela */

.table tr:first-child td {
    background: #f8fafc !important;
    color: #334155 !important;
}

/* Foto do participante */

.table img {
    border: 3px solid #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

/* Espaçamento dos títulos */

#page-painel h1.titulo {
    font-size: 30px !important;
}