img.logo {
  width: 200px;
  height: auto;
}

.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.whatsapp-btn:hover {
    background-color: #22b35d;
}

.whatsapp-btn i {
    font-size: 24px;
}

label {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 11pt;
    font-weight: bold;
    color: steelblue;
}

.highlight {
    box-shadow: 0 0 10px 3px #198754; /* Sombra verde */
    transition: box-shadow 0.5s ease-in-out;
}

.highlight.fade-out {
    box-shadow: 0 0 0px 0px transparent; /* Remove a sombra suavemente */
}

.space {
  display: inline-block;
  width: 20px;
  text-align: center;
}

.google-btn {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid #ddd;
    border-radius: 0.5rem;
    background: white;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
    text-decoration: none;
    color: black;
}

.google-btn:hover {
    background: #f8f9fa;
    border-color: #4285f4;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.2);
}

.google-icon {
    width: 24px;
    height: 24px;
}

/* Rankings de produtos no dashboard */
.section-title { font-weight: 600; margin-bottom: .1rem; }
.section-objective { color: #6c6a63; font-size: .9rem; margin-bottom: .75rem; }
.method-note { color: #6c6a63; font-size: .8rem; margin-bottom: 1rem; }
.badge-teal   { background-color: #E1F5EE; color: #085041; }
.badge-purple { background-color: #EEEDFE; color: #3C3489; }
.table-rules th, .table-rules td, .table-list th, .table-list td { vertical-align: middle; }
.table-list th { font-size: .8rem; color: #6c6a63; font-weight: 600; }
.rank-col { width: 48px; text-align: center; }
.rank-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%;
    background-color: #f1efe8; color: #444441; font-weight: 600; font-size: .82rem;
}
.rank-badge.top { background-color: #E1F5EE; color: #085041; }
.sub-rank { font-size: .78rem; color: #6c6a63; }