/* ========================================
   CUSTOM STYLES - ConsultiCart
   ======================================== */

/* Logo Styling - Header e Footer */
.logo-consulticart {
    transform-origin: left center;
    filter: drop-shadow(0 0 3px rgba(0, 209, 255, 0.12)) brightness(1.05);
}

.logo-consulticart-footer {
    transform-origin: left center;
    filter: drop-shadow(0 0 3px rgba(0, 209, 255, 0.1)) brightness(1.03);
}

/* Honeypot Anti-Spam (Campo Invisível) */
.honeypot-field {
    position: absolute;
    left: -9999px;
}




/* Swiper Customizations */
#tab-noticias .mySwiperNoticias { 
    padding-bottom: 50px; 
}
#tab-noticias .swiper-pagination-bullet { 
    background: rgba(255, 255, 255, 0.4); 
    opacity: 1; 
    transition: all 0.3s; 
}
#tab-noticias .swiper-pagination-bullet-active { 
    background: #00D1FF; 
    box-shadow: 0 0 10px rgba(0, 209, 255, 0.5); 
    width: 24px; 
    border-radius: 8px; 
}

/* Navigation Arrows - Posicionadas FORA dos cards */
#tab-noticias .swiper-button-next, 
#tab-noticias .swiper-button-prev { 
    color: #00D1FF; 
    background: rgba(5, 20, 36, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 209, 255, 0.35);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.85;
    top: 42%;
    transform: translateY(-50%);
    margin-top: 0;
    z-index: 20;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

/* Posicionamento seguro nas margens laterais (FORA dos cards) */
#tab-noticias .swiper-button-prev { left: -6px; }
#tab-noticias .swiper-button-next { right: -6px; }

@media (min-width: 768px) {
    #tab-noticias .swiper-button-prev { left: 0px; }
    #tab-noticias .swiper-button-next { right: 0px; }
}

/* Hover transitions */
#tab-noticias .swiper-button-next:hover, 
#tab-noticias .swiper-button-prev:hover { 
    opacity: 1;
    background: rgba(5, 20, 36, 0.98);
    border-color: #00D1FF;
    box-shadow: 0 0 20px rgba(0, 209, 255, 0.6);
    transform: translateY(-50%) scale(1.12);
}

/* Icone interno da seta */
#tab-noticias .swiper-button-next::after, 
#tab-noticias .swiper-button-prev::after { 
    font-size: 16px; 
    font-weight: 900; 
}