.btn-draggable {
    cursor: move !important;
    cursor: -webkit-grab !important; 
    cursor:    -moz-grab !important; 
    cursor:         grab !important;
}

.tickets .ticket-content {
    width: 100%;
}

.imagecheck-input:checked ~ .imagecheck-figure{
    border-color: var(--theme-color);
}

.imagecheck-image{
    height: 324px;
}

.description-wrapper{
    white-space: pre-wrap;
}

.sidebar-menu {
    font-size: 16px;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 1;
} 

.paymet-box{
    margin: 3px;
    padding: 3px;
    border: 3px solid #0d1137;
    border-radius: 5px;
}
.article .article-header{
height:420px;
overflow:hidden;
}

.article .article-header .article-image{
height:420px;
background-size:cover;
background-position:center;
}


.cursor-pointer {
    cursor: pointer;
}
.text-strike {
    text-decoration: line-through;
}

.profile-widget .profile-widget-picture{
    height: 100px;
}

.navbar .nav-link.nav-link-user img{
    height: 30px;
}
.profile-widget-header .avatar-item .avatar-badge{
    z-index: 1;
    bottom: -65px;
    right: 3px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background-color: #6777ef;
}

.user-avatar.avatar.avatar-xl{
    font-size: 45px;
    height: 100px;
    width: 100px;
}

.select2-container {
    display: block !important;
    width: 100% !important;
}

.system-logos{
	max-width: 100%;
    max-height: 100%;
}

.navbar-logos{
    padding: 10px;
    width: auto;
    height: auto;
    max-height: 59px;
}

.code img{
    width: 100%;
    height: auto;
    padding: 25px;
}

.range{
    padding: 10px 0px !important;
}
/* BOTÕES MODERNOS DO CARTÃO */

.contact-details{
margin-top:4px;
}

.contact-details a{
display:flex;
align-items:center;
gap:6px;
background:#ffffff;
padding:5px 10px;
border-radius:18px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
font-weight:600;
font-size:14px;
color:#333 !important;
text-decoration:none;
margin-bottom:5px;
transition:0.3s;
}

.contact-details a:hover{
transform:translateY(-1px);
box-shadow:0 4px 12px rgba(0,0,0,0.12);
}

.contact-details .icon-circle{
background:#f3f3f3;
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:6px;
font-size:13px;
margin-right:5px;
}
.article-image{
height:200px;
background-size:cover;
background-position:center;
}

.article-image {
    overflow: visible;
    background: #f5f5f5;
    min-height: 0;
    height: auto;
}

.portfolio-img {
    width: 100%;
    height: auto;
    max-height: 900px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .portfolio-img {
        max-height: 500px;
    }
}
/* ========================================= */
/* CORES DOS BOTÕES - PADRÃO PROFISSIONAL    */
/* ========================================= */

/* --- FACEBOOK (Azul) --- */
.contact-details a[href*="facebook"] { background-color: #1877F2 !important; }
.contact-details a[href*="facebook"] * { color: #ffffff !important; }
.contact-details a[href*="facebook"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href*="facebook"] .icon-circle i { color: #1877F2 !important; }

/* --- WHATSAPP (Verde) --- */
.contact-details a[href*="whatsapp"], .contact-details a[href*="wa.me"] { background-color: #25D366 !important; }
.contact-details a[href*="whatsapp"] *, .contact-details a[href*="wa.me"] * { color: #ffffff !important; }
.contact-details a[href*="whatsapp"] .icon-circle, .contact-details a[href*="wa.me"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href*="whatsapp"] .icon-circle i, .contact-details a[href*="wa.me"] .icon-circle i { color: #25D366 !important; }

/* --- INSTAGRAM (Rosa) --- */
.contact-details a[href*="instagram"] { background-color: #E1306C !important; }
.contact-details a[href*="instagram"] * { color: #ffffff !important; }
.contact-details a[href*="instagram"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href*="instagram"] .icon-circle i { color: #E1306C !important; }

/* --- YOUTUBE (Vermelho) --- */
.contact-details a[href*="youtube"] { background-color: #FF0000 !important; }
.contact-details a[href*="youtube"] * { color: #ffffff !important; }
.contact-details a[href*="youtube"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href*="youtube"] .icon-circle i { color: #FF0000 !important; }

/* --- TELEFONE (Ligar Agora / Fale Conosco) - Laranja --- */
.contact-details a[href^="tel:"] { background-color: #ff9800 !important; }
.contact-details a[href^="tel:"] * { color: #ffffff !important; }
.contact-details a[href^="tel:"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href^="tel:"] .icon-circle i { color: #ff9800 !important; }

/* --- LOCALIZAÇÃO (Como Chegar) - Vermelho Google Maps --- */
.contact-details a[href*="maps"], 
.contact-details a[href*="goo.gl/maps"], 
.contact-details a[href*="maps.app.goo.gl"] { background-color: #EA4335 !important; }
.contact-details a[href*="maps"] *, 
.contact-details a[href*="goo.gl/maps"] *,
.contact-details a[href*="maps.app.goo.gl"] * { color: #ffffff !important; }
.contact-details a[href*="maps"] .icon-circle,
.contact-details a[href*="goo.gl/maps"] .icon-circle,
.contact-details a[href*="maps.app.goo.gl"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href*="maps"] .icon-circle i,
.contact-details a[href*="goo.gl/maps"] .icon-circle i,
.contact-details a[href*="maps.app.goo.gl"] .icon-circle i { color: #EA4335 !important; }

/* --- EMAIL (Se houver) - Azul Escuro --- */
.contact-details a[href^="mailto:"] { background-color: #0d1137 !important; }
.contact-details a[href^="mailto:"] * { color: #ffffff !important; }
.contact-details a[href^="mailto:"] .icon-circle { background-color: #ffffff !important; }
.contact-details a[href^="mailto:"] .icon-circle i { color: #0d1137 !important; }

/* --- EFEITO AO PASSAR O MOUSE (Escurece um pouco) --- */
.contact-details a:hover { filter: brightness(0.85); }

/* ========================================================= */
/* FORÇAR CORES NO CELULAR (MOBILE OVERRIDE)                 */
/* ========================================================= */
@media (max-width: 768px) {
    
    /* Fundo branco no ícone e texto branco no botão */
    .contact-btn .contact-icon {
        background-color: #ffffff !important;
    }
    .contact-btn .contact-text {
        color: #ffffff !important;
    }

    /* Facebook */
    .contact-btn.facebook { background-color: #1877F2 !important; }
    .contact-btn.facebook .contact-icon i { color: #1877F2 !important; }

    /* WhatsApp */
    .contact-btn.whatsapp { background-color: #25D366 !important; }
    .contact-btn.whatsapp .contact-icon i { color: #25D366 !important; }

    /* Instagram */
    .contact-btn.instagram { background-color: #E1306C !important; }
    .contact-btn.instagram .contact-icon i { color: #E1306C !important; }

    /* YouTube */
    .contact-btn.youtube { background-color: #FF0000 !important; }
    .contact-btn.youtube .contact-icon i { color: #FF0000 !important; }

    /* Telefone / Ligar Agora */
    .contact-btn.telefone { background-color: #ff9800 !important; }
    .contact-btn.telefone .contact-icon i { color: #ff9800 !important; }

    /* Localização / Como Chegar */
    .contact-btn.localizacao { background-color: #EA4335 !important; }
    .contact-btn.localizacao .contact-icon i { color: #EA4335 !important; }

    /* Email */
    .contact-btn.email { background-color: #0d1137 !important; }
    .contact-btn.email .contact-icon i { color: #0d1137 !important; }

    /* Outros */
    .contact-btn.default { background-color: #6c757d !important; }
    .contact-btn.default .contact-icon i { color: #6c757d !important; }
}