/* Leitura dos painéis da Home V28 em zoom normal. */
/* Cabeçalho: fonte sem condensação e contraste consistente em zoom de 100%. */
#yvex-site .header .desktop-nav a,
#yvex-site .header .availability,
#yvex-site .header .head-contact,
#yvex-site .header .mobile-nav a {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
    color: #f6f8f4 !important;
    -webkit-text-fill-color: #f6f8f4 !important;
    opacity: 1;
    filter: none;
    text-shadow: none;
}
#yvex-site .header .desktop-nav { gap: clamp(14px, 1.3vw, 24px); }
#yvex-site .header .desktop-nav a { font-size: 14px !important; white-space: nowrap; }
#yvex-site .header .availability { font-size: 12px !important; color: #dce6e1 !important; -webkit-text-fill-color: #dce6e1 !important; }
#yvex-site .header .head-contact { font-size: 14px !important; padding: 14px 20px; }
#yvex-site .header .head-contact span { font-size: 18px; }
#yvex-site .header .mobile-nav a { font-size: 18px !important; }
#yvex-site .header .desktop-nav a:hover,
#yvex-site .header .mobile-nav a:hover { color: #caff65 !important; -webkit-text-fill-color: #caff65 !important; }
#yvex-site .header .head-contact:hover { color: #0b1714 !important; -webkit-text-fill-color: #0b1714 !important; }
#yvex-site .header :is(.desktop-nav a, .mobile-nav a, .head-contact, .menu-btn):focus-visible {
    outline: 2px solid #caff65;
    outline-offset: 5px;
}
@media (max-width: 1200px) {
    #yvex-site .header .desktop-nav,
    #yvex-site .header .head-contact,
    #yvex-site .header .availability { display: none; }
    #yvex-site .header .menu-btn { display: flex; }
}

#yvex-site {
    --yvex-texto-painel: 15px;
    --yvex-legenda-painel: 12px;
    --yvex-nota-painel: 11px;
    --yvex-cor-texto: #e3ece6;
    --yvex-cor-apoio: #cad9d0;
}

/* Cartões flutuantes da esfera: texto reto e fundo sólido. */
#yvex-site .hero-scene .floating-chip {
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #102026;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .025em;
    color: #f3f8f4;
    padding: 14px 16px;
}
#yvex-site .hero-scene .floating-chip strong {
    font-size: inherit !important;
    color: #caff65;
}

/* Serviços: quatro visualizações com a mesma escala de leitura. */
#yvex-site #yv-service-stage .yv-service-slide {
    animation: none !important;
    filter: none !important;
    transform: none !important;
}
#yvex-site #yv-service-stage :is(.yv-preview-hud, .yv-preview-hud > span, .yv-slide-label,
    .yv-lab-map-item strong, .yv-lab-map-item small, .yv-mini-steps span,
    .yv-dashboard-top, .yv-dashboard-top > span, .yv-dashboard-tiles small,
    .yv-data-top, .yv-data-chip, .yv-data-footer) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.45;
    letter-spacing: .025em;
}
#yvex-site #yv-service-stage :is(.yv-preview-hud, .yv-dashboard-top, .yv-data-top, .yv-data-footer) {
    flex-wrap: wrap;
    row-gap: 8px;
}
#yvex-site #yv-service-stage .yv-service-slide > p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-texto-painel) !important;
    line-height: 1.65;
    color: var(--yvex-cor-texto) !important;
    max-width: 100%;
}
#yvex-site #yv-service-stage :is(.yv-preview-hud, .yv-lab-map-item small,
    .yv-dashboard-tiles small, .yv-data-top, .yv-data-footer) { color: var(--yvex-cor-apoio); }
#yvex-site #yv-service-stage .yv-slide-scene {
    height: auto;
    min-height: 260px;
    flex-direction: column;
    gap: 18px;
}
#yvex-site #yv-service-stage .yv-lab-map-item {
    min-height: 156px;
    gap: 10px;
    padding: 16px 12px;
}
#yvex-site #yv-service-stage .yv-lab-map-item strong {
    color: #f3f8f4;
    font-weight: 700;
    overflow-wrap: anywhere;
}
#yvex-site #yv-service-stage .yv-mini-steps {
    position: static;
    margin-top: 8px;
    gap: 12px;
}
#yvex-site #yv-service-stage .yv-dashboard { height: auto; min-height: 250px; }
#yvex-site #yv-service-stage .yv-dashboard-tiles strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #f3f8f4;
    overflow-wrap: anywhere;
}
#yvex-site #yv-service-stage :is(.yv-dash-foot strong, .yv-dash-foot small, .yv-preview-footer > span) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-nota-painel) !important;
    line-height: 1.5;
    letter-spacing: .015em;
    color: var(--yvex-cor-apoio);
}
#yvex-site #yv-service-stage .yv-preview-footer { flex-wrap: wrap; gap: 14px; }
#yvex-site #yv-service-stage .yv-preview-cta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    white-space: normal;
    line-height: 1.4;
}
#yvex-site #yv-service-stage .yv-integrations svg text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 700;
}
#yvex-site #yv-service-stage .yv-integrations svg > text[font-size="11"] { font-size: 22px; }
#yvex-site #yv-service-stage .yv-integrations svg > text[font-size="23"] { font-size: 26px; }
#yvex-site #yv-service-stage .yv-integrations svg > rect { x: 153px; width: 174px; }
#yvex-site #yv-service-stage .yv-integrations svg g rect[x="35"] { x: 23px; width: 156px; }
#yvex-site #yv-service-stage .yv-integrations svg g rect[x="313"] { x: 301px; width: 156px; }

/* Áreas de atuação: legendas do painel de indicadores. */
#yvex-site #sectorPanel :is(.device-top, .device-meta, .device-growth, .device-footer) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-nota-painel) !important;
    line-height: 1.5;
    letter-spacing: .025em;
    flex-wrap: wrap;
    row-gap: 8px;
}
#yvex-site #sectorPanel :is(.device-top, .device-meta, .device-footer) { color: var(--yvex-cor-apoio); }
#yvex-site #sectorPanel .device-top { height: auto; min-height: 48px; padding-block: 12px; }
#yvex-site #sectorPanel .demo-note { font-size: var(--yvex-nota-painel); line-height: 1.5; }
#yvex-site #sectorPanel .panel-overline { font-size: var(--yvex-legenda-painel) !important; }
#yvex-site #sectorPanel #sectorText {
    font-size: var(--yvex-texto-painel) !important;
    line-height: 1.65;
}

/* Projetos: títulos pequenos, gráficos e descrições das quatro abas. */
#yvex-site #yv24-panel :is(.yv24-stage-top, .yv24-stage-tag, .yv24-dashboard-top, .yv24-dashboard-top > span,
    .yv24-chart-label, .yv24-gantt-head, .yv24-gantt-row > b, .yv24-visual-foot,
    .yv24-stage-bottom, .yv24-stage-bottom a, .yv24-margin-card span,
    .yv25-cash-header, .yv25-cash-label, .yv25-graph-head, .yv25-graph-head > strong,
    .yv25-demo, .yv25-cash-kpi span, .yv25-legend, .yv24-ledger-row) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.45;
    letter-spacing: .025em;
}
#yvex-site #yv24-panel :is(.yv24-stage-top, .yv24-dashboard-top, .yv24-visual-foot,
    .yv24-stage-bottom, .yv25-cash-header, .yv25-graph-head) {
    flex-wrap: wrap;
    row-gap: 10px;
}
#yvex-site #yv24-panel :is(.yv24-stage-copy p, .yv24-integration-desc) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-texto-painel) !important;
    line-height: 1.65;
    color: var(--yvex-cor-texto) !important;
}
#yvex-site #yv24-panel :is(.yv24-gantt-row > b, .yv24-stage-top, .yv24-dashboard-top,
    .yv24-visual-foot, .yv24-stage-bottom, .yv24-margin-card span, .yv25-cash-label) {
    color: var(--yvex-cor-apoio);
}
#yvex-site #yv24-panel :is(.yv24-stage-copy, .yv24-visual) { filter: none !important; }
#yvex-site #yv24-panel .yv24-gantt-head { grid-template-columns: 132px repeat(5, 1fr); }
#yvex-site #yv24-panel .yv24-gantt-row { grid-template-columns: 132px 1fr; }
#yvex-site #yv24-panel .yv24-gantt-row > b { overflow-wrap: anywhere; }
#yvex-site #yv24-panel .yv24-ledger-row strong { color: #f3f8f4; }
#yvex-site #yv24-panel :is(.yv24-dashboard-top > span, #yv24-board-label) {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    white-space: normal;
    overflow-wrap: anywhere;
}
#yvex-site #yv24-panel .yv25-cash-foot {
    font-size: var(--yvex-nota-painel) !important;
    line-height: 1.5;
}

/* Método: a melhora acompanha cada etapa, incluindo Evolução contínua. */
#yvex-site #yv27-visual :is(.yv27-stage, .yv28-lead, .yv28-device) {
    animation: none !important;
    transform: none !important;
    filter: none !important;
}
#yvex-site #yv27-visual :is(.yv27-display-top, .yv27-display-foot, .yv27-stage-overline,
    .yv27-audit-index, .yv27-arch-core span, .yv27-arch-node span,
    .yv27-build-head, .yv27-build-results span, .yv28-top, .yv28-eyebrow) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.45;
    letter-spacing: .035em;
}
#yvex-site #yv27-visual :is(.yv27-display-top, .yv27-display-foot, .yv27-arch-core, .yv28-top) {
    flex-wrap: wrap;
    row-gap: 10px;
}
#yvex-site #yv27-visual :is(.yv27-stage-desc, .yv28-lead > p) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-texto-painel) !important;
    line-height: 1.65;
    color: var(--yvex-cor-texto) !important;
}
#yvex-site #yv27-visual :is(.yv27-audit-card small, .yv27-arch-node small, .yv28-flow-step small) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.5;
    color: var(--yvex-cor-apoio);
}
#yvex-site #yv27-visual .yv27-build-line {
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.6;
    flex-wrap: wrap;
    gap: 8px;
    color: #dbe8e4;
}
#yvex-site #yv27-visual .yv27-build-line b { color: #aac2b4; }
#yvex-site #yv27-visual .yv27-build-line span { overflow-wrap: anywhere; }
#yvex-site #yv27-visual .yv28-device { min-height: 190px; }
#yvex-site #yv27-visual .yv28-device-outer { width: min(209px, 95%); }
#yvex-site #yv27-visual .yv28-device-middle { width: min(171px, 82%); }
#yvex-site #yv27-visual :is(.yv28-device-center small, .yv28-device-toptext, .yv28-device-bottomtext,
    .yv28-flow-step > span, .yv28-bottom > span) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-nota-painel) !important;
    line-height: 1.4;
    letter-spacing: .035em;
    color: #dbe8df;
}
#yvex-site #yv27-visual .yv28-device-center { width: 154px; height: 124px; }
#yvex-site #yv27-visual .yv28-flow-step strong {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 1.3;
    letter-spacing: .015em;
}
#yvex-site #yv27-visual .yv28-launch-cta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--yvex-legenda-painel) !important;
    line-height: 1.45;
}

@media (max-width: 640px) {
    #yvex-site {
        --yvex-texto-painel: 14px;
        --yvex-legenda-painel: 11px;
    }
    #yvex-site .hero-scene .floating-chip { font-size: 10px !important; padding: 11px 12px; }
    #yvex-site #yv-service-stage .yv-lab-map { grid-template-columns: 1fr; }
    #yvex-site #yv-service-stage .yv-lab-map-item {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 4px 12px;
        min-height: 88px;
        padding: 14px;
        transform: none;
    }
    #yvex-site #yv-service-stage .yv-map-num { grid-row: 1 / 3; align-self: center; }
    #yvex-site #yv-service-stage .yv-lab-map-item :is(strong, small) { grid-column: 2; }
    #yvex-site #yv-service-stage .yv-dashboard-tiles { grid-template-columns: 1fr; }
    #yvex-site #yv-service-stage .yv-dashboard-tiles strong { font-size: 15px; }
    #yvex-site #yv-service-stage .yv-data-top { align-items: flex-start; }
    #yvex-site #yv-service-stage .yv-data-footer { gap: 8px; }
    #yvex-site #yv24-panel .yv24-gantt-head { grid-template-columns: 91px repeat(5, 1fr); }
    #yvex-site #yv24-panel .yv24-gantt-row { grid-template-columns: 91px 1fr; }
    #yvex-site #yv27-visual :is(.yv27-audit, .yv27-architecture) { grid-template-columns: 1fr; }
    #yvex-site #yv27-visual .yv27-build-code { padding: 14px 12px; }
    #yvex-site #yv27-visual .yv28-flow { flex-wrap: wrap; gap: 12px 8px; }
    #yvex-site #yv27-visual .yv28-flow-step { flex: 1 1 66px; min-width: 0; }
    #yvex-site #yv27-visual .yv28-flow-step strong { font-size: 12px !important; overflow-wrap: anywhere; }
    #yvex-site #yv27-visual .yv28-flow-step small { font-size: 11px !important; }
    #yvex-site #yv27-visual .yv28-connector { flex: 0 1 8px; }
}
@media (max-width: 400px) {
    #yvex-site .hero-scene .floating-chip { font-size: 10px !important; padding: 10px; }
    #yvex-site .hero-scene .chip-top { left: 0; }
    #yvex-site .hero-scene .chip-bottom { right: 0; }
    #yvex-site #yv27-visual .yv28-title > span:last-child { white-space: normal; }
}
