/*
 * custom.css — Remate Sofisticado
 * Carregado após main.css (que usa Satoshi/Outfit sem !important)
 * Aqui definimos Inter (corpo) + Poppins (títulos) e overrides visuais
 */

/* ══════════════════════════════════════
   FONTES — importar Inter + Poppins
══════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;600;700;800&family=Poppins:wght@600;700;800;900&display=swap');

/* ══════════════════════════════════════
   TIPOGRAFIA — sobrescreve Satoshi/Outfit
   Sem !important no main.css = ganhamos
   com seletores iguais ou mais específicos
══════════════════════════════════════ */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
}

p, li, span, label, a,
input, textarea, select, button,
.theme-btn, .link-btn,
nav ul li a,
.main-menu nav ul li a,
.rs-about-p, .rs-hero-sub,
.rs-svc-block p, .rs-valor-item p,
.contact-card p, .contact-card a,
.single-footer-widget p,
.why-card p, .sub-title span,
.breadcrumb-items li,
.offcanvas__contact p, .offcanvas__contact a {
    font-family: 'Open Sans', sans-serif;
}

/* Preloader usa Outfit hardcoded no main.css
   com font: bold 5em "Outfit" — deixamos estar */

/* ══════════════════════════════════════
   HOVER EM IMAGENS — zoom leve
══════════════════════════════════════ */
.project-box-items-3 .thumb { overflow: hidden; }
.project-box-items-3 .thumb img {
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.project-box-items-3:hover .thumb img { transform: scale(1.04); }

.service-details-image { overflow: hidden; }
.service-details-image img {
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
    width: 100%;
}
.service-details-image:hover img { transform: scale(1.03); }

.rs-img-wrap { overflow: hidden; }
.rs-about-img, .rs-about-img-sq {
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.rs-img-wrap:hover .rs-about-img,
.rs-img-wrap:hover .rs-about-img-sq { transform: scale(1.03); }

/* ══════════════════════════════════════
   ANIMAÇÕES — entrada mais subtil (20px)
══════════════════════════════════════ */
@keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 20px, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft {
    from { opacity: 0; transform: translate3d(-20px, 0, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRight {
    from { opacity: 0; transform: translate3d(20px, 0, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* ══════════════════════════════════════
   BOTÃO
══════════════════════════════════════ */
.theme-btn {
    border-radius: 3px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
}
.theme-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(249,115,22,.25);
}

/* ══════════════════════════════════════
   SECTION-BG
══════════════════════════════════════ */
.section-bg { background: #f4f4f6 !important; }

/* ══════════════════════════════════════
   SCROLLBAR
══════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #F97316; }