/**
 * Ampli Contábil — identidade (cores amostradas dos PNG em ID/).
 * Primária: verde-acetinado (#0c3024). Accent opcional (slides): #4a90e4.
 */
:root {
    --brand-primary: #0c3024;
    --brand-primary-hover: #1a5848;
    --brand-accent: #4a90e4;
    --brand-surface-muted: #f2f6f5;

    --ztc-text-text-4: #0c3024;
    --ztc-bg-bg-1: #0c3024;

    /* Substituir lavandas/rosas/azuis do template pelos tons da marca */
    --ztc-bg-bg-2: #e4eeea;
    --ztc-bg-bg-3: #c5d9d0;
    --ztc-bg-bg-4: #eef4f1;
    --ztc-bg-bg-9: #eef4f1;
    --ztc-text-text-5: #1a5848;
    --ztc-text-text-6: #0c3024;
    --ztc-text-text-13: #1a5848;
    --ztc-text-text-15: #0c3024;
    --ztc-text-text-16: #2a6a55;
    --ztc-text-text-17: #0c3024;
    --ztc-bg-bg-24: #0c3024;
    --ztc-bg-bg-26: #1a5848;
    --ztc-bg-bg-28: #0c3024;
}

@font-face {
    font-family: "Kanit";
    src: url("../fonts/kanit/Kanit-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kanit";
    src: url("../fonts/kanit/Kanit-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kanit";
    src: url("../fonts/kanit/Kanit-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kanit";
    src: url("../fonts/kanit/Kanit-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html body.homepage1-body,
html body.homepage1-body h1,
html body.homepage1-body h2,
html body.homepage1-body h3,
html body.homepage1-body h4,
html body.homepage1-body h5,
html body.homepage1-body h6,
html body.homepage1-body p,
html body.homepage1-body a,
html body.homepage1-body li,
html body.homepage1-body span,
html body.homepage1-body label,
html body.homepage1-body input,
html body.homepage1-body textarea,
html body.homepage1-body select,
html body.homepage1-body button {
    font-family: "Kanit", system-ui, -apple-system, sans-serif;
}

/* Checkout / páginas site sem classe do tema homepage */
body:not(.homepage1-body):not(.vertical-layout-modern):not(.horizontal-layout) {
    font-family: "Kanit", system-ui, -apple-system, sans-serif;
}

/* ---------- Ajustes finos homepage Ampli (cores que o main.css ainda puxava do tema antigo) ---------- */

.homepage1-body .contact1-section-area {
    background-color: var(--brand-primary) !important;
}

.pricing-inner-section-area .pricing-boxarea:not(.active) {
    background: var(--brand-surface-muted) !important;
}

.pricing-inner-section-area .pricing-boxarea.active {
    background: var(--brand-primary) !important;
}

/* Listas dentro do plano: era rgba(78,47,218) — lavanda/roxo */
.pricing-inner-section-area .pricing-boxarea .list-area {
    background: rgba(12, 48, 36, 0.07) !important;
}

.pricing-inner-section-area .pricing-boxarea::after {
    background: var(--brand-primary) !important;
}

.pricing-section-area .pricing-boxarea.active {
    background: var(--brand-primary) !important;
}

/* Estrelas / orbes PNG (tons rosa/lilás do template) → harmonizar com verde da marca */
.homepage1-body .case-header-area .star2,
.homepage1-body .case-header-area .star3,
.homepage1-body .pricing-inner-section-area .star2,
.homepage1-body .pricing-inner-section-area .star3,
.homepage1-body .contact-header-area .star2,
.homepage1-body .contact-header-area .star3,
.homepage1-body .about1-section-area .star1 {
    filter: hue-rotate(140deg) saturate(0.42) brightness(0.94);
    opacity: 0.88;
}

/* Sobre: círculo atrás da seta era #E4E0F9 (lavanda) no main.css */
.homepage1-body .about1-section-area .about-content-area .arrow-circle {
    background: rgba(12, 48, 36, 0.1) !important;
}

/* Hero: esfera/roxo no canto (elements1.png do tema) */
.hero1-section-area .elements1 {
    filter: hue-rotate(-18deg) saturate(0.5) brightness(1.06);
}

/* Decorações PNG ao lado das lâmpadas/megafone — suaviza rosa residual */
.hero1-section-area .auhtor-icons .elements2,
.hero1-section-area .auhtor-icons .elements3 {
    filter: hue-rotate(110deg) saturate(0.4) brightness(0.03);
}

.homepage1-body .about1-section-area .about-auhtor-images .elements5 {
    filter: hue-rotate(130deg) saturate(0.4) brightness(0.98);
}

/* Hover do botão outline do hero: era azul (--ztc-text-text-13) */
.homepage1-body .header-btn1::after {
    background: var(--brand-primary-hover) !important;
}

.homepage1-body .header-btn2:hover {
    border-color: var(--brand-primary-hover) !important;
    background: var(--brand-primary-hover) !important;
}

/* ===== Hero / header sobre fundo escuro: contraste (logo clara + texto branco) ===== */

.homepage1-body .header-area.homepage1:not(.sticky) .site-logo-img--scroll {
    display: none !important;
}

.homepage1-body .header-area.homepage1:not(.sticky) .site-logo-img--hero {
    display: block !important;
}

.homepage1-body .header-area.homepage1.sticky .site-logo-img--hero {
    display: none !important;
}

.homepage1-body .header-area.homepage1.sticky .site-logo-img--scroll {
    display: block !important;
}

.homepage1-body .header-area.homepage1 .site-logo-img {
    height: 50px;
    width: auto;
    max-width: min(320px, 52vw);
    object-fit: contain;
}

.homepage1-body .header-area.homepage1:not(.sticky) .header-elements .main-menu ul li a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.homepage1-body .header-area.homepage1:not(.sticky) .header-elements .main-menu ul li:hover>a {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
}

/*
 * Título e lead do hero — brancos fortes (inclui nós do SplitText/GSAP: .split-line, .word, div/span)
 */
.hero1-section-area .header-main-content.heading1 h1,
.hero1-section-area .header-main-content.heading1 h1 .split-line,
.hero1-section-area .header-main-content.heading1 h1 div,
.hero1-section-area .header-main-content.heading1 h1 span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.42);
}

.hero1-section-area .header-main-content.heading1 p,
.hero1-section-area .header-main-content.heading1 p * {
    color: rgba(255, 255, 255, 0.97) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.97) !important;
    font-size: 1.0625rem;
    line-height: 1.7;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.4);
}

.hero1-section-area .header-main-content .btn-area .header-btn1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn1 i {
    color: #ffffff !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn1 span {
    color: var(--brand-primary) !important;
    -webkit-text-fill-color: var(--brand-primary) !important;
    text-shadow: none;
}

.hero1-section-area .header-main-content .btn-area .header-btn1 span i {
    color: var(--brand-primary) !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn2 {
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.95) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(6px);
}

.hero1-section-area .header-main-content .btn-area .header-btn2 span {
    background: #ffffff !important;
    color: var(--brand-primary) !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn2 span i {
    color: var(--brand-primary) !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn2:hover {
    background: #ffffff !important;
    color: var(--brand-primary) !important;
    border-color: #ffffff !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn2:hover span {
    background: var(--brand-primary) !important;
    color: #ffffff !important;
}

.hero1-section-area .header-main-content .btn-area .header-btn2:hover span i {
    color: #ffffff !important;
}

/* SVG megafone/lâmpada: blobs já em #b8dfd0 nos ficheiros; leve afinação só na área flutuante */
.hero1-section-area .icons-area img,
.hero1-section-area .auhtor-images img {
    filter: saturate(0.92) brightness(1.02);
}

@media (prefers-reduced-motion: reduce) {
    .hero1-section-area .header-main-content .btn-area .header-btn2 {
        backdrop-filter: none;
    }
}

/* Contato: a coluna de texto alongava a caixa do ícone no eixo cruzado (flex default = stretch) → “oval”. */
.homepage1-body .contact1-section-area .contact-auhtor-box .icons {
    align-self: center;
    flex-shrink: 0;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    box-sizing: border-box;
    aspect-ratio: 1;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    padding: 0 !important;
}

.homepage1-body .contact1-section-area .contact-auhtor-box .icons img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    display: block;
}