/* PCE TECH - Custom CSS */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Animação de entrada */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
    animation: fadeInUp 0.6s ease forwards;
}

/* Line clamp utilities */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* WhatsApp pulse */
@keyframes waPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.4); }
    50%       { box-shadow: 0 0 0 14px rgba(34,197,94,0); }
}
.whatsapp-btn {
    animation: waPulse 2.5s ease infinite;
}

/* Scrollbar customizada */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1f2860; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #f68632; }

/* Hero pattern overlay */
.hero-pattern {
    background-image:
        radial-gradient(circle at 20% 80%, rgba(246,134,50,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(246,134,50,0.10) 0%, transparent 40%);
}

/* Seção de números - counter */
.counter-number {
    font-variant-numeric: tabular-nums;
}

/* Transições suaves globais */
a, button {
    transition-property: color, background-color, border-color, box-shadow, transform, opacity;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

/* Focus visible acessível */
:focus-visible {
    outline: 2px solid #f68632;
    outline-offset: 2px;
}

/* FAQ accordion */
.faq-answer {
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Cards hover effect */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(31,40,96,0.12);
}

/* Marca carousel */
.marcas-grid img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.3s, opacity 0.3s;
}
.marcas-grid img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Mobile menu transitions */
#mobileMenu {
    transition: max-height 0.3s ease;
}