/* ============================================
   ANTIQUÁRIO VIGENTE - PALETA PREMIUM
   Sofisticação Discreta + Contraste Elegante
   ============================================ */

/*
   PALETA DE CORES:
   - Preto Carvão #0F0F0F (base, navbar, rodapé)
   - Off White #F5F5F5 (fundo claro)
   - Bege Sofisticado #E8E1D9 (cards, blocos)
   - Cinza Elegante #A3A3A3 (textos secundários)
   - Verde Musgo #2F3E34 (botões, hover)
   - Dourado Fosco #C6A96B (detalhes premium - usar com moderação)
*/

/* Estilos adicionais sutis */
.glass-nav {
    background-color: rgba(15, 15, 15, 0.98);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(198, 169, 107, 0.2);
}

.text-shadow {
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/* ============================================
   CARROSSEL INFINITO DE PRODUTOS
   ============================================ */
.carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-track {
    display: flex;
    gap: 2rem;
    animation: scroll 40s linear infinite;
    width: max-content;
}

.carousel-track:hover {
    animation-play-state: paused;
}

.carousel-item {
    flex-shrink: 0;
    width: 320px;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ============================================
   ELEMENTOS PREMIUM
   ============================================ */
.london-accent {
    border-left: 3px solid #C6A96B;
    padding-left: 1rem;
}

.london-title {
    letter-spacing: 0.05em;
}

.gold-line {
    background: linear-gradient(90deg, transparent, #C6A96B, transparent);
    height: 1px;
}

.london-badge {
    background: linear-gradient(135deg, #0F0F0F 0%, #2F3E34 100%);
    border: 1px solid #C6A96B;
}

/* Elementos Visuais de Londres */
.london-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C6A96B' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.big-ben-icon {
    color: #C6A96B;
}

.red-phone-booth {
    background: linear-gradient(135deg, #c62828 0%, #8e0000 100%);
}

.union-jack-accent {
    background: linear-gradient(135deg, #1a237e 33%, #ffffff 33%, #ffffff 66%, #c62828 66%);
}

/* ============================================
   CARROSSEL DE DEPOIMENTOS
   ============================================ */
.testimonials-carousel {
    position: relative;
    overflow: hidden;
}

.testimonials-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.testimonial-card {
    min-width: 100%;
    padding: 2rem;
}

.testimonial-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.testimonial-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cfd8dc;
    cursor: pointer;
    transition: background 0.3s;
}

.testimonial-dot.active {
    background: #C6A96B;
}

.testimonial-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2F3E34 0%, #0F0F0F 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    color: #C6A96B;
    border: 3px solid #C6A96B;
}

/* ============================================
   UTILITÁRIOS
   ============================================ */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}

/* Animações */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}