/* ==========================================================================
   OfficeGest — Patterns Universal CSS (Fase I)
   5 patterns ricos com decorações, gradientes, animações scroll
   ========================================================================== */


/* ==========================================================================
   ANIMAÇÕES GLOBAIS (reutilizáveis via JS scroll observer)
   ========================================================================== */

/* Estado inicial: invisível, deslocado */
.og-anim {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 800ms cubic-bezier(0.2, 0.8, 0.2, 1),
                transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
}

/* Direcções alternativas */
.og-anim--left {
    transform: translateX(-32px);
}
.og-anim--right {
    transform: translateX(32px);
}

/* Stagger via inline custom prop --og-delay (0..n×80ms) */
.og-anim {
    transition-delay: calc(var(--og-delay, 0) * 80ms);
}

/* Estado revelado (aplica via JS quando entra viewport) */
.og-anim.is-visible {
    opacity: 1;
    transform: translate(0, 0);
}

/* Reduced motion: ignorar animações */
@media (prefers-reduced-motion: reduce) {
    .og-anim {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


/* ==========================================================================
   PATTERN 1: og-hero-image-left
   ========================================================================== */

.og-hero-image-left {
    position: relative;
    padding: 4rem 0 5rem;
    overflow: hidden;
}

/* Blob decoração canto superior esquerdo */
.og-hero-image-left::before {
    content: "";
    position: absolute;
    top: -100px;
    left: -120px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle at 30% 30%,
        var(--wp--preset--color--brand-secondary, #00A9D1),
        transparent 70%);
    opacity: 0.12;
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

/* Blob inferior direito sutil */
.og-hero-image-left::after {
    content: "";
    position: absolute;
    bottom: -80px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle,
        var(--wp--preset--color--brand-accent, #5fe3c1),
        transparent 70%);
    opacity: 0.08;
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}

.og-hero-image-left__cols {
    position: relative;
    z-index: 1;
    gap: 3rem !important;
    align-items: center !important;
}

.og-hero-image-left__media {
    position: relative;
}

.og-hero-image-left__media .wp-block-image {
    margin: 0;
    position: relative;
}

.og-hero-image-left__media img {
    display: block;
    width: 100%;
    height: auto;
    /* Mask shape orgânico: blob */
    border-radius: 70% 30% 50% 50% / 50% 50% 60% 40%;
    box-shadow: 0 30px 80px -20px rgba(0, 169, 209, 0.25);
    transition: transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.og-hero-image-left__media:hover img {
    transform: scale(1.02) rotate(-1deg);
}

/* Blob azul atrás da imagem */
.og-hero-image-left__media::before {
    content: "";
    position: absolute;
    top: -8%;
    left: -8%;
    width: 60%;
    height: 60%;
    background: linear-gradient(135deg,
        var(--wp--preset--color--brand-secondary, #00A9D1),
        var(--wp--preset--color--brand-accent, #5fe3c1));
    opacity: 0.18;
    border-radius: 50% 60% 40% 50% / 40% 50% 60% 50%;
    filter: blur(20px);
    z-index: -1;
    animation: og-blob-morph 12s ease-in-out infinite;
}

@keyframes og-blob-morph {
    0%, 100% { border-radius: 50% 60% 40% 50% / 40% 50% 60% 50%; }
    33% { border-radius: 60% 40% 60% 40% / 50% 60% 40% 50%; }
    66% { border-radius: 40% 50% 50% 60% / 60% 40% 50% 50%; }
}

.og-hero-image-left__title {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em;
    margin: 0.5rem 0 1.25rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-hero-image-left__sub {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 !important;
    max-width: 32rem;
}

/* Variante: imagem à direita */
.og-hero-image-right .og-hero-image-left__cols {
    flex-direction: row-reverse;
}

@media (max-width: 781px) {
    .og-hero-image-left {
        padding: 2rem 0 3rem;
    }
    .og-hero-image-left__cols {
        flex-direction: column !important;
    }
    .og-hero-image-left__media,
    .og-hero-image-left__content {
        flex-basis: 100% !important;
    }
}


/* ==========================================================================
   PATTERN 2: og-hero-circular-graphic
   ========================================================================== */

.og-hero-circular {
    position: relative;
    padding: 4rem 0 5rem;
    overflow: hidden;
}

.og-hero-circular__cols {
    align-items: center !important;
    gap: 2rem !important;
}

.og-circular-svg-wrap {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-circular-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    --og-c1: var(--wp--preset--color--brand-secondary, #00A9D1);
    --og-c2: var(--wp--preset--color--brand-accent, #5fe3c1);
}

/* Anel principal: stroke-dasharray que faz "andar" pela circunferência */
.og-circular-svg__ring {
    transform-origin: 240px 240px;
    animation: og-ring-rotate 18s linear infinite;
    filter: drop-shadow(0 0 8px rgba(0, 169, 209, 0.4));
}

@keyframes og-ring-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Background ring estática */
.og-circular-svg__bg {
    color: var(--wp--preset--color--text, #fff);
}

/* Dots: pulse */
.og-circular-svg__dot {
    transform-origin: center;
    transform-box: fill-box;
    animation: og-dot-pulse 2.4s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(0, 169, 209, 0.6));
}
.og-circular-svg__dot--2 { animation-delay: -0.4s; }
.og-circular-svg__dot--3 { animation-delay: -0.8s; }
.og-circular-svg__dot--4 { animation-delay: -1.2s; }
.og-circular-svg__dot--5 { animation-delay: -1.6s; }
.og-circular-svg__dot--6 { animation-delay: -2.0s; }

@keyframes og-dot-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.4); opacity: 0.6; }
}

/* Labels orbitais */
.og-circular-labels {
    position: absolute;
    inset: 0;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none;
}

.og-circular-labels__item {
    position: absolute;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wp--preset--color--text, #fff);
    background: var(--wp--preset--color--surface, rgba(17, 32, 44, 0.85));
    border: 1px solid var(--wp--preset--color--border, rgba(255, 255, 255, 0.1));
    backdrop-filter: blur(6px);
    padding: 0.375rem 0.75rem;
    border-radius: 999px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    animation: og-label-fade 6s ease-in-out infinite;
}

@keyframes og-label-fade {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

/* Posições — coordenadas % do wrapper, alinhadas com os dots SVG */
.og-circular-labels__item--1 { top: 50%;  left: 87%; }
.og-circular-labels__item--2 { top: 82%;  left: 73%; animation-delay: -1s; }
.og-circular-labels__item--3 { top: 82%;  left: 33%; animation-delay: -2s; }
.og-circular-labels__item--4 { top: 50%;  left: 13%; animation-delay: -3s; }
.og-circular-labels__item--5 { top: 18%;  left: 33%; animation-delay: -4s; }
.og-circular-labels__item--6 { top: 18%;  left: 73%; animation-delay: -5s; }

.og-hero-circular__title {
    font-size: clamp(2rem, 4vw, 2.75rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em;
    margin: 0.5rem 0 1rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-hero-circular__sub {
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 !important;
    max-width: 32rem;
}

@media (max-width: 781px) {
    .og-hero-circular { padding: 2rem 0 3rem; }
    .og-hero-circular__cols { flex-direction: column !important; }
    .og-circular-svg-wrap { max-width: 320px; }
    .og-circular-labels__item { font-size: 0.6875rem; padding: 0.25rem 0.5rem; }
}


/* ==========================================================================
   PATTERN 3: og-feature-list-cards
   ========================================================================== */

.og-feature-list-cards {
    padding: 3rem 0 4rem;
}

.og-feature-list-cards__grid {
    gap: 1.5rem !important;
}

.og-flc-card {
    position: relative;
    height: 100%;
    background: var(--wp--preset--color--surface, rgba(17, 32, 44, 0.5));
    border: 1px solid var(--wp--preset--color--border, rgba(255, 255, 255, 0.08));
    border-radius: 16px;
    padding: 2rem 1.5rem 1.75rem;
    transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 350ms ease,
                box-shadow 350ms ease;
    overflow: hidden;
}

/* Glow hover */
.og-flc-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(135deg,
        var(--wp--preset--color--brand-secondary, #00A9D1),
        transparent 60%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 350ms ease;
    pointer-events: none;
}

.og-flc-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -15px rgba(0, 169, 209, 0.25);
}

.og-flc-card:hover::before {
    opacity: 1;
}

.og-flc-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 1.25rem;
    background: linear-gradient(135deg,
        var(--wp--preset--color--brand-secondary, #00A9D1),
        var(--wp--preset--color--brand-accent, #5fe3c1));
    border-radius: 14px;
    color: #fff;
    box-shadow: 0 6px 20px -6px rgba(0, 169, 209, 0.5);
    transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.og-flc-card__icon svg {
    width: 28px;
    height: 28px;
}

.og-flc-card:hover .og-flc-card__icon {
    transform: rotate(5deg) scale(1.05);
}

.og-flc-card__title {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-flc-card__desc {
    font-size: 0.9375rem !important;
    line-height: 1.55 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 0 1rem 0 !important;
}

p.og-flc-card__link {
    margin: 0 !important;
}

p.og-flc-card__link a {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none !important;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    background: none !important;
    border: none !important;
    border-bottom: 1px dashed currentColor !important;
    padding: 0 0 2px 0 !important;
    transition: color 200ms ease;
}

p.og-flc-card__link a::after {
    content: "→";
    transition: transform 200ms ease;
}

p.og-flc-card__link a:hover {
    color: var(--wp--preset--color--brand-accent, #5fe3c1) !important;
}

p.og-flc-card__link a:hover::after {
    transform: translateX(3px);
}

@media (max-width: 781px) {
    .og-feature-list-cards__grid {
        flex-direction: column !important;
    }
}


/* ==========================================================================
   PATTERN 4: og-3col-features
   ========================================================================== */

.og-3col-features {
    padding: 4rem 0 4.5rem;
}

.og-3col-features__heading {
    font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-3col-features__sub {
    font-size: 1.125rem !important;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-weight: 500 !important;
    margin: 0 0 3rem 0 !important;
}

.og-3col-features__cols {
    gap: 2.5rem !important;
    position: relative;
}

/* Separadores verticais entre colunas (apenas em desktop) */
@media (min-width: 782px) {
    .og-3col-features__cols .wp-block-column:not(:last-child) {
        position: relative;
    }
    .og-3col-features__cols .wp-block-column:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -1.25rem;
        top: 10%;
        bottom: 10%;
        width: 1px;
        background: linear-gradient(180deg,
            transparent,
            var(--wp--preset--color--border, rgba(255, 255, 255, 0.15)) 30%,
            var(--wp--preset--color--brand-secondary, #00A9D1) 50%,
            var(--wp--preset--color--border, rgba(255, 255, 255, 0.15)) 70%,
            transparent);
        opacity: 0.5;
    }
}

.og-3cf-item {
    padding: 0;
}

.og-3cf-item__eyebrow {
    margin: 0 0 0.75rem 0 !important;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
}

.og-3cf-item__title {
    font-size: 1.375rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin: 0 0 0.75rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-3cf-item__desc {
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 !important;
}

@media (max-width: 781px) {
    .og-3col-features__cols {
        flex-direction: column !important;
        gap: 2rem !important;
    }
}


/* ==========================================================================
   PATTERN 5: og-logos-clientes-carousel
   ========================================================================== */

.og-logos-carousel-section {
    padding: 3.5rem 0 4rem;
}

.og-logos-carousel-section__title {
    font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
    font-weight: 600 !important;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-logos-carousel-section__sub {
    font-size: 0.9375rem !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 0 2.5rem 0 !important;
}

.og-logos-carousel {
    position: relative;
    overflow: hidden;
    /* Fade nas margens com mask */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.og-logos-carousel__track {
    display: flex;
    gap: 4rem;
    align-items: center;
    width: max-content;
    animation: og-logos-scroll 30s linear infinite;
}

.og-logos-carousel:hover .og-logos-carousel__track {
    animation-play-state: paused;
}

@keyframes og-logos-scroll {
    from { transform: translateX(0); }
    /* -50% porque duplicámos os slides */
    to   { transform: translateX(-50%); }
}

.og-logos-carousel__slide {
    flex: 0 0 auto;
    width: 140px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.og-logos-carousel__slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%) brightness(1.4) contrast(0.85);
    opacity: 0.65;
    transition: filter 300ms ease, opacity 300ms ease, transform 300ms ease;
}

.og-logos-carousel__slide:hover img {
    filter: grayscale(0%) brightness(1) contrast(1);
    opacity: 1;
    transform: scale(1.08);
}

/* Light mode: ajustar inversão */
@media (prefers-color-scheme: light) {
    .og-logos-carousel__slide img {
        filter: grayscale(100%) brightness(0.6) contrast(1.2);
    }
    .og-logos-carousel__slide:hover img {
        filter: grayscale(0%);
    }
}

[data-theme="light"] .og-logos-carousel__slide img {
    filter: grayscale(100%) brightness(0.6) contrast(1.2);
}

[data-theme="light"] .og-logos-carousel__slide:hover img {
    filter: grayscale(0%);
}

@media (max-width: 781px) {
    .og-logos-carousel__track { gap: 2.5rem; animation-duration: 20s; }
    .og-logos-carousel__slide { width: 110px; height: 60px; }
}


/* ==========================================================================
   PATTERN: og-integrations-grid (v2 - fix layout + dark mode logos)
   Para a pagina /integracoes/
   ========================================================================== */

.og-integrations-grid {
    padding: 4rem 0 4.5rem;
}

.og-integrations-grid__title {
    font-size: clamp(1.625rem, 2.8vw, 2.125rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-integrations-grid__sub {
    font-size: 1rem !important;
    color: var(--wp--preset--color--muted, #94a3b8) !important;
    margin: 0 0 3rem 0 !important;
}

/* Row de cards — gap consistente, fixed columns */
.og-integrations-grid__row {
    gap: 1.5rem !important;
    margin-bottom: 1.5rem;
}

/* Cards: forcar height 100% para alinhamento */
.og-integrations-grid__row .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

.og-int-card {
    position: relative;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--wp--preset--color--surface, rgba(17, 32, 44, 0.5));
    border: 1px solid var(--wp--preset--color--border, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    padding: 1.75rem 1.5rem 1.5rem;
    transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 350ms ease,
                box-shadow 350ms ease;
    overflow: hidden;
}

/* Glow border on hover */
.og-int-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 1px;
    background: linear-gradient(135deg, var(--wp--preset--color--brand-secondary, #00A9D1), transparent 70%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 350ms ease;
    pointer-events: none;
}

.og-int-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -12px rgba(0, 169, 209, 0.2);
}

.og-int-card:hover::before {
    opacity: 1;
}

/* Logo container — height fixo, centro absoluto (independente do tamanho original) */
.og-int-card .og-int-card__logo,
.og-int-card figure.og-int-card__logo,
.og-int-card .wp-block-image.og-int-card__logo {
    margin: 0 auto 1.25rem auto !important;
    height: 90px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* Constraint forte: nenhum logo passa de 180×70 — independente da imagem original */
.og-int-card .og-int-card__logo img,
.og-int-card figure.og-int-card__logo img,
.og-int-card .wp-block-image.og-int-card__logo img {
    max-width: 180px !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Dark mode: dar fundo branco subtil ao logo (assim aparece sempre bem) */
[data-theme="dark"] .og-int-card .og-int-card__logo img {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 6px;
    padding: 6px 10px;
    filter: none;
}

/* OS-level dark mode (sem o data-theme) */
@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .og-int-card .og-int-card__logo img {
        background: rgba(255, 255, 255, 0.97);
        border-radius: 6px;
        padding: 6px 10px;
        filter: none;
    }
}

/* Light mode: sem fundo (logo aparece sobre o card que ja e claro) */
[data-theme="light"] .og-int-card .og-int-card__logo img {
    background: transparent;
    padding: 0;
}

/* Nome da integração - alinhado à esquerda */
.og-int-card__name {
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
    text-align: left !important;
}

/* Descrição - flex 1 para empurrar para baixo */
.og-int-card__desc {
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 !important;
    text-align: left !important;
    flex: 1;
}

/* Mobile */
@media (max-width: 781px) {
    .og-integrations-grid__row {
        flex-direction: column !important;
    }
}
/* ==========================================================================
   PATTERN: og-cases-grid
   Cards de Casos de Sucesso com:
   - Nome empresa + nicho (eyebrow)
   - Logo grande
   - Frase descritiva
   - Botao YouTube (vermelho, com play icon)
   ========================================================================== */

.og-cases-grid {
    padding: 4rem 0 4.5rem;
}

.og-cases-grid__title {
    font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em;
    margin: 0 0 0.5rem 0 !important;
    color: var(--wp--preset--color--text);
}

.og-cases-grid__sub {
    font-size: 1rem !important;
    color: var(--wp--preset--color--muted, #94a3b8) !important;
    margin: 0 0 3rem 0 !important;
}

/* Row de cards */
.og-cases-grid__row {
    gap: 1.5rem !important;
    margin-bottom: 1.5rem;
}

.og-cases-grid__row .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

/* Card */
.og-case-card {
    position: relative;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--wp--preset--color--surface, rgba(17, 32, 44, 0.5));
    border: 1px solid var(--wp--preset--color--border, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    padding: 1.75rem 1.5rem 1.5rem;
    transition: transform 350ms cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 350ms ease,
                box-shadow 350ms ease;
    overflow: hidden;
}

.og-case-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 1px;
    background: linear-gradient(135deg, var(--wp--preset--color--brand-secondary, #00A9D1), transparent 70%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: opacity 350ms ease;
    pointer-events: none;
}

.og-case-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -12px rgba(0, 169, 209, 0.2);
}

.og-case-card:hover::before {
    opacity: 1;
}

/* Header: nome + nicho */
.og-case-card__header {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.og-case-card__name {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-case-card__niche {
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-size: 0.75rem !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 !important;
}

.og-case-card__niche::before {
    content: "// ";
}

/* Logo container */
.og-case-card .og-case-card__logo,
.og-case-card figure.og-case-card__logo,
.og-case-card .wp-block-image.og-case-card__logo {
    margin: 0 auto 1.25rem auto !important;
    height: 100px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

.og-case-card .og-case-card__logo img,
.og-case-card figure.og-case-card__logo img,
.og-case-card .wp-block-image.og-case-card__logo img {
    max-width: 200px !important;
    max-height: 90px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Logos com fundo branco em dark mode */
[data-theme="dark"] .og-case-card .og-case-card__logo img {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 6px;
    padding: 8px 12px;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .og-case-card .og-case-card__logo img {
        background: rgba(255, 255, 255, 0.97);
        border-radius: 6px;
        padding: 8px 12px;
    }
}

/* Descricao */
.og-case-card__desc {
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: var(--wp--preset--color--muted, #94a3b8);
    margin: 0 0 1.25rem 0 !important;
    text-align: center;
    flex: 1;
}

/* Botao YouTube */
.og-case-card__youtube {
    text-align: center !important;
    margin: 0 !important;
}

.og-case-card__youtube a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem !important;
    background: linear-gradient(135deg, #FF0000, #CC0000) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 8px !important;
    border: none !important;
    transition: transform 200ms ease, box-shadow 200ms ease;
    box-shadow: 0 4px 12px -4px rgba(255, 0, 0, 0.4);
}

.og-case-card__youtube a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(255, 0, 0, 0.5);
}

.og-case-card__youtube a::before {
    content: "▶";
    font-size: 0.75rem;
}

@media (max-width: 781px) {
    .og-cases-grid__row {
        flex-direction: column !important;
    }
}

/* ==========================================================================
   FASE I — MASTER additions
   Append este bloco ao fim de:
     wp-content/themes/officegest-modern/assets/css/patterns-universal.css
   ========================================================================== */
 
/* og-3col-features variante 4-col (usado na Master) */
.og-3col-features.og-features--cols-4 .og-3col-features__grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
}
 
.og-3col-features.og-features--cols-4 .og-3col-features__col {
    flex-basis: auto !important;
    margin: 0 !important;
}
 
@media (max-width: 1024px) {
    .og-3col-features.og-features--cols-4 .og-3col-features__grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
 
@media (max-width: 600px) {
    .og-3col-features.og-features--cols-4 .og-3col-features__grid {
        grid-template-columns: 1fr !important;
    }
}
 
/* og-cta-section variante "inline" (CTA secundario, sem fundo gradient cheio) */
.og-cta-section.og-cta-section--inline {
    padding: 2.5rem 1.5rem !important;
    background: var(--wp--preset--color--surface, rgba(0, 169, 209, 0.04)) !important;
    border-radius: 12px;
    margin: 3rem 0;
}
 
.og-cta-section.og-cta-section--inline .og-cta-title {
    font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important;
    margin-bottom: 0.5rem !important;
}
 
.og-cta-section.og-cta-section--inline .og-cta-sub {
    font-size: 1rem !important;
    margin-bottom: 1.25rem !important;
}

/* === MASTER ICONS START === */
/* Pinta o icone do og-flc-card via mask-image em vez de SVG inline. */
/* Permite que o editor mostre o card limpo, sem codigo SVG no meio.   */

.og-flc-card__icon[class*="og-icon-"] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.og-flc-card__icon[class*="og-icon-"]::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background-color: #fff;
    -webkit-mask: var(--og-icon-url) no-repeat center / contain;
    mask: var(--og-icon-url) no-repeat center / contain;
}

.og-flc-card__icon.og-icon-oficinas {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09a1.65%201.65%200%200%200-1-1.51%201.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.82%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09a1.65%201.65%200%200%200%201.51-1%201.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.82.33h.01a1.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51h.01a1.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06a1.65%201.65%200%200%200-.33%201.82v.01a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201z%22%2F%3E%3C%2Fsvg%3E");
}
.og-flc-card__icon.og-icon-desmantelamento {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2016H9m10%200h3v-3.15a1%201%200%200%200-.84-.99L16%2011l-2.7-3.6a1%201%200%200%200-.8-.4H5.24a2%202%200%200%200-1.8%201.1l-.8%201.63A6%206%200%200%200%202%2012.42V16h2%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2216.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");
}
.og-flc-card__icon.og-icon-obras {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2022h20%22%2F%3E%3Cpath%20d%3D%22M3%2022V8l8-5%208%205v14%22%2F%3E%3Cpath%20d%3D%22M9%2022v-7h6v7%22%2F%3E%3C%2Fsvg%3E");
}
.og-flc-card__icon.og-icon-manutencoes {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%22%2F%3E%3C%2Fsvg%3E");
}
.og-flc-card__icon.og-icon-retalho {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L3%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E");
}
.og-flc-card__icon.og-icon-comercial {
    --og-icon-url: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%2210%22%2F%3E%3Cline%20x1%3D%2218%22%20y1%3D%2220%22%20x2%3D%2218%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%2220%22%20x2%3D%226%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E");
}
/* === MASTER ICONS END === */

/* === HOME EXTRAS START === */
/* CSS para os patterns og-stats-bar, og-features-grid, og-cta-grow (Fase J) */

/* ============================================================
   STATS BAR
   ============================================================ */
.og-stats-bar {
    padding: 4rem 1rem 5rem;
    border-bottom: 1px solid var(--wp--preset--color--border, rgba(255, 255, 255, 0.08));
}

.og-stats-bar__grid {
    gap: 1.5rem !important;
    align-items: stretch;
}

.og-stats-bar__col {
    text-align: center;
    padding: 1rem !important;
}

.og-stats-bar__num {
    font-size: clamp(2.25rem, 5vw, 3.75rem) !important;
    font-weight: 700;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    margin: 0 !important;
    line-height: 1;
    letter-spacing: -0.02em;
    font-feature-settings: "tnum";
}

.og-stats-bar__label {
    font-size: 0.875rem !important;
    color: var(--wp--preset--color--text-muted, rgba(255,255,255,0.6)) !important;
    margin: 0.5rem 0 0 !important;
    line-height: 1.4;
}

@media (max-width: 700px) {
    .og-stats-bar__grid {
        flex-wrap: wrap !important;
    }
    .og-stats-bar__col {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}


/* ============================================================
   FEATURES GRID — "Tudo o que precisa"
   ============================================================ */
.og-features-grid {
    padding: 5rem 1rem 6rem;
}

.og-features-grid__eyebrow {
    margin-bottom: 1rem !important;
}

.og-features-grid__heading {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    text-align: center;
    margin: 0 auto 0.75rem !important;
    max-width: 800px;
}

.og-features-grid__sub {
    text-align: center;
    color: var(--wp--preset--color--text-muted, rgba(255,255,255,0.6)) !important;
    margin: 0 auto 3rem !important;
    max-width: 560px;
    font-size: 1rem !important;
}

.og-features-grid__grid {
    gap: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    align-items: stretch !important;
}

.og-features-grid__grid .wp-block-column {
    display: flex !important;
}

.og-features-grid__card {
    background: var(--wp--preset--color--surface, rgba(255,255,255,0.03)) !important;
    border: 1px solid var(--wp--preset--color--border, rgba(255,255,255,0.08)) !important;
    border-radius: 14px !important;
    padding: 2rem !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: border-color 220ms ease, transform 220ms ease;
    position: relative;
    overflow: hidden;
}

.og-features-grid__card:hover {
    border-color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    transform: translateY(-2px);
}

/* Pills */
.og-features-grid__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.og-features-grid__pill {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    background: rgba(0, 169, 209, 0.08);
    border: 1px solid rgba(0, 169, 209, 0.25);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    letter-spacing: 0.04em;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace);
    line-height: 1.2;
}

.og-features-grid__pill.og-pill--solid {
    background: rgba(0, 169, 209, 0.18);
    border-color: rgba(0, 169, 209, 0.45);
}

.og-features-grid__card-title {
    font-size: 1.375rem !important;
    margin: 0 0 0.625rem !important;
    font-weight: 600;
    line-height: 1.3;
}

.og-features-grid__card-desc {
    font-size: 0.9375rem !important;
    color: var(--wp--preset--color--text-muted, rgba(255,255,255,0.65)) !important;
    margin: 0 0 1.5rem !important;
    line-height: 1.55;
}

/* Visual mini (sit at bottom of card) */
.og-features-grid__visual {
    margin-top: auto;
    padding-top: 1rem;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    opacity: 0.85;
}

.og-features-grid__visual svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Visual: invoice */
.og-visual--invoice svg {
    height: 70px;
    margin-left: auto;
}

/* Visual: chart */
.og-visual--chart svg {
    width: 100%;
    height: 56px;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

/* Visual: currency badges */
.og-visual--currency {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.og-currency {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 0.5rem 0.625rem;
    background: rgba(0, 169, 209, 0.05);
    border: 1px solid rgba(0, 169, 209, 0.2);
    border-radius: 8px;
    font-family: var(--wp--preset--font-family--mono, monospace);
}

.og-currency b {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    line-height: 1;
}

.og-currency small {
    font-size: 0.625rem;
    color: var(--wp--preset--color--text-muted, rgba(255,255,255,0.55));
    margin-top: 0.25rem;
    letter-spacing: 0.05em;
}

/* Visual: code snippet */
.og-visual--code {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    padding: 0.875rem 1rem;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace);
    font-size: 0.75rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.og-visual--code pre,
.og-visual--code code {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    white-space: pre-wrap;
}

.og-code-method { color: #50d8a4; font-weight: 600; }
.og-code-key    { color: var(--wp--preset--color--brand-secondary, #00A9D1); }
.og-code-var    { color: #f5a663; }
.og-code-status { color: #50d8a4; }

/* Visual: app buttons */
.og-visual--apps {
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.og-app-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.8125rem;
    font-weight: 500;
}

.og-app-btn svg {
    flex-shrink: 0;
}

/* Visual: status dot */
.og-visual--status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8125rem;
}

.og-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #50d8a4;
    box-shadow: 0 0 0 4px rgba(80, 216, 164, 0.15);
    flex-shrink: 0;
}


/* ============================================================
   CTA GROW — Final com social proof
   ============================================================ */
.og-cta-grow {
    padding: 5rem 2rem 6rem;
    margin: 5rem 1rem 4rem;
    background: linear-gradient(135deg,
        rgba(0, 169, 209, 0.18) 0%,
        rgba(0, 80, 110, 0.45) 60%,
        rgba(0, 169, 209, 0.08) 100%);
    border: 1px solid rgba(0, 169, 209, 0.25);
    border-radius: 18px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.og-cta-grow::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(0, 169, 209, 0.45), transparent 70%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

.og-cta-grow::after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(80, 216, 164, 0.25), transparent 70%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}

.og-cta-grow > * {
    position: relative;
    z-index: 1;
}

.og-cta-grow__eyebrow {
    margin-bottom: 1rem !important;
}

.og-cta-grow__title {
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    margin: 0 auto 1.25rem !important;
    line-height: 1.1;
    font-weight: 700;
    max-width: 720px;
    color: var(--wp--preset--color--text, #fff) !important;
}

.og-cta-grow__sub {
    font-size: 1.0625rem !important;
    max-width: 580px;
    margin: 0 auto 2.5rem !important;
    color: var(--wp--preset--color--text-muted, rgba(255,255,255,0.75)) !important;
    line-height: 1.6;
}

.og-cta-grow__buttons {
    gap: 0.75rem !important;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .og-cta-grow {
        padding: 3rem 1.25rem 4rem;
        margin: 3rem 0.5rem;
    }
}

/* === HOME EXTRAS END === */

/* === HOME POLISH START === */
/* v5: v4 + `color: inherit !important` para override do home-extras
   que define color:rgba(255,255,255,X) com fallback que fica invisível em LIGHT mode. */


/* ============================================================
   STATS BAR
   ============================================================ */
.og-stats-bar__num {
    white-space: nowrap !important;
    font-size: clamp(2rem, 4.5vw, 3.25rem) !important;
    letter-spacing: -0.025em !important;
    line-height: 1.05 !important;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
}

.og-stats-bar__col {
    padding: 0.5rem 0.75rem !important;
}

.og-stats-bar__label {
    color: inherit !important;
    opacity: 0.65 !important;
}

.og-stats-bar {
    border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    padding-block: 3.5rem 4rem !important;
}


/* ============================================================
   EYEBROWS
   ============================================================ */
.og-features-grid__eyebrow,
.og-cta-grow__eyebrow {
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.12em !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin-bottom: 1rem !important;
    opacity: 0.9;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace) !important;
}


/* ============================================================
   FEATURES GRID
   ============================================================ */
.og-features-grid {
    padding-block: 5rem 6rem !important;
}

.og-features-grid__heading {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    text-align: center;
    margin: 0 auto 0.75rem !important;
    max-width: 800px;
}

.og-features-grid__sub {
    text-align: center;
    color: inherit !important;
    opacity: 0.7 !important;
    margin: 0 auto 3rem !important;
    max-width: 560px;
    font-size: 1rem !important;
}

/* Coluna estica */
.og-features-grid__grid > .wp-block-column {
    display: flex !important;
    align-items: stretch !important;
}

/* Card adaptativo */
.og-features-grid__card,
:where(.og-features-grid__card) {
    width: 100% !important;
    min-height: 360px !important;
    background: color-mix(in srgb, currentColor 3.5%, transparent) !important;
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent) !important;
    border-radius: 14px !important;
    padding: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    transition: border-color 220ms ease, transform 220ms ease, background 220ms ease !important;
}

.og-features-grid__card:hover {
    background: color-mix(in srgb, currentColor 5.5%, transparent) !important;
    border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 50%, transparent) !important;
    transform: translateY(-2px) !important;
}

/* Pills */
.og-features-grid__pills {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem !important;
}

.og-features-grid__pill {
    display: inline-block;
    padding: 0.35rem 0.85rem !important;
    background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 12%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 30%, transparent) !important;
    border-radius: 999px !important;
    font-size: 0.7rem !important;
    font-weight: 500;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    letter-spacing: 0.04em;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace);
    line-height: 1.2;
}

.og-features-grid__pill.og-pill--solid {
    background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 50%, transparent) !important;
}

.og-features-grid__card-title {
    color: inherit !important;
    font-size: 1.375rem !important;
    margin: 0 0 0.625rem !important;
    font-weight: 600;
    line-height: 1.3;
}

.og-features-grid__card-desc {
    color: inherit !important;
    font-size: 0.9375rem !important;
    opacity: 0.75 !important;
    margin: 0 0 1.5rem !important;
    line-height: 1.55;
}

/* Mini-visuais */
.og-features-grid__visual {
    height: 90px !important;
    margin-top: auto !important;
    padding-top: 1rem !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
}

.og-features-grid__visual > svg {
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
}

.og-visual--invoice svg { max-height: 80px !important; }

.og-visual--chart { width: 100%; }
.og-visual--chart svg {
    width: 100% !important;
    height: 60px !important;
    align-self: center;
}

.og-visual--currency {
    align-items: center !important;
    flex-wrap: wrap;
    gap: 0.4rem !important;
}

.og-currency {
    min-width: 48px !important;
    padding: 0.4rem 0.55rem !important;
    background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 8%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 25%, transparent) !important;
    border-radius: 8px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--wp--preset--font-family--mono, monospace);
}

.og-currency b {
    font-size: 1.05rem !important;
    font-weight: 600;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    line-height: 1;
}

.og-currency small {
    font-size: 0.625rem;
    color: inherit !important;
    opacity: 0.6;
    margin-top: 0.25rem;
    letter-spacing: 0.05em;
}

/* Code snippet — fundo escuro fixo */
.og-visual--code {
    width: 100%;
    height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
    background: #0d1421 !important;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 18%, transparent) !important;
    border-radius: 6px;
    padding: 0.625rem 0.875rem !important;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace);
    font-size: 0.7rem !important;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.78) !important;
    align-items: flex-start !important;
}

.og-visual--code pre,
.og-visual--code code {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    white-space: pre-wrap;
}

.og-code-method { color: #50d8a4 !important; font-weight: 600; }
.og-code-key    { color: #6dd9f5 !important; }
.og-code-var    { color: #f5a663 !important; }
.og-code-status { color: #50d8a4 !important; }

/* App buttons adaptativos */
.og-visual--apps {
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap;
}

.og-app-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: color-mix(in srgb, currentColor 5%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 8px;
    color: inherit !important;
    opacity: 0.9;
    font-size: 0.8125rem;
    font-weight: 500;
}

/* Status text */
.og-visual--status {
    align-items: center !important;
    height: auto !important;
    color: inherit !important;
    opacity: 0.7;
    font-size: 0.8125rem;
    gap: 0.5rem;
}

.og-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #50d8a4;
    box-shadow: 0 0 0 4px color-mix(in srgb, #50d8a4 18%, transparent);
    flex-shrink: 0;
    opacity: 1;
}


/* ============================================================
   CTA GROW
   ============================================================ */
.og-cta-grow {
    margin: 4rem auto 5rem !important;
    padding: 4.5rem 2rem 5rem !important;
    background: color-mix(in srgb, currentColor 4%, transparent) !important;
    border: 1px solid color-mix(in srgb, currentColor 12%, transparent) !important;
    border-radius: 18px !important;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
}

.og-cta-grow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: radial-gradient(ellipse at top right,
        color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 14%, transparent),
        transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.og-cta-grow::after {
    display: none !important;
}

.og-cta-grow > * {
    position: relative;
    z-index: 1;
}

.og-cta-grow__title {
    color: inherit !important;
    font-size: clamp(2rem, 4.5vw, 3rem) !important;
    margin: 0 auto 1.25rem !important;
    line-height: 1.15 !important;
    font-weight: 700;
    max-width: 720px;
}

.og-cta-grow__sub {
    color: inherit !important;
    font-size: 1.0625rem !important;
    max-width: 580px;
    margin: 0 auto 2.5rem !important;
    opacity: 0.78 !important;
    line-height: 1.6;
}

.og-cta-grow__buttons {
    gap: 0.75rem !important;
    flex-wrap: wrap;
}


/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.og-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 720ms cubic-bezier(0.16, 1, 0.3, 1),
                transform 720ms cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.og-reveal.og-revealed {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .og-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* === HOME POLISH END === */

/* === HOME V2 TESTE START === */
/* CSS para a /home-teste-v2/ — NÃO afecta a home actual.
   Componentes novos: hero-v2, bento, problem-cards, steps, mini-cases, trust-grid */


/* ============================================================
   HERO V2 — tensão e foco
   ============================================================ */
.og-hv2-hero {
    padding: 5rem 1.5rem 3rem !important;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.og-hv2-hero__eyebrow {
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.14em !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0 0 1.5rem !important;
    opacity: 0.9;
    font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace) !important;
}

.og-hv2-hero__title {
    color: inherit !important;
    font-size: clamp(2.75rem, 6.5vw, 5.25rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    font-weight: 800 !important;
    margin: 0 auto 1.75rem !important;
    max-width: 920px;
}

.og-hv2-hero__title em {
    font-style: normal;
    background: linear-gradient(120deg,
        var(--wp--preset--color--brand-secondary, #00A9D1),
        color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 60%, white));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.og-hv2-hero__sub {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem) !important;
    max-width: 620px;
    margin: 0 auto 2.5rem !important;
    line-height: 1.5 !important;
}

.og-hv2-hero__ctas {
    display: flex !important;
    gap: 0.875rem !important;
    justify-content: center !important;
    flex-wrap: wrap;
    margin-bottom: 1.5rem !important;
}

.og-hv2-hero__proof {
    color: inherit !important;
    opacity: 0.55 !important;
    font-size: 0.875rem !important;
    margin: 0 !important;
    font-family: var(--wp--preset--font-family--mono, monospace);
    letter-spacing: 0.02em;
}

.og-hv2-hero__visual {
    margin-top: 4rem;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    background: color-mix(in srgb, currentColor 3%, transparent);
    padding: 1.5rem;
    position: relative;
}

.og-hv2-hero__visual svg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}


/* ============================================================
   PROBLEM SECTION — "Sabes essa sensação..."
   ============================================================ */
.og-hv2-problem {
    padding: 6rem 1.5rem !important;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.og-hv2-problem__title {
    color: inherit !important;
    font-size: clamp(1.875rem, 3.5vw, 2.75rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin: 0 auto 0.75rem !important;
    max-width: 780px;
    font-weight: 700;
}

.og-hv2-problem__sub {
    color: inherit !important;
    opacity: 0.65 !important;
    font-size: 1.0625rem !important;
    margin: 0 auto 3.5rem !important;
    max-width: 580px;
}

.og-hv2-problem__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
    margin-bottom: 3rem !important;
}

@media (max-width: 800px) {
    .og-hv2-problem__grid {
        grid-template-columns: 1fr !important;
    }
}

.og-hv2-pain {
    text-align: left;
    padding: 1.875rem !important;
    background: color-mix(in srgb, currentColor 3%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    border-radius: 12px;
    position: relative;
}

.og-hv2-pain__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: color-mix(in srgb, currentColor 8%, transparent);
    border-radius: 50%;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-family: var(--wp--preset--font-family--mono, monospace);
    font-weight: 600;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    opacity: 0.85;
}

.og-hv2-pain__text {
    color: inherit !important;
    font-size: 1.125rem !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    font-weight: 500;
}

.og-hv2-problem__answer {
    color: inherit !important;
    opacity: 0.85;
    font-size: 1.125rem !important;
    margin: 0 !important;
    font-weight: 500;
}

.og-hv2-problem__answer em {
    font-style: normal;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    font-weight: 600;
}


/* ============================================================
   BENTO — product showcase com tamanhos variados
   ============================================================ */
.og-hv2-bento-section {
    padding: 5rem 1.5rem 6rem !important;
    max-width: 1200px;
    margin: 0 auto;
}

.og-hv2-bento-section__head {
    text-align: center;
    margin-bottom: 3.5rem;
}

.og-hv2-bento-section__title {
    color: inherit !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.1 !important;
    margin: 0 auto 0.75rem !important;
    max-width: 720px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.og-hv2-bento-section__sub {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: 1.0625rem !important;
    max-width: 560px;
    margin: 0 auto !important;
}

.og-hv2-bento {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    grid-auto-rows: minmax(220px, auto) !important;
    gap: 1.25rem !important;
}

.og-hv2-bento__card {
    background: color-mix(in srgb, currentColor 3.5%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 16px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: border-color 220ms ease, transform 220ms ease;
}

.og-hv2-bento__card:hover {
    border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 45%, transparent);
    transform: translateY(-2px);
}

/* Bento card sizes */
.og-hv2-bento__card--lg { grid-column: span 4; grid-row: span 2; }
.og-hv2-bento__card--md { grid-column: span 2; grid-row: span 1; }
.og-hv2-bento__card--sm { grid-column: span 2; grid-row: span 1; }
.og-hv2-bento__card--wide { grid-column: span 4; grid-row: span 1; }

@media (max-width: 900px) {
    .og-hv2-bento {
        grid-template-columns: 1fr !important;
    }
    .og-hv2-bento__card--lg,
    .og-hv2-bento__card--md,
    .og-hv2-bento__card--sm,
    .og-hv2-bento__card--wide {
        grid-column: span 1;
        grid-row: span 1;
    }
}

.og-hv2-bento__pill {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 30%, transparent);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    letter-spacing: 0.06em;
    font-family: var(--wp--preset--font-family--mono, monospace);
    margin-bottom: 1rem;
    align-self: flex-start;
}

.og-hv2-bento__title {
    color: inherit !important;
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    margin: 0 0 0.625rem !important;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.og-hv2-bento__card--lg .og-hv2-bento__title {
    font-size: 2rem !important;
}

.og-hv2-bento__desc {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: 0.9375rem !important;
    line-height: 1.55 !important;
    margin: 0 0 1.25rem !important;
}

.og-hv2-bento__visual {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    overflow: hidden;
}

.og-hv2-bento__visual svg {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}


/* ============================================================
   3 STEPS — onboarding
   ============================================================ */
.og-hv2-steps {
    padding: 5rem 1.5rem !important;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.og-hv2-steps__title {
    color: inherit !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.1 !important;
    margin: 0 auto 0.75rem !important;
    max-width: 760px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.og-hv2-steps__sub {
    color: inherit !important;
    opacity: 0.7 !important;
    margin: 0 auto 4rem !important;
    font-size: 1.0625rem !important;
    max-width: 560px;
}

.og-hv2-steps__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
    text-align: left;
}

@media (max-width: 800px) {
    .og-hv2-steps__grid { grid-template-columns: 1fr !important; }
}

.og-hv2-step {
    padding: 2rem;
    background: color-mix(in srgb, currentColor 3%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    border-radius: 14px;
    position: relative;
}

.og-hv2-step__num {
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-size: 3.5rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 1rem !important;
    opacity: 0.85;
    font-family: var(--wp--preset--font-family--mono, monospace) !important;
}

.og-hv2-step__title {
    color: inherit !important;
    font-size: 1.25rem !important;
    margin: 0 0 0.5rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.og-hv2-step__desc {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: 0.9375rem !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}


/* ============================================================
   MINI CASES — 3 quotes com 1 número cada
   ============================================================ */
.og-hv2-cases {
    padding: 5rem 1.5rem 6rem !important;
    max-width: 1200px;
    margin: 0 auto;
}

.og-hv2-cases__head {
    text-align: center;
    margin-bottom: 3.5rem;
}

.og-hv2-cases__title {
    color: inherit !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.1 !important;
    margin: 0 auto 0.75rem !important;
    max-width: 720px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.og-hv2-cases__sub {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: 1.0625rem !important;
    max-width: 580px;
    margin: 0 auto !important;
}

.og-hv2-cases__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
}

@media (max-width: 900px) {
    .og-hv2-cases__grid { grid-template-columns: 1fr !important; }
}

.og-hv2-case {
    padding: 2.25rem 2rem !important;
    background: color-mix(in srgb, currentColor 3.5%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
}

.og-hv2-case__metric {
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-size: 2.75rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 0.875rem !important;
    font-feature-settings: "tnum";
}

.og-hv2-case__quote {
    color: inherit !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    margin: 0 0 1.5rem !important;
    font-weight: 500;
    font-style: italic;
}

.og-hv2-case__author {
    color: inherit !important;
    opacity: 0.6 !important;
    font-size: 0.8125rem !important;
    margin: auto 0 0 !important;
    letter-spacing: 0.02em;
    font-family: var(--wp--preset--font-family--mono, monospace);
}


/* ============================================================
   TRUST GRID — "O que está sempre incluído"
   ============================================================ */
.og-hv2-trust {
    padding: 5rem 1.5rem !important;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.og-hv2-trust__title {
    color: inherit !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    line-height: 1.1 !important;
    margin: 0 auto 0.75rem !important;
    max-width: 720px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.og-hv2-trust__sub {
    color: inherit !important;
    opacity: 0.7 !important;
    font-size: 1.0625rem !important;
    max-width: 580px;
    margin: 0 auto 3.5rem !important;
}

.og-hv2-trust__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
    text-align: left;
}

@media (max-width: 800px) {
    .og-hv2-trust__grid { grid-template-columns: 1fr !important; }
}

.og-hv2-trust__item {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1.25rem 1.5rem;
    background: color-mix(in srgb, currentColor 3%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    border-radius: 10px;
}

.og-hv2-trust__check {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 50%, transparent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--brand-secondary, #00A9D1);
    font-size: 0.7rem;
    font-weight: 700;
}

.og-hv2-trust__label {
    color: inherit !important;
    font-size: 0.9375rem !important;
    margin: 0 !important;
    font-weight: 500;
}


/* ============================================================
   CTA FINAL HUMANO
   ============================================================ */
.og-hv2-cta {
    margin: 5rem auto 6rem !important;
    padding: 5rem 2rem !important;
    background: color-mix(in srgb, currentColor 4%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    border-radius: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 1100px;
}

.og-hv2-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 100%;
    background: radial-gradient(ellipse at top,
        color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 16%, transparent),
        transparent 65%);
    pointer-events: none;
    z-index: 0;
}

.og-hv2-cta > * {
    position: relative;
    z-index: 1;
}

.og-hv2-cta__eyebrow {
    color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.14em !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0 auto 1.25rem !important;
    opacity: 0.9;
    font-family: var(--wp--preset--font-family--mono, monospace) !important;
}

.og-hv2-cta__title {
    color: inherit !important;
    font-size: clamp(2.25rem, 5vw, 3.75rem) !important;
    line-height: 1.05 !important;
    margin: 0 auto 1rem !important;
    max-width: 720px;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.og-hv2-cta__sub {
    color: inherit !important;
    opacity: 0.75 !important;
    font-size: 1.125rem !important;
    max-width: 560px;
    margin: 0 auto 2.5rem !important;
    line-height: 1.55;
}

.og-hv2-cta__buttons {
    display: flex !important;
    gap: 0.875rem !important;
    justify-content: center !important;
    flex-wrap: wrap;
}


/* ============================================================
   BUTTONS — outline ghost (não temos no tema)
   ============================================================ */
.og-btn-ghost-v2 .wp-block-button__link {
    background: transparent !important;
    color: inherit !important;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent) !important;
    transition: border-color 200ms, background 200ms !important;
}

.og-btn-ghost-v2 .wp-block-button__link:hover {
    border-color: color-mix(in srgb, currentColor 50%, transparent) !important;
    background: color-mix(in srgb, currentColor 5%, transparent) !important;
}

/* === HOME V2 TESTE END === */

/* === FORMS START === */
/* OfficeGest Forms — adaptativo light/dark via color-mix(currentColor) + opacity */


/* ============================================================
   LAYOUT
   ============================================================ */
.og-form {
	max-width: 640px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.og-form--wide {
	max-width: 820px;
}

.og-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 640px) {
	.og-form__row {
		grid-template-columns: 1fr;
	}
}

.og-form__field {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: relative;
}

.og-form__label {
	color: inherit !important;
	opacity: 0.75;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.og-form__label-hint {
	font-weight: 400;
	font-size: 0.75rem;
	opacity: 0.7;
	margin-left: 0.4em;
}


/* ============================================================
   INPUTS — adaptativos
   ============================================================ */
.og-form__field input[type="text"],
.og-form__field input[type="email"],
.og-form__field input[type="tel"],
.og-form__field input[type="number"],
.og-form__field input[type="url"],
.og-form__field select,
.og-form__field textarea {
	width: 100%;
	padding: 0.75rem 0.875rem;
	background: color-mix(in srgb, currentColor 4%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
	border-radius: 8px;
	color: inherit;
	font-family: inherit;
	font-size: 0.9375rem;
	line-height: 1.4;
	box-sizing: border-box;
	transition: border-color 200ms ease, background 200ms ease, box-shadow 200ms ease;
	-webkit-appearance: none;
	appearance: none;
}

/* Override autofill to keep look consistent */
.og-form__field input:-webkit-autofill,
.og-form__field input:-webkit-autofill:hover,
.og-form__field input:-webkit-autofill:focus {
	-webkit-text-fill-color: currentColor;
	-webkit-box-shadow: 0 0 0 30px color-mix(in srgb, currentColor 6%, transparent) inset;
	transition: background-color 9999s ease-in-out 0s;
}

.og-form__field input:hover,
.og-form__field select:hover,
.og-form__field textarea:hover {
	border-color: color-mix(in srgb, currentColor 28%, transparent);
}

.og-form__field input:focus,
.og-form__field select:focus,
.og-form__field textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--brand-secondary, #00A9D1);
	background: color-mix(in srgb, currentColor 6%, transparent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 15%, transparent);
}

.og-form__field textarea {
	resize: vertical;
	min-height: 120px;
}

/* Custom select chevron */
.og-form__field select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.875rem center;
	padding-right: 2.25rem;
	cursor: pointer;
}


/* ============================================================
   CHECKBOXES — multi módulos
   ============================================================ */
.og-form__checks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 600px) {
	.og-form__checks {
		grid-template-columns: 1fr 1fr;
	}
}

.og-form__check {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.625rem 0.75rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	border-radius: 8px;
	font-size: 0.875rem;
	cursor: pointer;
	transition: border-color 180ms ease, background 180ms ease;
	user-select: none;
}

.og-form__check:hover {
	border-color: color-mix(in srgb, currentColor 24%, transparent);
}

.og-form__check input[type="checkbox"] {
	margin: 0;
	cursor: pointer;
	accent-color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-form__check:has(input:checked) {
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 50%, transparent);
	background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 8%, transparent);
}


/* ============================================================
   HONEYPOT — visualmente oculto, mas não display:none
   (alguns bots ignoram display:none; off-screen é melhor)
   ============================================================ */
.og-form__hp {
	position: absolute !important;
	left: -10000px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}


/* ============================================================
   SUBMIT BUTTON
   ============================================================ */
.og-form__submit-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}

.og-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 1.75rem;
	background: linear-gradient(135deg,
		var(--wp--preset--color--brand-secondary, #00A9D1),
		color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 80%, var(--wp--preset--color--brand-primary, #0d1421)));
	border: none;
	border-radius: 8px;
	color: #001b29;
	font-size: 0.9375rem;
	font-weight: 600;
	cursor: pointer;
	transition: transform 180ms ease, opacity 180ms ease, box-shadow 180ms ease;
	font-family: inherit;
	letter-spacing: 0.01em;
}

.og-form__submit:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 8px 24px -8px color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 60%, transparent);
}

.og-form__submit:active:not(:disabled) {
	transform: translateY(0);
}

.og-form__submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.og-form__legal {
	color: inherit !important;
	opacity: 0.55;
	font-size: 0.75rem;
	margin: 0;
	max-width: 360px;
	line-height: 1.45;
}

.og-form__legal a {
	color: inherit;
	opacity: 0.85;
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
	text-underline-offset: 2px;
}


/* ============================================================
   FIELD ERROR STATE
   ============================================================ */
.og-form__field--error input,
.og-form__field--error select,
.og-form__field--error textarea {
	border-color: #e0573b !important;
	background: color-mix(in srgb, #e0573b 8%, transparent) !important;
}

.og-form__error-msg {
	display: block;
	color: #e0573b;
	font-size: 0.75rem;
	margin-top: 0.125rem;
	letter-spacing: 0.01em;
}


/* ============================================================
   FORM STATUS — submitting / success / error
   ============================================================ */
.og-form__status {
	min-height: 1.5em;
	font-size: 0.875rem;
	line-height: 1.5;
	color: inherit !important;
	transition: opacity 200ms ease;
}

.og-form__status:empty {
	display: none;
}

.og-form__status--submitting {
	opacity: 0.7;
}

.og-form__status--success {
	color: #2da472 !important;
	background: color-mix(in srgb, #2da472 8%, transparent);
	border: 1px solid color-mix(in srgb, #2da472 35%, transparent);
	padding: 0.875rem 1rem;
	border-radius: 8px;
	font-weight: 500;
}

.og-form__status--error {
	color: #e0573b !important;
	background: color-mix(in srgb, #e0573b 8%, transparent);
	border: 1px solid color-mix(in srgb, #e0573b 35%, transparent);
	padding: 0.875rem 1rem;
	border-radius: 8px;
}

.og-form--submitting {
	pointer-events: none;
	opacity: 0.85;
}

.og-form--submitting .og-form__submit {
	pointer-events: auto; /* disabled state shows the cursor */
}


/* ============================================================
   FORM CONTAINER (wrapper card pattern)
   ============================================================ */
.og-form-card {
	max-width: 720px;
	margin: 3rem auto 5rem;
	padding: 2.5rem 2rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 16px;
}

.og-form-card--wide {
	max-width: 900px;
}

.og-form-card__head {
	margin-bottom: 2rem;
	text-align: center;
}

.og-form-card__eyebrow {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.12em !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin: 0 0 0.75rem !important;
	opacity: 0.9;
	font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace) !important;
}

.og-form-card__title {
	color: inherit !important;
	font-size: clamp(1.625rem, 3vw, 2.25rem) !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 0 0 0.625rem !important;
	line-height: 1.2;
}

.og-form-card__sub {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 1rem !important;
	margin: 0 auto !important;
	max-width: 520px;
	line-height: 1.55;
}

/* === FORMS END === */

/* === CONTACTOS CARDS START === */
/* 3 cards (PT, AO, MZ) na pagina /contactos/, adaptativos light/dark */

.og-contactos-hero {
	padding-block: 4rem 1.5rem !important;
	max-width: 800px;
	margin: 0 auto;
}

.og-contactos-hero__title {
	color: inherit !important;
	font-size: clamp(2.25rem, 4.5vw, 3.5rem) !important;
	line-height: 1.1 !important;
	letter-spacing: -0.02em !important;
	margin: 0 auto 1rem !important;
	font-weight: 700 !important;
}

.og-contactos-hero__sub {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 1.0625rem !important;
	max-width: 580px;
	margin: 0 auto !important;
	line-height: 1.5 !important;
}

.og-contact-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	max-width: 1100px;
	margin: 2.5rem auto 4rem;
	padding: 0 1.5rem;
}

@media (max-width: 800px) {
	.og-contact-grid {
		grid-template-columns: 1fr;
		max-width: 480px;
	}
}

.og-contact-card {
	padding: 1.875rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 14px;
	transition: border-color 200ms ease, transform 200ms ease;
}

.og-contact-card:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 40%, transparent);
	transform: translateY(-2px);
}

.og-contact-card__flag {
	font-size: 1.75rem;
	line-height: 1;
	display: block;
}

.og-contact-card__country {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.12em !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin: 0.875rem 0 1.125rem !important;
	opacity: 0.85;
	font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace) !important;
}

.og-contact-card__email,
.og-contact-card__phone {
	color: inherit !important;
	margin: 0 0 0.5rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.4 !important;
}

.og-contact-card__phone {
	opacity: 0.7;
}

.og-contact-card a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent);
	transition: border-color 180ms ease;
}

.og-contact-card a:hover {
	border-bottom-color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

/* === CONTACTOS CARDS END === */

/* === PAGES UPDATE START === */
/* Componentes para as 8 páginas (DMS, módulos, apps mobile, FAQs, funcionalidades).
   Adaptativos light/dark via color-mix(currentColor) + inherit. */


/* ============================================================
   PAGE VISUAL — wrapper para SVG mockups
   ============================================================ */
.og-page-visual {
	display: block;
	width: 100%;
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-page-visual--card {
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 14px;
	padding: 1.25rem;
	transition: border-color 220ms ease;
}

.og-page-visual--card:hover {
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 35%, transparent);
}

.og-page-visual svg {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}


/* ============================================================
   PAGE FEATURE — bloco 2 colunas (texto + visual)
   ============================================================ */
.og-page-feature {
	padding: 5rem 1.5rem !important;
	max-width: 1200px;
	margin: 0 auto;
}

.og-page-feature__title {
	color: inherit !important;
	font-size: clamp(1.875rem, 3.5vw, 2.5rem) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
	margin: 0.5rem 0 1rem !important;
	font-weight: 700 !important;
}

.og-page-feature__desc {
	color: inherit !important;
	opacity: 0.75 !important;
	font-size: 1.0625rem !important;
	line-height: 1.55 !important;
	margin: 0 0 1.5rem !important;
}

.og-page-feature__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.og-page-feature__list li {
	color: inherit !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	opacity: 0.9;
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin: 0 !important;
}

.og-page-feature__check {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 18%, transparent);
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
	font-size: 0.7rem;
	font-weight: 700;
	margin-top: 0.125em;
}


/* ============================================================
   PAGE SOLUÇÕES — 3 cards Start/Master/Leader
   ============================================================ */
.og-page-solucoes {
	padding: 5rem 1.5rem 4rem !important;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.og-page-solucoes__title {
	color: inherit !important;
	font-size: clamp(2rem, 4vw, 2.75rem) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
	margin: 0.5rem auto 3rem !important;
	max-width: 720px;
	font-weight: 700 !important;
}

.og-page-solucoes__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	text-align: left;
}

@media (max-width: 900px) {
	.og-page-solucoes__grid {
		grid-template-columns: 1fr;
	}
}

.og-page-solucao {
	display: flex;
	flex-direction: column;
	padding: 2rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 14px;
	color: inherit !important;
	text-decoration: none;
	transition: border-color 220ms ease, transform 220ms ease, background 220ms ease;
}

.og-page-solucao:hover {
	background: color-mix(in srgb, currentColor 5%, transparent);
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 40%, transparent);
	transform: translateY(-2px);
}

.og-page-solucao--featured {
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 35%, transparent);
}

.og-page-solucao__pill {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.12em !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin: 0 0 1rem !important;
	opacity: 0.85;
	font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace) !important;
}

.og-page-solucao__pill--featured {
	opacity: 1;
}

.og-page-solucao__name {
	color: inherit !important;
	font-size: 1.625rem !important;
	font-weight: 700 !important;
	margin: 0 0 0.75rem !important;
	letter-spacing: -0.015em;
}

.og-page-solucao__desc {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	margin: 0 0 1.5rem !important;
	flex-grow: 1;
}

.og-page-solucao__cta {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-size: 0.875rem !important;
	font-weight: 600;
	letter-spacing: 0.01em;
}


/* ============================================================
   PAGE MÓDULOS EXTRA — cards com ícone SVG
   ============================================================ */
.og-page-modulos {
	padding: 4rem 1.5rem 5rem !important;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.og-page-modulos__title {
	color: inherit !important;
	font-size: clamp(1.875rem, 3.5vw, 2.5rem) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
	margin: 0.5rem auto 0.75rem !important;
	max-width: 720px;
	font-weight: 700 !important;
}

.og-page-modulos__sub {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 1.0625rem !important;
	max-width: 560px;
	margin: 0 auto 3rem !important;
}

.og-page-modulos__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	text-align: left;
}

@media (max-width: 900px) {
	.og-page-modulos__grid {
		grid-template-columns: 1fr;
	}
}

.og-page-modulo {
	display: flex;
	flex-direction: column;
	padding: 1.75rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 9%, transparent);
	border-radius: 12px;
	color: inherit !important;
	text-decoration: none;
	transition: border-color 220ms ease, transform 220ms ease, background 220ms ease;
}

.og-page-modulo:hover {
	background: color-mix(in srgb, currentColor 5%, transparent);
	border-color: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 35%, transparent);
	transform: translateY(-2px);
}

.og-page-modulo__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 12%, transparent);
	border-radius: 10px;
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
	margin-bottom: 1rem;
}

.og-page-modulo__name {
	color: inherit !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	margin: 0 0 0.5rem !important;
	letter-spacing: -0.01em;
}

.og-page-modulo__desc {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}


/* ============================================================
   FAQ ACCORDION — para a página /faqs/ (próximo turn)
   ============================================================ */
.og-faq-group {
	margin-bottom: 2.5rem;
}

.og-faq-group__title {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.12em !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin: 0 0 1rem !important;
	opacity: 0.9;
	font-family: var(--wp--preset--font-family--mono, monospace) !important;
}

.og-faq-item {
	border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	padding: 1.25rem 0;
}

.og-faq-item:last-child {
	border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.og-faq-item summary {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	font-size: 1rem;
	font-weight: 500;
	color: inherit;
	list-style: none;
}

.og-faq-item summary::-webkit-details-marker {
	display: none;
}

.og-faq-item summary::after {
	content: "+";
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: color-mix(in srgb, currentColor 8%, transparent);
	font-size: 1rem;
	transition: transform 200ms ease, background 200ms ease;
}

.og-faq-item[open] summary::after {
	content: "−";
	background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 18%, transparent);
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-faq-item summary:hover {
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
}

.og-faq-item__body {
	color: inherit !important;
	opacity: 0.75;
	font-size: 0.9375rem;
	line-height: 1.6;
	padding-top: 0.875rem;
	margin: 0;
}

/* === PAGES UPDATE END === */


/* === FAQ APOIO PATCH === */
.og-faq-apoio-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
	max-width: 880px;
	margin: 0 auto 4rem;
}
@media (max-width: 700px) {
	.og-faq-apoio-grid { grid-template-columns: 1fr; max-width: 480px; }
}
.og-faq-apoio-card {
	display: flex;
	flex-direction: column;
	padding: 2rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
	border-radius: 14px;
	color: inherit !important;
}
.og-faq-apoio-card__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px;
	background: color-mix(in srgb, var(--wp--preset--color--brand-secondary, #00A9D1) 14%, transparent);
	border-radius: 12px;
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
	margin-bottom: 1.125rem;
}
.og-faq-apoio-card__title {
	color: inherit !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	margin: 0 0 0.5rem !important;
}
.og-faq-apoio-card__desc {
	color: inherit !important;
	opacity: 0.7 !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}
/* App steps */
.og-app-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	max-width: 1000px;
	margin: 2rem auto 0;
}
@media (max-width: 800px) { .og-app-steps { grid-template-columns: 1fr; } }
.og-app-step {
	padding: 1.5rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 9%, transparent);
	border-radius: 12px;
}
.og-app-step__num {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-family: var(--wp--preset--font-family--mono, monospace) !important;
	font-size: 1.75rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 0.5rem !important;
	opacity: 0.85;
	line-height: 1;
}
.og-app-step__title { color: inherit !important; font-size: 1rem !important; font-weight: 600 !important; margin: 0 0 0.375rem !important; }
.og-app-step__desc { color: inherit !important; opacity: 0.7 !important; font-size: 0.875rem !important; margin: 0 !important; line-height: 1.5 !important; }
/* App store badges */
.og-app-badges {
	display: flex; gap: 0.625rem; flex-wrap: wrap; align-items: center;
	margin-top: 1.5rem;
}
.og-app-badge {
	display: inline-flex; align-items: center; gap: 0.5rem;
	padding: 0.5rem 0.875rem;
	background: color-mix(in srgb, currentColor 5%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: 8px;
	color: inherit !important;
	text-decoration: none;
	font-size: 0.8125rem; font-weight: 500;
	transition: border-color 200ms;
}
.og-app-badge:hover { border-color: var(--wp--preset--color--brand-secondary, #00A9D1); }
.og-app-badge__svg { color: var(--wp--preset--color--brand-secondary, #00A9D1); }
/* Funcionalidades grid */
.og-func-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
	max-width: 1200px;
	margin: 3rem auto 5rem;
}
@media (max-width: 900px) { .og-func-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .og-func-grid { grid-template-columns: 1fr; } }
.og-func-card {
	padding: 1.75rem;
	background: color-mix(in srgb, currentColor 3%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 9%, transparent);
	border-radius: 12px;
}
.og-func-card__title {
	color: inherit !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
	margin: 0 0 0.875rem !important;
}
.og-func-card__list {
	list-style: none; padding: 0; margin: 0;
	display: flex; flex-direction: column; gap: 0.5rem;
}
.og-func-card__list li {
	color: inherit !important;
	opacity: 0.78;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	padding-left: 1rem;
	position: relative;
	margin: 0 !important;
}
.og-func-card__list li::before {
	content: ""; position: absolute; left: 0; top: 0.55em;
	width: 5px; height: 5px; border-radius: 50%;
	background: var(--wp--preset--color--brand-secondary, #00A9D1);
	opacity: 0.7;
}
/* === FAQ APOIO PATCH END === */


/* === MASTER VERTICALS PATCH === */
.og-app-steps.og-app-steps--4 {
	grid-template-columns: repeat(4, 1fr);
	max-width: 1200px;
}
@media (max-width: 1000px) {
	.og-app-steps.og-app-steps--4 { grid-template-columns: repeat(2, 1fr); max-width: 600px; }
}
@media (max-width: 600px) {
	.og-app-steps.og-app-steps--4 { grid-template-columns: 1fr; max-width: 320px; }
}
/* Icon dentro do feature card (og-func-grid) */
.og-func-card .og-page-modulo__icon {
	margin-bottom: 1rem;
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
}
/* === MASTER VERTICALS PATCH END === */


/* === RESTORED IMG PATCH === */
.og-restored-img {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
}
.og-page-visual .og-restored-img,
.og-page-visual--card .og-restored-img {
	margin: 0 auto;
}
/* === RESTORED IMG PATCH END === */


/* === RESTORED IMG FIX V2 === */
.og-restored-img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
	border-radius: 12px;
}
/* Wrapper visual: garantir que está totalmente preenchido */
.og-page-visual,
.og-page-visual--card {
	width: 100%;
	text-align: center;
}
.og-page-visual .og-restored-img,
.og-page-visual--card .og-restored-img {
	width: 100% !important;
	max-width: 100% !important;
}
/* Pages text-only (após rebuild da /appnumberinfo/) */
.og-page-textonly .og-hero-image-left,
.og-page-textonly .og-page-feature {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.og-page-textonly .og-hero-image-left__ctas,
.og-page-textonly .og-page-feature .og-page-feature__list {
	text-align: left;
}
.og-page-textonly .og-hero-image-left__ctas {
	justify-content: center;
}
.og-page-textonly .og-page-feature__list {
	max-width: 580px;
	margin: 1.5rem auto 0;
}
/* === RESTORED IMG FIX V2 END === */


/* === MASTER VIDEO + IMG FORCE V3 === */

/* Video section */
.og-video-section {
	max-width: 1100px;
	margin: 4rem auto;
	padding: 0 1.5rem;
}
.og-video-section .og-page-feature__title {
	margin-bottom: 1rem;
}
.og-video-wrapper {
	margin: 2rem auto 0;
	max-width: 100%;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #000;
	box-shadow: 0 20px 40px -20px color-mix(in srgb, currentColor 35%, transparent);
}
.og-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	background: #000;
}

/* HERO column widths — defensivo. O Gutenberg/tema pode estar a ignorar flex-basis. */
.og-hero-image-left .wp-block-columns {
	gap: 2rem !important;
	align-items: center !important;
}
.og-hero-image-left .wp-block-columns > .wp-block-column:first-child {
	flex: 1 1 52% !important;
	min-width: 0 !important;
}
.og-hero-image-left .wp-block-columns > .wp-block-column:last-child {
	flex: 1 1 48% !important;
	min-width: 0 !important;
}
@media (max-width: 800px) {
	.og-hero-image-left .wp-block-columns > .wp-block-column {
		flex: 1 1 100% !important;
	}
}

/* Visual wrapper + img: force fill the column */
.og-page-visual {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}
.og-page-visual img,
.og-page-visual .og-restored-img,
img.og-restored-img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
	border-radius: 12px !important;
}

/* === MASTER VIDEO + IMG FORCE V3 END === */


/* === HERO V2 === */
.og-hero-v2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.og-hero-v2__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 4rem 1.5rem 5rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: center;
}
.og-hero-v2__text {
	display: flex;
	flex-direction: column;
	gap: 1.125rem;
}
.og-hero-v2 .og-eyebrow {
	color: var(--wp--preset--color--brand-secondary, #00A9D1);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0;
	text-transform: uppercase;
}
.og-hero-v2__title {
	color: inherit;
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0;
}
.og-hero-v2__sub {
	color: inherit;
	opacity: 0.75;
	font-size: 1.0625rem;
	line-height: 1.55;
	max-width: 540px;
	margin: 0;
}
.og-hero-v2__ctas {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 0.75rem;
}
.og-hero-v2__btn {
	display: inline-flex;
	align-items: center;
	padding: 0.75rem 1.5rem;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	font-size: 0.9375rem;
	transition: transform 200ms, background 200ms, border-color 200ms;
	border: 1.5px solid transparent;
	cursor: pointer;
}
.og-hero-v2__btn--primary {
	background: linear-gradient(135deg, #00C4D6, #00A9D1 60%, #007ea1);
	color: #fff !important;
}
.og-hero-v2__btn--primary:hover { transform: translateY(-1px); }
.og-hero-v2__btn--ghost {
	background: transparent;
	color: inherit !important;
	border-color: currentColor;
	opacity: 0.85;
}
.og-hero-v2__btn--ghost:hover {
	background: color-mix(in srgb, currentColor 8%, transparent);
	opacity: 1;
}
.og-hero-v2__visual {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.og-hero-v2__img {
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
	border-radius: 12px;
}
@media (max-width: 900px) {
	.og-hero-v2__inner {
		grid-template-columns: 1fr;
		gap: 2.5rem;
		padding: 3rem 1.25rem 4rem;
	}
	.og-hero-v2__img { max-width: 520px; margin: 0 auto; }
}
/* === HERO V2 END === */


/* === BLANK PAGE FIX === */
/* Forçar content-visibility: visible nos containers principais. */
/* Sintoma original: ao primeiro load uma zona ficava vazia até scroll triggar render. */
.og-hero-v2,
.og-hero-v2__inner,
.og-hero-image-left,
.og-page-feature,
.og-page-solucoes,
.og-page-modulos,
.og-page-visual,
.og-page-visual--card,
.og-video-section,
.og-video-wrapper,
.og-hv2-cta,
.og-func-grid,
.og-page-solucoes__grid,
.og-page-modulos__grid,
.og-app-steps,
.og-faq-section,
.og-faq-apoio-grid,
.og-corestats,
.og-pillars-grid,
.og-offices-grid {
	content-visibility: visible !important;
	contain-intrinsic-size: auto !important;
	contain: none !important;
}
/* Também os wrappers Gutenberg comuns */
.wp-block-group,
.wp-block-columns,
.wp-block-column {
	content-visibility: visible !important;
}
/* === BLANK PAGE FIX END === */


/* === HERO V2 EDITABLE OVERRIDE === */
/* Force CSS Grid em cima do wp-block-columns para garantir layout 2 cols */

.og-hero-v2 {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 4rem 1.5rem 5rem !important;
}

.og-hero-v2 .og-hero-v2__inner.wp-block-columns,
.og-hero-v2 > .wp-block-columns {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 3rem !important;
	align-items: center !important;
	margin: 0 !important;
}

.og-hero-v2 .wp-block-column {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	padding: 0 !important;
	min-width: 0 !important;
}

.og-hero-v2 .og-hero-v2__text {
	display: flex !important;
	flex-direction: column !important;
	gap: 1rem !important;
}

.og-hero-v2 .og-hero-v2__text > * {
	margin: 0 !important;
}

.og-hero-v2 .og-eyebrow {
	color: var(--wp--preset--color--brand-secondary, #00A9D1) !important;
	font-family: var(--wp--preset--font-family--mono, monospace) !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}

.og-hero-v2 .og-hero-v2__title {
	font-size: clamp(2rem, 4vw, 3.25rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.05 !important;
	color: inherit !important;
}

.og-hero-v2 .og-hero-v2__sub {
	opacity: 0.75;
	font-size: 1.0625rem !important;
	line-height: 1.55 !important;
	max-width: 540px;
	color: inherit !important;
}

.og-hero-v2 .og-hero-v2__ctas {
	margin-top: 0.5rem !important;
	gap: 0.75rem !important;
}

.og-hero-v2 .og-hero-v2__btn .wp-block-button__link {
	padding: 0.75rem 1.5rem !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
}
.og-hero-v2 .og-hero-v2__btn--primary .wp-block-button__link {
	background: linear-gradient(135deg, #00C4D6, #00A9D1 60%, #007ea1) !important;
	color: #fff !important;
	border: 0 !important;
}
.og-hero-v2 .og-hero-v2__btn--ghost .wp-block-button__link {
	background: transparent !important;
	color: inherit !important;
	border: 1.5px solid currentColor !important;
}

.og-hero-v2 .og-hero-v2__visual {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.og-hero-v2 .og-hero-v2__visual .wp-block-image,
.og-hero-v2 .og-hero-v2__img-wrap {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.og-hero-v2 .og-hero-v2__visual img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	border-radius: 12px !important;
}

@media (max-width: 900px) {
	.og-hero-v2 .og-hero-v2__inner.wp-block-columns,
	.og-hero-v2 > .wp-block-columns {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	.og-hero-v2 .og-hero-v2__visual img {
		max-width: 520px !important;
		margin: 0 auto !important;
	}
}
/* === HERO V2 EDITABLE OVERRIDE END === */


/* === HERO V2 FINAL FIX === */

/* 1. Coluna da imagem maior (1fr 1.3fr) */
.og-hero-v2 > .wp-block-columns,
.og-hero-v2 .og-hero-v2__inner.wp-block-columns {
	display: grid !important;
	grid-template-columns: 1fr 1.3fr !important;
	gap: 3rem !important;
	align-items: center !important;
	margin: 0 !important;
}

.og-hero-v2 .wp-block-column {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	padding: 0 !important;
	min-width: 0 !important;
}

/* 2. Imagem: ocupa toda a column, sem restrições */
.og-hero-v2 .og-hero-v2__visual,
.og-hero-v2 .wp-block-column.og-hero-v2__visual {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.og-hero-v2 figure.wp-block-image,
.og-hero-v2 .og-hero-v2__img-wrap {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.og-hero-v2 .og-hero-v2__visual img,
.og-hero-v2 figure.wp-block-image img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
	border-radius: 12px !important;
}

/* 3. Botões — override forte */
.og-hero-v2 .wp-block-buttons,
.og-hero-v2 .wp-block-buttons.og-hero-v2__ctas {
	display: flex !important;
	gap: 0.75rem !important;
	flex-wrap: wrap !important;
	margin-top: 0.75rem !important;
}

.og-hero-v2 .wp-block-button {
	margin: 0 !important;
}

.og-hero-v2 .wp-block-button .wp-block-button__link {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.875rem 1.75rem !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	transition: transform 200ms, opacity 200ms, background 200ms !important;
	border: 0 !important;
}

/* Primary (gradient) — apanha quer og-hero-v2__btn--primary quer is-style-fill */
.og-hero-v2 .og-hero-v2__btn--primary .wp-block-button__link,
.og-hero-v2 .og-hero-v2__btn.is-style-fill .wp-block-button__link,
.og-hero-v2 .wp-block-button.is-style-fill .wp-block-button__link {
	background: linear-gradient(135deg, #00C4D6, #00A9D1 60%, #007ea1) !important;
	color: #fff !important;
	border: 0 !important;
	box-shadow: 0 4px 12px -4px rgba(0, 169, 209, 0.5) !important;
}
.og-hero-v2 .og-hero-v2__btn--primary .wp-block-button__link:hover,
.og-hero-v2 .og-hero-v2__btn.is-style-fill .wp-block-button__link:hover {
	transform: translateY(-1px) !important;
	opacity: 1 !important;
}

/* Ghost (outline) — apanha quer og-hero-v2__btn--ghost quer is-style-outline */
.og-hero-v2 .og-hero-v2__btn--ghost .wp-block-button__link,
.og-hero-v2 .og-hero-v2__btn.is-style-outline .wp-block-button__link,
.og-hero-v2 .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: inherit !important;
	border: 1.5px solid currentColor !important;
	opacity: 0.85 !important;
	box-shadow: none !important;
}
.og-hero-v2 .og-hero-v2__btn--ghost .wp-block-button__link:hover,
.og-hero-v2 .og-hero-v2__btn.is-style-outline .wp-block-button__link:hover {
	background: color-mix(in srgb, currentColor 8%, transparent) !important;
	opacity: 1 !important;
}

/* 4. Responsive: stack vertical em viewport estreito (mobile/tablet) */
@media (max-width: 1100px) {
	.og-hero-v2 > .wp-block-columns,
	.og-hero-v2 .og-hero-v2__inner.wp-block-columns {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	.og-hero-v2 .og-hero-v2__visual img {
		max-width: 560px !important;
		margin: 0 auto !important;
	}
}

/* === HERO V2 FINAL FIX END === */

/* === MASTER SIDEBAR COMPACT START === */
/* V4: theme-aware + spacing compactado + 1ª section/eyebrows escondidos */

/* 1. Width override */
.wp-block-columns > .wp-block-column.og-sidebar {
	flex-basis: 220px !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	max-width: 220px !important;
}

/* 2. Container reset */
.og-sidebar .og-sidebar-inner {
	font-size: 0.875rem;
	line-height: 1.4;
	color: inherit;
	padding: 0;
	margin: 0;
}
.og-sidebar .og-sidebar-inner ul,
.og-sidebar .og-sidebar-inner li,
.og-sidebar .og-sidebar-inner p {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 3. ESCONDER primeira section (// MASTER + link "Master") */
.og-sidebar .og-sidebar-inner > .og-sidebar-section:first-child {
	display: none;
}

/* 4. ESCONDER eyebrows (// MASTER, // 7 VERTICAIS) */
.og-sidebar .og-sidebar-eyebrow {
	display: none;
}

/* 5. Sections com spacing compacto */
.og-sidebar .og-sidebar-section {
	margin-bottom: 0.75rem;
}
.og-sidebar .og-sidebar-section:last-child {
	margin-bottom: 0;
}

/* 6. Lista */
.og-sidebar .og-sidebar-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* 7. Links compactos */
.og-sidebar .og-sidebar-link {
	display: block;
	padding: 0.3125rem 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.3;
	color: currentColor;
	opacity: 0.78;
	text-decoration: none;
	border-radius: 0.375rem;
	transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease;
}

.og-sidebar .og-sidebar-link:hover {
	background-color: color-mix(in srgb, currentColor 7%, transparent);
	opacity: 1;
}

/* 8. Current state */
.og-sidebar .og-sidebar-link.is-current {
	background-color: rgba(0, 196, 214, 0.12);
	color: #00C4D6;
	opacity: 1;
	font-weight: 600;
}
.og-sidebar .og-sidebar-link.is-current:hover {
	background-color: rgba(0, 196, 214, 0.18);
}

/* 9. CTA section — separador junto à lista */
.og-sidebar .og-sidebar-cta {
	border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	padding-top: 0.75rem;
	margin-top: 0.625rem;
}

.og-sidebar .og-sidebar-cta p {
	font-size: 0.8125rem;
	color: currentColor;
	opacity: 0.7;
	margin: 0 0 0.375rem;
	line-height: 1.35;
}

.og-sidebar .og-sidebar-cta-link {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 500;
	color: #00C4D6;
	text-decoration: none;
	transition: color 0.15s;
}

.og-sidebar .og-sidebar-cta-link:hover {
	color: #4dd9e8;
	text-decoration: underline;
}

/* 10. Sticky em desktop */
@media (min-width: 1024px) {
	.wp-block-columns > .wp-block-column.og-sidebar {
		position: sticky;
		top: 5rem;
		align-self: flex-start;
		height: max-content;
		max-height: calc(100vh - 6rem);
		overflow-y: auto;
	}
	.wp-block-columns > .wp-block-column.og-sidebar::-webkit-scrollbar {
		width: 4px;
	}
	.wp-block-columns > .wp-block-column.og-sidebar::-webkit-scrollbar-thumb {
		background: color-mix(in srgb, currentColor 15%, transparent);
		border-radius: 2px;
	}
}

/* 11. Responsive */
@media (max-width: 1023px) {
	.wp-block-columns > .wp-block-column.og-sidebar {
		flex-basis: 100% !important;
		max-width: 100% !important;
		margin-bottom: 2rem;
	}
}
/* === MASTER SIDEBAR COMPACT END === */

/* === MASTER VERTICAL HERO TIGHT START === */
/* Reduz gap vertical entre breadcrumb/título/excerpt e og-hero-v2 nas 7 master
   verticais. Targeted ao template para não afectar home/apps/outras páginas. */

body.page-template-page-master-vertical .og-page-hero {
	padding-bottom: 0.75rem !important;
}

body.page-template-page-master-vertical .og-page-hero + .wp-block-group {
	margin-top: 0 !important;
	padding-top: 0.5rem !important;
}

body.page-template-page-master-vertical .og-hero-v2 {
	padding-top: 0.5rem !important;
}
/* === MASTER VERTICAL HERO TIGHT END === */

/* === FOOTER PT2020 + SOCIAL START === */
.og-footer-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	padding-block: 2rem 1rem;
	text-align: center;
}

/* Override wp:social-links default styling para circulos azuis */
.og-footer-social {
	justify-content: center !important;
	gap: 0.75rem;
}

.og-footer-social .wp-block-social-link {
	background: var(--wp--preset--color--primary, #1f7fbf);
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: opacity 0.2s, transform 0.2s;
	margin: 0;
}

.og-footer-social .wp-block-social-link:hover {
	opacity: 0.85;
	transform: translateY(-2px);
}

.og-footer-social .wp-block-social-link svg {
	fill: #fff;
}

.og-footer-social .wp-block-social-link a {
	padding: 0.5em;
	color: #fff;
}

.og-footer-policy {
	margin: 0 !important;
}

.og-footer-policy a {
	color: inherit;
	text-decoration: none;
}

.og-footer-policy a:hover {
	text-decoration: underline;
}

.og-footer-pt2020 {
	margin: 0 !important;
}

.og-footer-pt2020 img {
	max-width: 320px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.og-footer-copyright {
	margin: 0 !important;
	opacity: 0.85;
}
/* === FOOTER PT2020 + SOCIAL END === */

/* === MEGA MENU START === */

/* === HOVER FIX === */
/* Hover area extra no item parent (cobre transição cursor → submenu) */
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content,
.wp-block-navigation > .wp-block-navigation__container > .has-child > a {
	padding-bottom: 0.85rem !important;
	margin-bottom: -0.5rem; /* compensa visual para manter altura */
}

/* Bridge invisível por cima do submenu (cobre qualquer micro-gap) */
.wp-block-navigation .has-child > .wp-block-navigation__submenu-container::before {
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 14px;
	background: transparent;
	pointer-events: auto;
}

/* Transition delay no close (perdoa pequenos slips do cursor) */
.wp-block-navigation .wp-block-navigation__submenu-container {
	transition: opacity 0.15s ease-out 0.12s, transform 0.15s ease-out 0.12s !important;
}

.wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child[aria-expanded="true"] > .wp-block-navigation__submenu-container {
	transition-delay: 0s !important; /* abre instantaneamente */
}
/* === /HOVER FIX === */

/* MEGA MENU profissional — wider, multi-coluna, ícones, animação */

/* Container do submenu: backdrop polido */
.wp-block-navigation .wp-block-navigation__submenu-container {
	min-width: 280px;
	padding: 0.5rem;
	background: var(--wp--preset--color--bg-elevated, var(--wp--preset--color--surface, #ffffff));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border, #e2e8f0) 60%, transparent);
	border-radius: 14px;
	box-shadow:
		0 10px 40px -10px rgba(0,0,0,0.18),
		0 4px 12px -4px rgba(0,0,0,0.08);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	margin-top: 0 !important;
	/* visual gap via padding interno (mantém hover area contínua) */
	padding-top: 0.85rem;

	/* Animação entrada */
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: none;
}

.wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child[aria-expanded="true"] > .wp-block-navigation__submenu-container {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* Multi-coluna automática quando há muitos items */
.wp-block-navigation .wp-block-navigation__submenu-container:has(> li:nth-child(6)) {
	display: grid;
	grid-template-columns: repeat(2, minmax(220px, 1fr));
	gap: 0.15rem 1rem;
	min-width: 480px;
	padding: 0.75rem;
}

.wp-block-navigation .wp-block-navigation__submenu-container:has(> li:nth-child(9)) {
	grid-template-columns: repeat(2, minmax(240px, 1fr));
	min-width: 540px;
}

/* Items do submenu: padding generoso + transition */
.wp-block-navigation .wp-block-navigation__submenu-container > li > a,
.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content {
	padding: 0.55rem 0.85rem !important;
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease;
	display: flex !important;
	align-items: center;
	gap: 0.6rem;
	line-height: 1.3;
}

.wp-block-navigation .wp-block-navigation__submenu-container > li > a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-navigation-item__content:hover {
	background: color-mix(in srgb, var(--wp--preset--color--primary, #1f7fbf) 8%, transparent);
}

/* Ícone genérico (dot) — fallback para items sem ícone específico */
.wp-block-navigation .wp-block-navigation__submenu-container a::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27currentColor%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
	        mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27currentColor%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
	-webkit-mask-size: contain;
	mask-size: contain;
	opacity: 0.7;
	transition: opacity 0.15s ease;
}

.wp-block-navigation .wp-block-navigation__submenu-container a:hover::before {
	opacity: 1;
}

/* Ícones específicos por URL */
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/start/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/start/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09zm6-6L7%2014L4%2011l4-4l8-4l3%203-4%208l-4%204l-3-3%206-6z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09zm6-6L7%2014L4%2011l4-4l8-4l3%203-4%208l-4%204l-3-3%206-6z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022a10%2010%200%201%200%200-20%2010%2010%200%200%200%200%2020zM12%2017a5%205%200%201%200%200-10%205%205%200%200%200%200%2010z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022a10%2010%200%201%200%200-20%2010%2010%200%200%200%200%2020zM12%2017a5%205%200%201%200%200-10%205%205%200%200%200%200%2010z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/leader/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/leader/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206l3%208%206-5%206%205%203-8v12H3z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%206l3%208%206-5%206%205%203-8v12H3z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/dms/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/dms/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2019a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h5l2%203h9a2%202%200%200%201%202%202z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/crm/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/crm/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%207H4a2%202%200%200%200-2%202v11a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2zM16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%207H4a2%202%200%200%200-2%202v11a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2zM16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/stand-auto/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/stand-auto/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2M7%2017h10M5%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200zM15%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2M7%2017h10M5%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200zM15%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/rent-a-car/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/rent-a-car/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2M7%2017h10M5%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200zM15%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2M7%2017h10M5%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200zM15%2017a2%202%200%201%200%204%200%202%202%200%200%200-4%200z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/webservices/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/webservices/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m16%2018%206-6-6-6M8%206l-6%206%206%206%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m16%2018%206-6-6-6M8%206l-6%206%206%206%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/tickets-helpdesk/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/tickets-helpdesk/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207v10a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-3a2%202%200%200%201%200-4V7a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v3a2%202%200%200%201%200%204zM13%205v14%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207v10a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-3a2%202%200%200%201%200-4V7a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v3a2%202%200%200%201%200%204zM13%205v14%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/contabilidade/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/contabilidade/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM12%2018h.01M8%206h8M8%2010h2M14%2010h2M8%2014h2M14%2014h2%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM12%2018h.01M8%206h8M8%2010h2M14%2010h2M8%2014h2M14%2014h2%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/recursos-humanos/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/recursos-humanos/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/app-oficinas/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/app-oficinas/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/modulosofficegest/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/modulosofficegest/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203h7v7H3zM14%203h7v7h-7zM14%2014h7v7h-7zM3%2014h7v7H3z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%203h7v7H3zM14%203h7v7h-7zM14%2014h7v7h-7zM3%2014h7v7H3z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/api/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/api/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m4%2017%206-6-6-6M12%2019h8%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m4%2017%206-6-6-6M12%2019h8%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/funcionalidades/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/funcionalidades/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2011l3%203L22%204M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2011l3%203L22%204M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/integracoes/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/integracoes/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2011l3%203L22%204M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2011l3%203L22%204M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/casos-de-sucesso/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/casos-de-sucesso/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209H4.5a2.5%202.5%200%200%201%200-5H6M18%209h1.5a2.5%202.5%200%200%200%200-5H18M4%2022h16M10%2014.66V17c0%20.55-.47.98-.97%201.21C7.85%2018.75%207%2020.24%207%2022M14%2014.66V17c0%20.55.47.98.97%201.21C16.15%2018.75%2017%2020.24%2017%2022M18%202H6v7a6%206%200%200%200%2012%200z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209H4.5a2.5%202.5%200%200%201%200-5H6M18%209h1.5a2.5%202.5%200%200%200%200-5H18M4%2022h16M10%2014.66V17c0%20.55-.47.98-.97%201.21C7.85%2018.75%207%2020.24%207%2022M14%2014.66V17c0%20.55.47.98.97%201.21C16.15%2018.75%2017%2020.24%2017%2022M18%202H6v7a6%206%200%200%200%2012%200z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/faqs/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/faqs/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010zM9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203M12%2017h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010zM9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203M12%2017h.01%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/tutoriais/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/tutoriais/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010zm-2-6%205-4-5-4z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010zm-2-6%205-4-5-4z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/formacoes/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/formacoes/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2010v6M2%2010l10-5%2010%205-10%205zM6%2012v5c3%203%209%203%2012%200v-5%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2010v6M2%2010l10-5%2010%205-10%205zM6%2012v5c3%203%209%203%2012%200v-5%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/programa-de-parceiros/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/programa-de-parceiros/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m11%2017%202%202a1%201%200%201%200%203-3M14%2014l2.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87M5%2013l-2%202a1%201%200%200%200%200%201.41l4%204a1%201%200%200%200%201.41%200L11%2018%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m11%2017%202%202a1%201%200%201%200%203-3M14%2014l2.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87M5%2013l-2%202a1%201%200%200%200%200%201.41l4%204a1%201%200%200%200%201.41%200L11%2018%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/contabilistas/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/contabilistas/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM12%2018h.01M8%206h8M8%2010h2M14%2010h2M8%2014h2M14%2014h2%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM12%2018h.01M8%206h8M8%2010h2M14%2010h2M8%2014h2M14%2014h2%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/blog/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/blog/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-2%202zm0%200a2%202%200%200%201-2-2v-9c0-1.1.9-2%202-2h2M18%2014h-8M15%2018h-5M10%206h8v4h-8z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-2%202zm0%200a2%202%200%200%201-2-2v-9c0-1.1.9-2%202-2h2M18%2014h-8M15%2018h-5M10%206h8v4h-8z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/contactos/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/contactos/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2zm0%200%2010%207L22%206%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2zm0%200%2010%207L22%206%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/software-gestao-comercial/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/software-gestao-comercial/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%207H4a2%202%200%200%200-2%202v11a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2zM16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%207H4a2%202%200%200%200-2%202v11a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2zM16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/gestao-de-oficinas/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/gestao-de-oficinas/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/software-gestao-desmantelamento-de-viaturas/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/software-gestao-desmantelamento-de-viaturas/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M19%2017h2a1%201%200%200%200%201-1v-3a2%202%200%200%200-1.5-1.94L18%2010l-2-3H6L3%2010l-1.5.06A2%202%200%200%200%200%2012v4a1%201%200%200%200%201%201h2%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/software-gestao-retalho-e-distribuicao/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/software-gestao-retalho-e-distribuicao/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%209l1-5h16l1%205M3%209v12h18V9M3%209h18M8%2013h8%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%209l1-5h16l1%205M3%209v12h18V9M3%209h18M8%2013h8%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/software-gestao-de-obras/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/software-gestao-de-obras/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2022h20M3%2022V8l5-3%205%203v14M14%2022V12l5-3%203%202v11%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2022h20M3%2022V8l5-3%205%203v14M14%2022V12l5-3%203%202v11%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/software-gestao-de-manutencoes/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/software-gestao-de-manutencoes/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.77-3.77a6%206%200%200%201-7.94%207.94l-6.91%206.91a2.12%202.12%200%200%201-3-3l6.91-6.91a6%206%200%200%201%207.94-7.94l-3.76%203.76z%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/master/ipss-e-lares/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/master/ipss-e-lares/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021h18M3%2018l9-15%209%2015M12%2012v6%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021h18M3%2018l9-15%209%2015M12%2012v6%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/app-oficinas-colaboradores/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/app-oficinas-colaboradores/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/app-gestao-de-inventarios/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/app-gestao-de-inventarios/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/appnumberinfo/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/appnumberinfo/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
}
.wp-block-navigation .wp-block-navigation__submenu-container a[href="/apprgpd/"]::before,
.wp-block-navigation .wp-block-navigation__submenu-container a[href="http://localhost:8080/apprgpd/"]::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2022h10a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202zM12%2018h.01%27%2F%3E%3C%2Fsvg%3E");
}


/* Sub-submenu (Master verticais, Apps mobile) — ajustar posição lateral */
.wp-block-navigation .wp-block-navigation__submenu-container .has-child > .wp-block-navigation__submenu-container {
	margin-top: 0 !important;
	margin-left: 0.5rem !important;
}

/* Dark mode: ajusta fundo */
[data-theme="dark"] .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--bg-elevated, #1a2433);
	border-color: color-mix(in srgb, var(--wp--preset--color--border, #2a3447) 80%, transparent);
}

/* Mobile: reset multi-coluna (block layout do overlay) */
@media (max-width: 768px) {
	.wp-block-navigation .wp-block-navigation__submenu-container {
		display: block !important;
		min-width: auto !important;
		border: none;
		box-shadow: none;
		background: transparent;
		padding-left: 1rem;
	}

	.wp-block-navigation .wp-block-navigation__submenu-container a::before {
		display: none; /* esconde ícones em mobile para mais espaço */
	}
}
/* === MEGA MENU END === */

/* === SUB-SUBMENU POSITION FIX START === */
/* Sub-submenu (3rd level: Master verticais, Apps Mobile) — força abrir à DIREITA do parent submenu */
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	left: 100% !important;
	right: auto !important;
	top: 0 !important;
	margin-left: 0.5rem !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	z-index: 10;
}

/* Bridge invisível à esquerda do sub-submenu (cobre micro-gap horizontal entre parent submenu e sub-submenu) */
.wp-block-navigation .wp-block-navigation__submenu-container .has-child > .wp-block-navigation__submenu-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: -12px;
	bottom: 0;
	width: 14px;
	background: transparent;
	pointer-events: auto;
}

/* Mobile: reset para layout inline (overlay nativo do WP) */
@media (max-width: 768px) {
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		position: static !important;
		left: auto !important;
		margin-left: 1rem !important;
		box-shadow: none;
		border: none;
		background: transparent;
	}
}
/* === SUB-SUBMENU POSITION FIX END === */

/* === FUNCIONALIDADES GRID FIX START === */
/*
 * Fix: og-func-grid em /funcionalidades/ era display:flex;flex-wrap:nowrap com 15 colunas
 * → cada coluna ~58px, <li> 16px, texto vertical. Force grid layout.
 */
.og-func-grid.wp-block-columns,
.wp-block-columns.og-func-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	flex-wrap: initial !important;
}

/* Children: reset flex sizing */
.og-func-grid > .wp-block-column,
.og-func-grid > .og-func-card {
	flex: initial !important;
	flex-basis: auto !important;
	width: auto !important;
	min-width: 0;
}

/* Lista dentro dos cards: ocupar largura toda */
.og-func-grid .og-func-card__list,
.og-func-grid ul.wp-block-list {
	width: 100% !important;
	display: block !important;
}

.og-func-grid .og-func-card__list > li,
.og-func-grid ul.wp-block-list > li {
	width: auto !important;
}

/* Responsive */
@media (max-width: 1024px) {
	.og-func-grid.wp-block-columns,
	.wp-block-columns.og-func-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.og-func-grid.wp-block-columns,
	.wp-block-columns.og-func-grid {
		grid-template-columns: 1fr;
	}
}
/* === FUNCIONALIDADES GRID FIX END === */


/* === LOGOS CAROUSEL THEME-AWARE START === */
/* Light mode: grayscale, fade on idle */
.og-logos-carousel__slide img {
    filter: grayscale(1);
    opacity: 0.65;
    transition: filter .3s ease, opacity .3s ease;
}
.og-logos-carousel__slide:hover img {
    filter: grayscale(0);
    opacity: 1;
}
/* Dark mode: invert para legibilidade em logos com fundo claro */
[data-theme="dark"] .og-logos-carousel__slide img,
@media (prefers-color-scheme: dark) {
    .og-logos-carousel__slide img {
        filter: grayscale(1) brightness(1.4) invert(0.85);
    }
    .og-logos-carousel__slide:hover img {
        filter: grayscale(0) brightness(1) invert(0);
    }
}
/* === LOGOS CAROUSEL THEME-AWARE END === */


/* === PT2020 PAGE START === */
.og-pt2020-hero {
    padding: 4rem 0 2rem;
    text-align: center;
}
.og-pt2020-hero__logo {
    max-width: 600px;
    margin: 0 auto 2rem;
}
.og-pt2020-hero__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin: 0 0 1rem;
    line-height: 1.2;
}
.og-pt2020-hero__lead {
    color: var(--wp--preset--color--gray-600, #5b6470);
    font-size: 1.125rem;
    max-width: 720px;
    margin: 0 auto;
}

.og-pt2020-data {
    padding: 2.5rem 2rem;
    background: var(--wp--preset--color--gray-50, #f6f7f8);
    border-radius: 1rem;
    margin: 3rem auto;
    max-width: 960px;
}
[data-theme="dark"] .og-pt2020-data,
@media (prefers-color-scheme: dark) {
    .og-pt2020-data {
        background: var(--wp--preset--color--gray-900, #1a1d23);
    }
}
.og-pt2020-data__title {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    text-align: center;
}
.og-pt2020-data .wp-block-columns {
    gap: 2rem;
}
.og-pt2020-data__row {
    margin: 0 0 1.25rem;
    line-height: 1.5;
}
.og-pt2020-data__row strong {
    color: var(--wp--preset--color--primary, #1e90ff);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0.25rem;
}

.og-pt2020-objetivos {
    padding: 3rem 0;
    max-width: 800px;
    margin: 0 auto;
}
.og-pt2020-objetivos__lista {
    padding-left: 1.25rem;
    margin: 1.5rem 0 0;
}
.og-pt2020-objetivos__lista li {
    margin-bottom: 1rem;
    line-height: 1.7;
}

.og-pt2020-footer {
    padding: 3rem 0 2rem;
    text-align: center;
    border-top: 1px solid var(--wp--preset--color--gray-200, #e2e5e9);
    margin-top: 3rem;
}
[data-theme="dark"] .og-pt2020-footer,
@media (prefers-color-scheme: dark) {
    .og-pt2020-footer {
        border-top-color: var(--wp--preset--color--gray-700, #383c42);
    }
}
.og-pt2020-footer__note {
    color: var(--wp--preset--color--gray-600, #5b6470);
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.og-pt2020-footer__logo {
    max-width: 500px;
    margin: 0 auto;
}
/* === PT2020 PAGE END === */


/* === COMECE-JA PAGE START === */
.og-comece-hero {
    padding: 4rem 0 3rem;
}
.og-comece-hero__cols {
    gap: 3rem;
}
.og-comece-hero__title {
    font-size: clamp(2rem, 4.5vw, 3rem);
    line-height: 1.15;
    margin: 0 0 1.5rem;
    font-weight: 700;
}
.og-comece-hero__lead {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--wp--preset--color--gray-600, #5b6470);
    margin: 0 0 2rem;
}
.og-comece-hero__ctas {
    gap: 1rem;
    flex-wrap: wrap;
}
.og-comece-hero__banner img {
    width: 100%;
    height: auto;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.og-comece-features {
    padding: 4rem 0;
    background: var(--wp--preset--color--gray-50, #f6f7f8);
    margin: 3rem 0;
}
[data-theme="dark"] .og-comece-features,
@media (prefers-color-scheme: dark) {
    .og-comece-features {
        background: var(--wp--preset--color--gray-900, #1a1d23);
    }
}
.og-comece-features__title {
    margin: 0 0 3rem;
    font-size: 2rem;
}
.og-comece-features__grid {
    gap: 2rem;
}
.og-comece-features__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: var(--wp--preset--color--primary, #1e90ff);
    color: #fff;
    margin: 0 0 1.25rem;
}
.og-comece-features__icon svg {
    width: 28px;
    height: 28px;
}
.og-comece-features__heading {
    margin: 0 0 .75rem;
    font-size: 1.25rem;
}
.og-comece-features__desc {
    color: var(--wp--preset--color--gray-600, #5b6470);
    line-height: 1.6;
    margin: 0;
}

.og-comece-cta-final {
    padding: 4rem 0;
    text-align: center;
    border-top: 1px solid var(--wp--preset--color--gray-200, #e2e5e9);
    margin-top: 3rem;
}
[data-theme="dark"] .og-comece-cta-final,
@media (prefers-color-scheme: dark) {
    .og-comece-cta-final {
        border-top-color: var(--wp--preset--color--gray-700, #383c42);
    }
}
.og-comece-cta-final__title {
    font-size: 2rem;
    margin: 0 0 1rem;
}
.og-comece-cta-final__lead {
    color: var(--wp--preset--color--gray-600, #5b6470);
    margin: 0 0 2rem;
    font-size: 1.125rem;
}
/* === COMECE-JA PAGE END === */


/* === DARK MODE BOXES PATCH START === */
/* Fix de caixas destacadas que ficavam ilegíveis em dark mode.                */
/* Causa original: sintaxe CSS inválida (selector list + @media at-rule).      */
/* Solução: color-mix(currentColor) — theme-aware automático sem conditionals. */

/* PT2020 — Caixa "Dados do projeto" */
.og-pt2020-data {
    background: color-mix(in srgb, currentColor 4%, transparent) !important;
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    color: inherit;
}
.og-pt2020-data__row {
    color: inherit;
}
.og-pt2020-data__row strong {
    color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
}

/* PT2020 — Footer divider */
.og-pt2020-footer {
    border-top-color: color-mix(in srgb, currentColor 15%, transparent) !important;
}
.og-pt2020-footer__note {
    color: color-mix(in srgb, currentColor 65%, transparent);
}

/* COMECE-JA — Caixa "Porquê OfficeGest" */
.og-comece-features {
    background: color-mix(in srgb, currentColor 4%, transparent) !important;
    color: inherit;
}
.og-comece-features__title,
.og-comece-features__heading {
    color: inherit;
}
.og-comece-features__desc {
    color: color-mix(in srgb, currentColor 70%, transparent) !important;
}
.og-comece-features__icon {
    background: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
    color: #fff;
}

/* COMECE-JA — CTA final divider */
.og-comece-cta-final {
    border-top-color: color-mix(in srgb, currentColor 15%, transparent) !important;
}
.og-comece-hero__lead,
.og-comece-cta-final__lead {
    color: color-mix(in srgb, currentColor 70%, transparent) !important;
}
/* === DARK MODE BOXES PATCH END === */


/* === SOFTWARE-PAGE START === */
/* Theme-aware nativo via color-mix(currentColor) — sem @media separado.       */

.og-software-hero {
    padding: 4rem 0 3rem;
    text-align: center;
}
.og-software-hero__title {
    font-size: clamp(2rem, 4.5vw, 3rem);
    line-height: 1.15;
    margin: 0 0 1rem;
    font-weight: 700;
}
.og-software-hero__lead {
    font-size: 1.125rem;
    line-height: 1.6;
    color: color-mix(in srgb, currentColor 75%, transparent);
    max-width: 700px;
    margin: 0 auto 2rem;
}
.og-software-hero__ctas {
    gap: 1rem;
    flex-wrap: wrap;
}

.og-software-solucoes {
    padding: 3rem 0;
}
.og-software-solucoes__title {
    margin: 0 0 3rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
}
.og-software-solucoes__grid {
    gap: 2rem;
}
.og-software-sol-card {
    background: color-mix(in srgb, currentColor 4%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.og-software-sol-card:hover {
    background: color-mix(in srgb, currentColor 8%, transparent);
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    transform: translateY(-4px);
}
.og-software-sol-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
    color: #fff;
    margin: 0 0 1.5rem;
}
.og-software-sol-card__icon svg {
    width: 32px;
    height: 32px;
}
.og-software-sol-card__name {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.og-software-sol-card__desc {
    color: color-mix(in srgb, currentColor 75%, transparent);
    line-height: 1.6;
    margin: 0 0 1.5rem;
    min-height: 5em;
}
.og-software-sol-card__cta a {
    color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
    font-weight: 600;
    text-decoration: none;
}
.og-software-sol-card__cta a:hover {
    text-decoration: underline;
}

.og-software-modulos {
    padding: 4rem 0;
    background: color-mix(in srgb, currentColor 3%, transparent);
    border-top: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    margin: 3rem 0;
}
.og-software-modulos__title {
    margin: 0 0 1rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
}
.og-software-modulos__lead {
    color: color-mix(in srgb, currentColor 70%, transparent);
    margin: 0 0 3rem;
    font-size: 1.0625rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.og-software-modulos__row {
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.og-software-mod-card {
    background: color-mix(in srgb, currentColor 5%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 0.75rem;
    padding: 1.5rem;
    text-align: center;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.og-software-mod-card:hover {
    background: color-mix(in srgb, currentColor 10%, transparent);
    border-color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
    transform: translateY(-2px);
}
.og-software-mod-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: color-mix(in srgb, currentColor 8%, transparent);
    color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff));
    margin: 0 0 1rem;
}
.og-software-mod-card__icon svg {
    width: 24px;
    height: 24px;
}
.og-software-mod-card__name {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
}

.og-software-cta-final {
    padding: 4rem 0;
    text-align: center;
    border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    margin-top: 3rem;
}
.og-software-cta-final__title {
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
    margin: 0 0 1rem;
}
.og-software-cta-final__lead {
    color: color-mix(in srgb, currentColor 70%, transparent);
    margin: 0 0 2rem;
    font-size: 1.0625rem;
}
.og-software-cta-final__buttons {
    gap: 1rem;
    flex-wrap: wrap;
}
/* === SOFTWARE-PAGE END === */


/* === OFFICEGEST-PAGE START === */
.og-officegest-hero { padding: 4rem 0 3rem; text-align: center; }
.og-officegest-hero__title { font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.15; margin: 0 0 1.5rem; font-weight: 700; }
.og-officegest-hero__lead { font-size: 1.125rem; line-height: 1.6; color: color-mix(in srgb, currentColor 75%, transparent); max-width: 720px; margin: 0 auto 2.5rem; }
.og-officegest-hero__banner { max-width: 800px; margin: 0 auto 2.5rem; }
.og-officegest-hero__banner img { width: 100%; height: auto; }
.og-officegest-hero__ctas { gap: 1rem; flex-wrap: wrap; }

.og-officegest-props { padding: 4rem 0; background: color-mix(in srgb, currentColor 3%, transparent); border-top: 1px solid color-mix(in srgb, currentColor 8%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent); margin: 2rem 0; }
.og-officegest-props__title { margin: 0 0 3rem; font-size: clamp(1.5rem, 3vw, 2rem); text-align: center; }
.og-officegest-props__grid { gap: 1.5rem; }
.og-officegest-prop-card { background: color-mix(in srgb, currentColor 5%, transparent); border: 1px solid color-mix(in srgb, currentColor 10%, transparent); border-radius: 0.75rem; padding: 1.75rem 1.25rem; text-align: center; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.og-officegest-prop-card:hover { background: color-mix(in srgb, currentColor 10%, transparent); border-color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); transform: translateY(-3px); }
.og-officegest-prop-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; background: color-mix(in srgb, currentColor 8%, transparent); color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); margin: 0 0 1rem; }
.og-officegest-prop-card__icon svg { width: 28px; height: 28px; }
.og-officegest-prop-card__title { margin: 0 0 0.5rem; font-size: 1.0625rem; font-weight: 600; }
.og-officegest-prop-card__desc { color: color-mix(in srgb, currentColor 70%, transparent); font-size: 0.9rem; line-height: 1.5; margin: 0; }

.og-officegest-cloud,
.og-officegest-adaptavel { padding: 4rem 0; }
.og-officegest-cloud__row,
.og-officegest-adaptavel__row { gap: 3rem; }
.og-officegest-cloud__title,
.og-officegest-adaptavel__title { font-size: clamp(1.5rem, 3vw, 2.25rem); margin: 0 0 1.5rem; line-height: 1.2; }
.og-officegest-cloud p,
.og-officegest-adaptavel p { font-size: 1.0625rem; line-height: 1.7; color: color-mix(in srgb, currentColor 80%, transparent); margin: 0 0 1rem; }
.og-officegest-cloud__img img,
.og-officegest-adaptavel__img img { width: 100%; height: auto; border-radius: 1rem; }

.og-officegest-solucoes { padding: 4rem 0; background: color-mix(in srgb, currentColor 3%, transparent); border-top: 1px solid color-mix(in srgb, currentColor 8%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent); margin: 2rem 0; }
.og-officegest-solucoes__title { text-align: center; margin: 0 0 0.75rem; font-size: clamp(1.5rem, 3vw, 2.25rem); }
.og-officegest-solucoes__lead { text-align: center; color: color-mix(in srgb, currentColor 70%, transparent); margin: 0 0 3rem; font-size: 1.0625rem; }
.og-officegest-solucoes__grid { gap: 2rem; }
.og-officegest-sol-card { background: color-mix(in srgb, currentColor 5%, transparent); border: 1px solid color-mix(in srgb, currentColor 10%, transparent); border-radius: 1rem; padding: 2rem; text-align: center; transition: background .2s ease, transform .2s ease, border-color .2s ease; }
.og-officegest-sol-card:hover { background: color-mix(in srgb, currentColor 10%, transparent); border-color: color-mix(in srgb, currentColor 25%, transparent); transform: translateY(-4px); }
.og-officegest-sol-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 16px; background: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); color: #fff; margin: 0 0 1.5rem; }
.og-officegest-sol-card__icon svg { width: 32px; height: 32px; }
.og-officegest-sol-card__name { margin: 0 0 1rem; font-size: 1.5rem; font-weight: 700; }
.og-officegest-sol-card__desc { color: color-mix(in srgb, currentColor 75%, transparent); line-height: 1.6; margin: 0 0 1.5rem; min-height: 5em; }
.og-officegest-sol-card__cta a { color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); font-weight: 600; text-decoration: none; }
.og-officegest-sol-card__cta a:hover { text-decoration: underline; }

.og-officegest-cta-final { padding: 4rem 0; text-align: center; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); margin-top: 3rem; }
.og-officegest-cta-final__title { font-size: clamp(1.75rem, 3.5vw, 2.25rem); margin: 0 0 1rem; }
.og-officegest-cta-final__lead { color: color-mix(in srgb, currentColor 70%, transparent); margin: 0 0 2rem; font-size: 1.0625rem; }
.og-officegest-cta-final__buttons { gap: 1rem; flex-wrap: wrap; }
/* === OFFICEGEST-PAGE END === */


/* === MODULOS-PAGE START === */
.og-modulos-hero { padding: 4rem 0 3rem; }
.og-modulos-hero__cols { gap: 3rem; }
.og-modulos-hero__title { font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.15; margin: 0 0 1.5rem; font-weight: 700; }
.og-modulos-hero__lead { font-size: 1.125rem; line-height: 1.6; color: color-mix(in srgb, currentColor 75%, transparent); margin: 0 0 2rem; }
.og-modulos-hero__ctas { gap: 1rem; flex-wrap: wrap; }
.og-modulos-hero__img img { width: 100%; height: auto; max-width: 480px; margin: 0 auto; display: block; }

.og-modulos-section { padding: 4rem 0; }
.og-modulos-section--primary,
.og-modulos-section--verticais { background: color-mix(in srgb, currentColor 3%, transparent); border-top: 1px solid color-mix(in srgb, currentColor 8%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent); margin: 2rem 0; }
.og-modulos-section__title { font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 1rem; }
.og-modulos-section__lead { color: color-mix(in srgb, currentColor 70%, transparent); margin: 0 0 3rem; font-size: 1.0625rem; }

.og-modulos-grid__row { gap: 1.5rem; margin-bottom: 1.5rem; }
.og-modulos-grid__row--4col { gap: 1rem; }

.og-modulos-card { background: color-mix(in srgb, currentColor 5%, transparent); border: 1px solid color-mix(in srgb, currentColor 10%, transparent); border-radius: 1rem; padding: 1.25rem; transition: background .2s ease, border-color .2s ease, transform .2s ease; display: flex; flex-direction: column; }
.og-modulos-card:hover { background: color-mix(in srgb, currentColor 10%, transparent); border-color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); transform: translateY(-3px); }
.og-modulos-card__img { margin: 0 0 1rem; border-radius: 0.5rem; overflow: hidden; aspect-ratio: 16 / 9; background: color-mix(in srgb, currentColor 6%, transparent); display: flex; align-items: center; justify-content: center; }
.og-modulos-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.og-modulos-card__title { margin: 0 0 0.5rem; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
.og-modulos-card__desc { color: color-mix(in srgb, currentColor 70%, transparent); font-size: 0.875rem; line-height: 1.5; margin: 0 0 1rem; flex-grow: 1; }
.og-modulos-card__cta { margin: auto 0 0; font-size: 0.875rem; }
.og-modulos-card__cta a { color: var(--wp--preset--color--primary, var(--wp--preset--color--brand, #1e90ff)); font-weight: 600; text-decoration: none; }
.og-modulos-card__cta a:hover { text-decoration: underline; }

.og-modulos-card--auto { padding: 1rem; }
.og-modulos-card--auto .og-modulos-card__title { font-size: 1rem; }

.og-modulos-cta-final { padding: 4rem 0; text-align: center; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); margin-top: 3rem; }
.og-modulos-cta-final__title { font-size: clamp(1.75rem, 3.5vw, 2.25rem); margin: 0 0 1rem; }
.og-modulos-cta-final__lead { color: color-mix(in srgb, currentColor 70%, transparent); margin: 0 0 2rem; font-size: 1.0625rem; }
.og-modulos-cta-final__buttons { gap: 1rem; flex-wrap: wrap; }
/* === MODULOS-PAGE END === */