/* ================================================================
   REPORTA — IDENTIDADE E LAYOUT
   Subdomínio: reporta.realtechco.com.br
   Cor original da marca: #F4B900 (extraída da PNG enviada).
   Escala: ouro #F4B900, ouro médio #C99A16, ocre #A47C11,
   grafite oliva #17160D, creme #FFFEF0.
   Prefixo RP_ para componentes exclusivos; RL_BAR / RL_ST2 / RL_FT
   preservam a lógica e as classes das páginas da REAL.
   ================================================================ */
:root{--RP_gold:#F4B900;--RP_gold-muted:#C99A16;--RP_gold-deep:#A47C11;--RP_ink:#17160D;--RP_ink2:#24200D;--RP_cream:#FFFEF0;--RP_text:#29251A;--RP_sage:#7B735F;--RP_border:rgba(240,186,33,.26);--RP_max:1370px;--RL_HD_header-offset:118px;--RL_HD_amber:#F4B900;--RL_HD_reporta:#F4B900;--RL_HD_rentabiliza:#006b4e;--RL_HD_realiza:#34547a;--RL_HD_realtech:#c19a62;
--RL_FT_gold-medium:#F4B900;--RL_FT_gold-light:#FFE18B;--RL_FT_bg-dark:#15140F;--RL_FT_gold-transparent-1:rgba(244,185,0,.06);--RL_FT_gold-transparent-2:rgba(244,185,0,.23)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--RL_HD_header-offset)}
body.RP_page{margin:0;background:var(--RP_ink);color:var(--RP_cream);font:400 16px/1.55 'DM Sans',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.RP_page a{color:inherit;text-decoration:none}
.RP_page button,.RP_page summary{font:inherit;cursor:pointer}
.RP_page :is(a,button,summary):focus-visible{outline:2px solid #FFDF75;outline-offset:5px}
.RP_page img,.RP_page svg{max-width:100%}
.RP_page h1,.RP_page h2,.RP_page h3,.RP_page p{margin-top:0}
.RP_container{width:min(calc(100% - 2 * clamp(22px,5vw,84px)),var(--RP_max));margin-inline:auto}
.RP_skip{position:fixed;z-index:500;left:20px;top:6px;transform:translateY(-150%);background:#fff2bb!important;color:#1b190c!important;padding:11px 20px}
.RP_skip:focus{transform:none}
.RP_overline{display:inline-block;font:700 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:.29em;text-transform:uppercase}
.RP_reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.RP_js .RP_reveal:not(.RP_visible){opacity:0;transform:translateY(26px)}

/* CABEÇALHO: mesmo cabeçalho recortado, blur e menu com FRENTES. */
.RL_BAR_topbar{position:fixed;top:19px;left:clamp(13px,3vw,39px);right:clamp(13px,3vw,39px);z-index:100;max-width:1420px;margin-inline:auto;isolation:isolate}
.RL_BAR_topbar:before,.RL_BAR_topbar:after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.RL_BAR_topbar:before{background:rgba(255,229,140,.4)}
.RL_BAR_topbar:after{inset:1px;background:rgba(24,22,13,.89);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .25s}
.RL_BAR_topbar.RP_scrolled:after{background:rgba(20,19,13,.97)}
.RL_BAR_topbar__inner{min-height:83px;position:relative;z-index:1;display:flex;align-items:center;gap:clamp(10px,2vw,28px);padding:14px 24px}
.RL_HD_brand{display:inline-flex;align-items:center;gap:11px;flex:none;min-width:0}
.RL_HD_brand__mark{width:clamp(35px,3.8vw,49px);height:47px;object-fit:contain;filter:drop-shadow(0 1px 6px #0002)}
.RL_HD_brand__type{display:flex;flex-direction:column;gap:2px}
.RL_HD_brand__word{font:800 clamp(16px,1.45vw,21px)/1 'Manrope',Arial,sans-serif;letter-spacing:.095em;color:#F9F7E9}
.RP_brand-dot{color:var(--RP_gold)}
.RL_HD_brand__caption{font:600 clamp(7px,.64vw,9px)/1.4 'Manrope',Arial,sans-serif;letter-spacing:.15em;color:#c3bda8;white-space:nowrap}
.RL_BAR_navigation{margin-left:auto;min-width:0}
.RL_BAR_menu-toggle{display:none;align-items:center;gap:13px;list-style:none;color:#f7ebc7;font-size:11px;letter-spacing:.12em}
.RL_BAR_menu-toggle::-webkit-details-marker,.RL_BAR_frentes-menu summary::-webkit-details-marker{display:none}
.RL_BAR_menu-triangle{width:25px;height:25px;fill:none;stroke:var(--RP_gold);stroke-width:1.5}
.RL_BAR_navigation[open] .RL_BAR_menu-triangle{transform:rotate(180deg)}
.RL_BAR_navigation__panel{display:flex;align-items:center;gap:clamp(15px,1.5vw,26px)}
.RL_BAR_nav ul{list-style:none;display:flex;align-items:center;gap:clamp(13px,1.4vw,25px);padding:0;margin:0}
.RL_BAR_nav ul li{flex:none}
.RL_BAR_nav ul li>a,.RL_BAR_frentes-menu>summary{display:flex;align-items:center;min-height:42px;color:#e9e4d7;font:600 10px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.085em;white-space:nowrap;transition:color .2s}
.RL_BAR_nav ul li>a:is(:hover,:focus-visible),.RL_BAR_frentes-menu>summary:is(:hover,:focus-visible){color:#ffd34f}
.RL_BAR_frentes-menu{position:relative}
.RL_BAR_frentes-menu>summary{gap:7px;list-style:none}
.RL_BAR_frentes-menu>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.RL_BAR_frentes-menu[open]>summary svg{transform:rotate(180deg)}
.RL_BAR_frentes-popover{position:absolute;top:calc(100% + 13px);left:-12px;width:215px;padding:10px;background:#1c1a11;border:1px solid rgba(244,185,0,.29);box-shadow:0 22px 42px #0008}
.RL_BAR_frentes-popover a{display:block!important;min-height:0!important;padding:12px 11px;color:#efebde;font-size:10px!important;letter-spacing:.11em}
.RL_BAR_frentes-popover a:hover,.RL_BAR_frentes-popover [aria-current=page]{background:rgba(244,185,0,.12);color:#ffd65d}
.RL_HD_button{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;background:var(--RP_gold);color:#181508!important;min-height:45px;padding:10px 14px;font:700 11px/1.3 'Manrope',Arial,sans-serif;white-space:nowrap;transition:background .2s,transform .2s;position:relative}
.RL_HD_button:hover{background:#FFCF32;transform:translateY(-2px)}
.RL_HD_button:after{content:"";position:absolute;right:0;top:0;width:9px;height:9px;background:#26200c;clip-path:polygon(0 0,100% 0,100% 100%)}
.RL_HD_icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}


/* Ajuste exclusivo da barra fixa REPORTA (desktop e mobile).
   Os ícones SVG não são afetados; as seções restantes conservam sua tipografia. */
.RL_BAR_topbar,
.RL_BAR_topbar .RL_HD_brand__word,
.RL_BAR_topbar .RL_HD_brand__caption,
.RL_BAR_topbar .RL_BAR_menu-toggle,
.RL_BAR_topbar .RL_BAR_nav a,
.RL_BAR_topbar .RL_BAR_frentes-menu > summary,
.RL_BAR_topbar .RL_BAR_frentes-popover a,
.RL_BAR_topbar .RL_HD_button,
.RL_BAR_topbar .RL_HD_button span {
  font-family: "LINE Seed JP", "Inter", "Segoe UI", Arial, sans-serif;
}

/* FAIXA 01 / HERÓI: cor média combinando ouro de marca + grafite. */
.RP_hero{min-height:min(900px,100svh);min-height:max(680px,100svh);position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:radial-gradient(ellipse at 74% 49%,rgba(255,226,116,.37),transparent 40%),radial-gradient(ellipse at 17% 85%,rgba(96,60,0,.21),transparent 55%),linear-gradient(120deg,#AD8614 0%,#D2A222 48%,#9D7510 100%);color:#201B0D}
.RP_hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:linear-gradient(120deg,transparent 49.92%,#fff6ba 50%,transparent 50.08%);background-size:195px 195px}
.RP_hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:150px;pointer-events:none;background:linear-gradient(0deg,rgba(25,21,8,.09),transparent)}
.RP_hero-glow{position:absolute;right:0;top:12%;width:min(52vw,760px);height:80%;border:1px solid rgba(255,244,190,.18);transform:skewX(-29deg) translateX(38%);pointer-events:none}
.RP_hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(10px,2.8vw,44px);flex:1;padding-top:150px;padding-bottom:50px;position:relative;z-index:1}
.RP_hero-copy{padding-bottom:30px;position:relative;z-index:2}
.RP_eyebrow{font:700 clamp(10px,.78vw,12px)/1.6 'Manrope',Arial,sans-serif;letter-spacing:.17em;display:flex;align-items:center;gap:16px;margin-bottom:clamp(28px,4.6vw,66px);color:#3d2e0c}
.RP_eyebrow-dash{height:1px;width:31px;background:#3d2e0c}
.RP_hero h1{font:700 clamp(42px,4.55vw,76px)/1.12 'Manrope',Arial,sans-serif;letter-spacing:-.062em;max-width:700px;margin:0 0 30px}
.RP_hero h1 span{color:#fff6d0;display:block;text-shadow:0 8px 24px #62410022}
.RP_hero-description{font-size:clamp(16px,1.15vw,18px);line-height:1.77;max-width:485px;color:#392d15;margin:0 0 44px}
.RP_hero-actions{display:flex;align-items:center;gap:28px}
.RP_dark-action{display:inline-flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,69px);padding:16px 18px;min-height:55px;background:#19170e;color:#fff5cf!important;font:700 12px/1.4 'Manrope',Arial,sans-serif;transition:background .25s,transform .25s}
.RP_dark-action:hover{background:#38301a;transform:translateY(-3px)}
.RP_dark-action span{font-size:22px;line-height:1;font-weight:400}
.RP_hero-index{font:600 10px 'Manrope',Arial,sans-serif;letter-spacing:.17em;opacity:.66}
.RP_hero-art{position:relative;min-width:0;width:108%;max-width:830px;justify-self:center;transform:translate(0,7px);filter:drop-shadow(0 14px 28px rgba(65,42,0,.08))}
.RP_network-svg{display:block;width:100%;height:auto;overflow:visible}
.RP_network-grid{opacity:.7}
/* Hexágonos: respiração sutil e lenta, cada contorno em fase própria;
   SVG viewBox mantém o centro fixo no nó (360,309) durante todo o ciclo. */
.RP_network-breath path{transform-box:view-box;transform-origin:360px 309px;animation:RP_breathe 10.5s ease-in-out infinite;will-change:transform,opacity}
.RP_network-breath path:nth-child(2){animation-duration:12s;animation-delay:-4s}
.RP_network-breath path:nth-child(3){animation-duration:13.5s;animation-delay:-9s}
.RP_network-nodes circle{animation:RP_nodeglow 3.5s ease-in-out infinite alternate}
.RP_network-nodes circle:nth-child(3n){animation-delay:-1.3s}
.RP_diagram-caption{position:absolute;right:2%;bottom:1%;display:flex;align-items:center;gap:12px;font:700 clamp(8px,.7vw,11px) 'Manrope',Arial,sans-serif;letter-spacing:.14em;color:#493406}
.RP_diagram-caption i{display:block;width:16px;height:1px;background:currentColor;opacity:.55}
.RP_hero-bottom{z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:20px;border-top:1px solid rgba(45,35,12,.25);font:700 10px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.15em}
.RP_hero-bottom a{display:flex;align-items:center;gap:20px}
.RP_hero-bottom a span{font-size:22px;line-height:1}
@keyframes RP_breathe{0%,100%{opacity:.52;transform:scale(1)}50%{opacity:.92;transform:scale(1.065)}}
@keyframes RP_nodeglow{from{opacity:.65}to{opacity:1;filter:drop-shadow(0 0 5px #fffae6)}}

/* FAIXA 02 / MÉTODO: nós sem números, unidos por triângulo equilátero.
   Letras e linhas em branco sóbrio; fundo em ouro médio mais fechado para contraste. */
.RP_method{background:radial-gradient(ellipse at 88% 9%,rgba(255,232,142,.12),transparent 42%),linear-gradient(136deg,#987012 0%,#79570B 54%,#946B10 100%);color:#F8F5EC;position:relative;overflow:hidden;padding:clamp(105px,10vw,156px) 0 clamp(98px,10vw,145px);isolation:isolate}
.RP_method:before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;background:repeating-linear-gradient(140deg,transparent 0 180px,rgba(255,250,230,.22) 181px,transparent 182px)}
.RP_method-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(42px,5vw,82px);align-items:center}
.RP_method-heading{padding-top:10px}
.RP_method h2{font:700 clamp(38px,4.2vw,67px)/1.16 'Manrope',Arial,sans-serif;letter-spacing:-.06em;max-width:620px;margin:0 0 30px;color:#FFFDF6}
.RP_method h2 em{font-style:normal;color:#F0EDE2}
.RP_method-heading p{margin:0;max-width:420px;font-size:17px;color:#F4F0E4;line-height:1.7}
.RP_method-mark{margin-top:clamp(45px,9vw,120px);width:155px;opacity:.3;transform:rotate(-10deg);color:#FFFCF1}
.RP_process{position:relative;width:100%;max-width:630px;justify-self:center;color:#FFFDF6}
.RP_process-diagram{position:relative;width:100%;aspect-ratio:600 / 540;isolation:isolate}
.RP_process-svg{width:100%;height:100%;display:block;overflow:visible}
.RP_process-triangle{fill:none;stroke:url(#RP_methodWire);stroke-width:1.4;stroke-linejoin:miter;stroke-dasharray:4 0}
.RP_process-secondary{fill:none;stroke:#FFF8EA;stroke-opacity:.31;stroke-width:.8;stroke-dasharray:3 8}
.RP_process-spokes{fill:none;stroke:#FFF8EA;stroke-opacity:.43;stroke-width:1}
.RP_process-junctions{fill:#FFFCF2;stroke:#B49A59;stroke-width:1.5}
.RP_process-flows{fill:#FFFFFF;filter:drop-shadow(0 0 5px rgba(255,251,233,.75))}
.RP_step{position:absolute;z-index:2;width:clamp(140px,14vw,184px);min-height:clamp(141px,12.5vw,162px);padding:clamp(12px,1.35vw,18px) clamp(9px,1.1vw,15px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;color:#FFFCF2;background:rgba(94,66,13,.86);border:1px solid rgba(255,250,229,.63);box-shadow:0 16px 48px rgba(54,34,0,.17),inset 0 1px rgba(255,255,255,.15);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transform:translate(-50%,-50%);transition:background .3s,border-color .3s,box-shadow .3s}
.RP_step:hover{background:rgba(92,68,15,.97);box-shadow:0 20px 50px rgba(54,34,0,.27),inset 0 1px rgba(255,255,255,.2)}
/* Mesmas coordenadas normalizadas do triângulo SVG — não são cartões soltos. */
.RP_step--observar{left:50%;top:20.7407%}
.RP_step--analisar{left:80.6667%;top:79.8148%}
.RP_step--validar{left:19.3333%;top:79.8148%}
.RP_step h3{font:700 clamp(18px,1.6vw,23px)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.035em;margin:0;color:#FFFEF8}
.RP_step p{font:400 clamp(10px,.87vw,12px)/1.5 'DM Sans',Arial,sans-serif;margin:0;color:#F0EBDD}
/* FAIXA 03 / PIRÂMIDE DAS FRENTES: geometria original em fundo creme. */
.RL_ST2_section.RP_integration{--RL_ST2_bg:#FFFEF0;--RL_ST2_gold:#BE8E0E;--RL_ST2_heading:#9C7411;--RL_ST2_white:#242116;--RL_ST2_muted:#655D45;--RL_ST2_logoOpacity:.039;--RL_ST2_green:#18392C;--RL_ST2_greenStroke:#4B846C;--RL_ST2_yellow:#645012;--RL_ST2_yellowStroke:#F4B900;--RL_ST2_blue:#233B56;--RL_ST2_blueStroke:#6084A4;--RL_ST2_center:#3D341F;--RL_ST2_gapOpacity:1;color:#211e14;min-height:750px;padding-block:clamp(100px,9vw,160px);background:radial-gradient(ellipse at 85% 10%,rgba(244,185,0,.09),transparent 45%),#FFFEF0}
.RP_integration .RL_ST2_layout{max-width:var(--RP_max);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,83px)}
.RP_integration .RL_ST2_copy{padding-left:0;max-width:620px}
.RP_integration .RP_overline{color:#9c7411;margin-bottom:44px}
.RP_integration-title{font:700 clamp(35px,3.55vw,59px)/1.17 'Manrope',Arial,sans-serif;letter-spacing:-.062em;max-width:630px;margin:0 0 34px;color:#201e15}
.RP_integration-title em{color:#B68A16}
.RP_integration-copy{font:400 clamp(16px,1.1vw,18px)/1.77 'DM Sans',Arial,sans-serif;color:#5D5543;max-width:520px;margin:0}
.RP_integration-note{display:flex;align-items:center;gap:18px;margin-top:clamp(42px,5vw,71px);font:700 11px/1.6 'Manrope',Arial,sans-serif;letter-spacing:.1em;color:#97751b}
.RP_integration-line{width:44px;height:1px;background:#B68A16}
.RP_integration .RL_ST2_watermark{opacity:.055}
.RP_integration .RL_ST2_logoOriginal{filter:sepia(1) saturate(1.3) hue-rotate(346deg)}
.RP_integration .RL_ST2_outerRing{stroke:rgba(130,97,12,.38)}
.RP_integration .RL_ST2_outerRing--back{stroke:rgba(130,97,12,.16)}
.RP_integration .RL_ST2_brandLabel{fill:#fffbed}
.RP_integration .RL_ST2_centerLabel{fill:#fff4cf;stroke:transparent}
.RP_integration .RL_ST2_brand--reporta .RL_ST2_brandFace,.RP_integration .RL_ST2_brand--reporta .RL_ST2_brandGlow{fill:#645012;stroke:#F4B900}
.RP_integration .RL_ST2_detail{border-top:1px solid rgba(144,111,34,.30)}
.RP_integration .RL_ST2_detailName{color:#262218}
.RP_integration .RL_ST2_detailDescription{color:#6D6250}
.RP_integration .RL_ST2_detailLink{border:1px solid rgba(152,111,13,.31);color:#5A4514}
.RP_integration .RL_ST2_detailLink:hover{background:#FAE7A2;border-color:#B68A16}
.RP_integration .RL_ST2_detailProgress span{background:#C39113}

/* FAIXA 04 / CONVERSÃO: CTA direciona ao formulário da REAL. */
.RP_cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,rgba(153,111,16,.14),transparent 47%),#17160D;color:#F8F6E8;min-height:515px;display:flex;align-items:center;isolation:isolate;padding:clamp(96px,11vw,150px) 0 39px}
.RP_cta:before{content:"";position:absolute;right:0;bottom:-37%;width:min(67vw,850px);aspect-ratio:1;background:linear-gradient(132deg,rgba(244,185,0,.08),transparent 50%);clip-path:polygon(50% 0,100% 87%,0 87%);pointer-events:none}
.RP_cta-back{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 134px,rgba(244,185,0,.036) 135px,transparent 136px);pointer-events:none}
.RP_cta-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,6vw,70px);align-items:center}
.RP_cta .RP_overline{color:#d7ab38;margin-bottom:30px}
.RP_cta h2{font:700 clamp(42px,5vw,80px)/1.13 'Manrope',Arial,sans-serif;letter-spacing:-.065em;max-width:820px;margin:0 0 22px}
.RP_cta p{color:#bfb8a0;font-size:clamp(16px,1.3vw,20px);margin:0}
.RP_cta-button{display:inline-flex;align-items:center;justify-content:space-between;gap:clamp(26px,4vw,70px);min-height:75px;min-width:clamp(235px,22vw,305px);padding:17px 19px 17px 24px;background:#F4B900;color:#201b0c!important;font:800 clamp(16px,1.45vw,20px)/1.35 'Manrope',Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;transition:transform .25s,background .25s}
.RP_cta-button:hover{background:#FFD23A;transform:translateY(-4px)}
.RP_cta-button-arrow{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:butt;stroke-linejoin:miter}
.RP_cta-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(244,185,0,.24);margin-top:clamp(20px,5vw,58px);padding-top:21px;font:600 10px 'Manrope',Arial,sans-serif;letter-spacing:.17em;color:#827c68}
.RP_cta-footer b{color:#F4B900;padding:0 7px}

/* RODAPÉ original: mesma composição em três blocos; ouro = REPORTA. */
.RL_FT_footer{background:#14130E;border-top:1px solid rgba(244,185,0,.21)}
.RL_FT_footer:before,.RL_FT_footer:after{opacity:.55}
.RL_FT_company-name{color:#e7e1d1}
.RL_FT_company-address,.RL_FT_dev-label,.RL_FT_dev-brand{color:#aaa28d}
.RL_FT_privacy-link{color:#f2e8ce}
.RL_FT_privacy-link:hover{color:#F4B900}
.RL_FT_block-privacy:before,.RL_FT_block-privacy:after{background:linear-gradient(transparent,rgba(244,185,0,.75),transparent)}
.RL_FT_dev-brand:hover{color:#F4B900}

/* Modal local preserva o conteúdo integral de política enviado com o ZIP. */
.RP_privacy-dialog{position:fixed;max-width:min(92vw,970px);width:100%;max-height:90dvh;padding:0;background:#18170f;color:#f8f1dd;border:1px solid rgba(244,185,0,.4);box-shadow:0 30px 90px #000b}
.RP_privacy-dialog::backdrop{background:rgba(3,3,2,.84);backdrop-filter:blur(8px)}
.RP_privacy-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(20px,4vw,45px);border-bottom:1px solid rgba(244,185,0,.25);background:#211e13}
.RP_privacy-header .RP_overline{color:#d5ac43}
.RP_privacy-header h2{font:700 clamp(20px,2.5vw,30px) 'Manrope',Arial,sans-serif;margin:8px 0 0}
.RP_privacy-header button{border:1px solid rgba(244,185,0,.4);background:transparent;color:#ffdd69;padding:12px 15px;white-space:nowrap}
.RP_privacy-content{padding:26px clamp(22px,5vw,52px) 50px;overflow:auto;max-height:calc(90dvh - 120px);font-size:14px;line-height:1.8;color:#d7d0bb}
.RP_privacy-content p{white-space:normal;margin:0 0 14px}

@media(max-width:1330px){.RL_BAR_topbar__inner{padding:14px 17px}.RL_HD_brand__caption{font-size:8px}.RL_BAR_navigation__panel{gap:16px}.RL_BAR_nav ul{gap:14px}.RL_BAR_nav ul li>a,.RL_BAR_frentes-menu>summary{font-size:9px}}
@media(max-width:1199px){
 .RL_BAR_topbar{left:13px;right:13px;top:13px}
 .RL_BAR_topbar__inner{min-height:67px;padding:11px 17px}
 .RL_HD_brand__mark{width:36px;height:39px}
 .RL_HD_brand__word{font-size:17px}
 .RL_HD_brand__caption{font-size:7px}
 .RL_BAR_navigation{flex:none}
 .RL_BAR_menu-toggle{display:flex;min-height:43px;justify-content:flex-end}
 .RL_BAR_navigation:not([open]) .RL_BAR_navigation__panel{display:none}
 .RL_BAR_navigation__panel{position:absolute;display:block;right:0;top:calc(100% + 8px);width:min(410px,calc(100vw - 26px));max-height:calc(100dvh - 104px);overflow:auto;background:#17160f;border:1px solid rgba(244,185,0,.38);box-shadow:0 20px 60px #0008;padding:20px}
 .RL_BAR_nav ul{display:block}
 .RL_BAR_nav ul li>a,.RL_BAR_frentes-menu>summary{font-size:13px;min-height:52px;border-bottom:1px solid rgba(244,185,0,.15)}
 .RL_BAR_frentes-popover{position:static;width:100%;box-shadow:none;border:0;border-bottom:1px solid rgba(244,185,0,.2);background:#201d10}
 .RL_BAR_frentes-popover a{font-size:11px!important}
 .RL_BAR_topbar__cta{margin-top:17px;width:100%;justify-content:space-between}
}
@media(max-width:990px){
 .RP_hero{min-height:auto}
 .RP_hero-grid{grid-template-columns:1fr;gap:0;padding-top:clamp(145px,19vw,200px);padding-bottom:25px}
 .RP_hero-copy{padding-bottom:0}
 .RP_eyebrow{margin-bottom:30px}
 .RP_hero h1{font-size:clamp(46px,7.3vw,70px);max-width:700px}
 .RP_hero-description{margin-bottom:0}
 .RP_hero-art{max-width:670px;width:min(95%,670px);margin-inline:auto;margin-top:-27px;transform:none}
 .RP_hero-bottom{margin-top:-10px}
 .RP_method-layout{grid-template-columns:1fr;gap:45px}
 .RP_method-mark{display:none}
 .RP_method{padding-top:85px}
 .RP_method h2{font-size:clamp(36px,6vw,60px);max-width:750px}
 .RP_process{max-width:800px}
 .RP_integration .RL_ST2_layout{grid-template-columns:1fr;max-width:730px;gap:20px}
 .RL_ST2_section.RP_integration{min-height:0;padding-block:85px}
 .RP_integration .RP_overline{margin-bottom:25px}
 .RP_integration-title{font-size:clamp(34px,5.8vw,56px)}
 .RP_integration .RL_ST2_visual{max-width:min(100%,570px)}
 .RP_integration .RL_ST2_watermark{opacity:.04}
 .RP_cta-layout{grid-template-columns:1fr;gap:35px}
 .RP_cta-button{width:max-content}
 .RP_cta-footer{margin-top:20px}
}
@media(max-width:600px){
 :root{--RL_HD_header-offset:95px}
 .RP_container{width:calc(100% - 42px)}
 .RL_BAR_topbar__inner{padding:10px 13px;min-height:62px}
 .RL_HD_brand{gap:8px}
 .RL_HD_brand__mark{width:31px;height:34px}
 .RL_HD_brand__word{font-size:14px}
 .RL_HD_brand__caption{font-size:6.6px;letter-spacing:.085em}
 .RL_BAR_menu-toggle{font-size:10px}
 .RL_BAR_menu-triangle{width:21px;height:21px}
 .RP_hero-grid{padding-top:150px;padding-bottom:25px}
 .RP_eyebrow{font-size:9px;gap:10px;letter-spacing:.115em;line-height:1.45;margin-bottom:28px}
 .RP_eyebrow-dash{width:19px}
 .RP_hero h1{font-size:clamp(39px,9.3vw,56px);margin-bottom:24px;letter-spacing:-.065em}
 .RP_hero-description{font-size:15px;line-height:1.7;margin-bottom:0}
 .RP_dark-action{min-height:50px;padding:12px 15px;gap:17px;font-size:11px}
 .RP_hero-index{font-size:9px}
 .RP_hero-art{width:118%;max-width:none;margin-left:-10%;margin-top:-3px}
 .RP_diagram-caption{right:10%;bottom:2%;font-size:7px;gap:8px}
 .RP_diagram-caption i{width:10px}
 .RP_hero-bottom{font-size:8px;padding-block:15px;gap:12px;margin-top:4px}
 .RP_hero-bottom a{gap:7px}
 .RP_hero-bottom a span{font-size:17px}
 .RP_method{padding-top:75px;padding-bottom:20px}
 .RP_method-layout{gap:36px}
 .RP_method h2{font-size:clamp(34px,8vw,47px);margin-bottom:20px}
 .RP_method-heading p{font-size:15px}
 .RP_step{grid-template-columns:21px 48px 1fr 14px;gap:10px;min-height:140px}
 .RP_step-num{font-size:9px;margin-top:29px}
 .RP_step h3{font-size:23px}
 .RP_step p{font-size:12px}
 .RP_step-arrow{font-size:17px;margin-top:31px}
 .RP_method-foot{margin-top:65px;font-size:8px;line-height:1.5}
 .RL_ST2_section.RP_integration{padding:72px 20px 90px}
 .RP_integration-title{font-size:clamp(33px,8vw,45px);margin-bottom:20px}
 .RP_integration-copy{font-size:15px;line-height:1.65}
 .RP_integration-note{margin-top:26px;font-size:9px}
 .RP_integration .RL_ST2_visual{max-width:min(100%,400px)}
 .RP_integration .RL_ST2_layout{gap:26px}
 .RP_cta{min-height:0;padding:84px 0 35px}
 .RP_cta h2{font-size:clamp(39px,9vw,54px)}
 .RP_cta p{font-size:16px}
 .RP_cta-button{min-width:0;width:100%;min-height:65px}
 .RP_cta-footer{font-size:8px}
 .RP_privacy-header{align-items:flex-start;flex-direction:column}
 .RP_privacy-content{max-height:calc(90dvh - 175px)}
}
@media(max-width:380px){.RP_container{width:calc(100% - 32px)}.RP_hero h1{font-size:36px}.RP_step{grid-template-columns:18px 40px 1fr 12px;gap:7px}.RP_step-icon{width:39px;height:42px}.RP_step-icon svg{width:29px}.RP_cta-footer{letter-spacing:.045em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.RP_page *, .RP_page *::before,.RP_page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.RP_reveal,.RP_js .RP_reveal:not(.RP_visible){opacity:1;transform:none}.RP_network-pulses{display:none}}

/* O conteúdo jamais some antes de o usuário chegar à seção;
   IntersectionObserver melhora o movimento sem criar telas vazias em
   screenshots, navegação por âncora ou navegadores com JS limitado. */
.RP_js .RP_reveal:not(.RP_visible){opacity:1;transform:translateY(0)}
#frentes.RL_ST2_hasMotion .RL_ST2_copy,
#frentes.RL_ST2_hasMotion .RL_ST2_visual{opacity:1}

/* REPORTA — triângulo conectado responsivo. Não alterar coordenadas de um vértice isoladamente. */
@media(max-width:990px){
 .RP_process{width:min(100%,610px);margin-inline:auto}
 .RP_method-layout{gap:35px}
 .RP_method-heading p{color:#F4F0E4}
 .RP_step{width:clamp(144px,22vw,180px);min-height:145px}
}
@media(max-width:600px){
 .RP_method{padding-top:77px;padding-bottom:83px}
 .RP_method-layout{gap:33px}
 .RP_method-heading p{color:#F4F0E4}
 .RP_process{padding-block:60px}
 .RP_step{width:clamp(109px,36vw,145px);min-height:clamp(135px,38vw,155px);padding:10px 7px;gap:4px}
 .RP_step h3{font-size:clamp(14px,4vw,18px);line-height:1.25}
 .RP_step p{font-size:clamp(9px,2.55vw,11px);line-height:1.37}
 .RP_cta-button{gap:14px;font-size:clamp(14px,4.3vw,18px);letter-spacing:.01em}
 .RP_cta-button-arrow{width:21px;height:21px}
}
@media(max-width:380px){
 .RP_step{width:clamp(103px,36vw,127px);min-height:137px;padding:9px 6px}
 .RP_step h3{font-size:14px}
 .RP_step p{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.RP_process-flows{display:none}}

/* ================================================================
   REPORTA / VERSÃO FULL VIEWPORT — FAIXAS 01–04
   Cada faixa ocupa no mínimo a altura visível; elementos se adaptam à
   ALTURA além da largura. Em tela curta, zoom ou fontes ampliadas,
   mantemos o conteúdo rolável em vez de recortar texto/botões.
   O rodapé continua fora das quatro faixas e mantém o layout original.
   ================================================================ */
.RP_page main > section { min-height:100vh; min-height:100svh; }

/* FAIXA 01 — branco no título inteiro, exceto "fundamentadas.". */
.RP_hero h1,
.RP_hero h1 span { color:#FFFEF6; }
.RP_hero h1 .RP_hero-highlight { color:#35270D; font-weight:inherit; }
.RP_hero {
  min-height:100vh;
  min-height:100svh;
}
.RP_hero-grid {
  padding-top:clamp(108px,14svh,150px);
  padding-bottom:clamp(10px,2svh,26px);
}
.RP_hero-copy { padding-bottom:0; }
.RP_eyebrow { margin-bottom:clamp(14px,3svh,35px); }
.RP_hero h1 {
  font-size:clamp(36px,min(4.55vw,6.8svh),76px);
  margin-bottom:clamp(13px,2.5svh,28px);
}
.RP_hero-description { margin-bottom:0; }
.RP_hero-art {
  width:min(108%,max(320px,calc((100svh - 195px)*1.14)),830px);
  max-width:830px;
}
.RP_hero-bottom { padding-block:clamp(10px,1.8svh,18px); }

/* FAIXA 02 — nós, linhas e textos no mesmo enquadramento. */
.RP_method {
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(103px,13svh,145px) 0 clamp(25px,5svh,58px);
}
.RP_method-layout { width:100%; }
.RP_method h2 {
  font-size:clamp(34px,min(4.2vw,6.6svh),67px);
  margin-bottom:clamp(12px,2.5svh,30px);
}
.RP_method-mark { margin-top:clamp(12px,4svh,52px);width:clamp(75px,10svh,125px); }
.RP_process { max-width:min(100%,max(280px,calc((100svh - 220px)*1.06)),630px); }

/* FAIXA 03 — a pirâmide e sua legenda devem caber JUNTAS. */
.RL_ST2_section.RP_integration {
  min-height:100vh;
  min-height:100svh;
  padding-block:clamp(96px,12svh,132px) clamp(20px,4svh,49px);
}
.RP_integration .RL_ST2_layout { width:100%; }
.RP_integration .RL_ST2_visual {
  max-width:min(100%,max(320px,calc((100svh - 248px)*1.05)),690px);
}
.RP_integration-title {
  font-size:clamp(33px,min(3.55vw,6.4svh),59px);
  margin-bottom:clamp(12px,2.6svh,31px);
}
.RP_integration-note { margin-top:clamp(18px,3.3svh,45px); }

/* FAIXA 04 — CTA centralizado verticalmente no viewport. */
.RP_cta {
  min-height:100vh;
  min-height:100svh;
  padding:clamp(107px,15svh,154px) 0 clamp(30px,5svh,58px);
}
.RP_cta h2 { font-size:clamp(39px,min(5vw,8svh),80px); }

/* TABLET: texto e gráficos empilhados, controlados por altura. */
@media (max-width:990px) {
  .RP_hero-grid {
    gap:clamp(0px,1.4svh,13px);
    padding-top:clamp(100px,13svh,139px);
    padding-bottom:clamp(6px,1svh,13px);
  }
  .RP_hero h1 { font-size:clamp(37px,min(7.3vw,6.4svh),70px); }
  .RP_hero-art {
    width:min(95%,max(230px,calc((100svh - 345px)*1.12)),630px);
    max-width:630px;
    margin-top:0;
  }
  .RP_hero-bottom { margin-top:0; }
  .RP_method {
    padding-top:clamp(98px,12svh,121px);
    padding-bottom:clamp(21px,3svh,38px);
  }
  .RP_method-layout { gap:clamp(14px,2.8svh,31px); }
  .RP_method h2 { font-size:clamp(34px,min(6vw,5.8svh),60px); }
  .RP_method-heading { padding-top:0; }
  .RP_process { max-width:min(100%,max(260px,calc((100svh - 325px)*1.1)),610px); }
  .RL_ST2_section.RP_integration {
    padding-block:clamp(95px,11svh,118px) clamp(15px,3svh,34px);
  }
  .RP_integration .RL_ST2_layout { gap:clamp(10px,2svh,22px); }
  .RP_integration .RL_ST2_visual {
    max-width:min(100%,max(255px,calc((100svh - 425px)*1.06)),580px);
  }
  .RP_integration-title { font-size:clamp(32px,min(5.7vw,5.6svh),56px); }
  .RP_integration .RP_integration-note { margin-top:clamp(12px,2svh,24px); }
  .RP_cta { padding-top:clamp(100px,14svh,148px); }
}

/* CELULAR: evitar que a arte extrapole o próprio painel e cortar vértices. */
@media (max-width:600px) {
  .RP_hero-grid {
    padding-top:clamp(97px,12svh,116px);
    padding-bottom:clamp(4px,1svh,12px);
    gap:0;
  }
  .RP_eyebrow { margin-bottom:clamp(10px,1.5svh,18px); }
  .RP_hero h1 {
    font-size:clamp(32px,min(9vw,5.6svh),51px);
    margin-bottom:clamp(11px,1.9svh,20px);
  }
  .RP_hero-description { font-size:clamp(13px,3.6vw,15px);line-height:1.53; }
  .RP_hero-art {
    width:min(100%,max(215px,calc((100svh - 358px)*1.13)),450px);
    max-width:450px;
    margin:0 auto;
  }
  .RP_diagram-caption { right:2%; }
  .RP_hero-bottom { padding-block:10px; }
  .RP_method {
    padding-top:clamp(94px,11svh,112px);
    padding-bottom:clamp(23px,4svh,39px);
  }
  .RP_method-layout { gap:clamp(8px,1.8svh,18px); }
  .RP_method h2 { font-size:clamp(29px,min(8vw,5svh),47px);margin-bottom:clamp(10px,1.7svh,16px); }
  .RP_method-heading p { font-size:clamp(13px,3.7vw,15px);line-height:1.5; }
  .RP_process { max-width:min(100%,max(255px,calc((100svh - 330px)*1.14)),420px);padding-block:clamp(20px,3svh,35px); }
  .RL_ST2_section.RP_integration {
    padding:clamp(96px,11svh,118px) 20px clamp(15px,3svh,29px);
  }
  .RP_integration-title { font-size:clamp(28px,min(8vw,5svh),45px);margin-bottom:clamp(9px,1.7svh,19px); }
  .RP_integration-copy { font-size:clamp(13px,3.6vw,15px);line-height:1.52; }
  .RP_integration-note { margin-top:clamp(10px,2svh,20px); }
  .RP_integration .RL_ST2_layout { gap:clamp(5px,1svh,15px); }
  .RP_integration .RL_ST2_visual {
    max-width:min(100%,max(225px,calc((100svh - 445px)*1.07)),400px);
  }
  .RP_integration .RL_ST2_detail { min-height:clamp(78px,12svh,99px); }
  .RP_cta { padding:clamp(97px,12svh,119px) 0 clamp(26px,4svh,42px); }
  .RP_cta-layout { gap:clamp(22px,4svh,35px); }
  .RP_cta h2 { font-size:clamp(35px,min(9vw,6svh),54px); }
}

/* Telas muito baixas: nunca use altura fixa nem transform que esconda dados. */
@media (max-height:560px) {
  .RP_hero-grid { padding-top:98px;padding-bottom:7px; }
  .RP_hero-art { width:min(100%,max(215px,calc((100svh - 295px)*1.05))); }
  .RP_method { padding-block:93px 23px; }
  .RP_method-mark { display:none; }
  .RP_process { max-width:min(100%,max(255px,calc((100svh - 285px)*1.15))); }
  .RL_ST2_section.RP_integration { padding-block:95px 22px; }
  .RP_integration .RL_ST2_visual { max-width:min(100%,max(225px,calc((100svh - 385px)*1.05))); }
  .RP_cta { padding-block:100px 27px; }
}


/* ================================================================
   REPORTA — REVISÃO PONTUAL: TIPOGRAFIA E ENQUADRAMENTO
   Mantém as quatro faixas, cores restantes, diagramas e interações.
   ================================================================ */
/* Somente os textos de navegação REAL TECH & CO / FRENTES e submenu. */
.RL_BAR_topbar .RL_BAR_nav ul li > a,
.RL_BAR_topbar .RL_BAR_frentes-menu > summary,
.RL_BAR_topbar .RL_BAR_frentes-popover a {
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Primeira faixa: título ampliado, respeitando a altura disponível.
   O branco de “Informação clara.” e o tom escuro de “fundamentadas.”
   permanecem; somente “Decisões” recebe o ocre profundo da Reporta. */
.RP_hero h1 {
  font-size: clamp(43px, min(5.1vw, 7.8svh), 88px);
  line-height: 1.105;
}
.RP_hero h1 .RP_hero-decisions { color: #72500A; }
.RP_hero h1 .RP_hero-highlight { color: #35270D; }

/* Segunda faixa: margens laterais simétricas e recuo interno à esquerda;
   ocupa toda a altura da tela, centralizada sem cortar o diagrama. */
.RP_method {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding-top: clamp(100px, 12svh, 136px);
  padding-bottom: clamp(24px, 4svh, 46px);
}
.RP_method > .RP_container {
  width: min(calc(100% - 2 * clamp(30px, 6vw, 98px)), var(--RP_max));
}
.RP_method-heading {
  padding-left: clamp(12px, 2.2vw, 36px);
}
.RP_method h2 {
  font-size: clamp(42px, min(4.65vw, 7.5svh), 75px);
  line-height: 1.12;
}
.RP_method-heading p {
  font-size: clamp(18px, 1.37vw, 21px);
  line-height: 1.57;
}

@media (max-width: 990px) {
  .RP_hero h1 { font-size: clamp(42px, min(7.9vw, 7.3svh), 76px); }
  .RP_method {
    padding-top: clamp(97px, 11svh, 116px);
    padding-bottom: clamp(22px, 3svh, 37px);
  }
  .RP_method-layout { gap: clamp(14px, 2.4svh, 28px); }
  .RP_method-heading { padding-left: clamp(8px, 2vw, 21px); }
  .RP_method h2 { font-size: clamp(38px, min(6.8vw, 6svh), 65px); }
  .RP_method-heading p { font-size: clamp(17px, 2.4vw, 20px); }
}
@media (max-width: 600px) {
  .RP_hero h1 {
    font-size: clamp(36px, min(9.5vw, 6.2svh), 55px);
    line-height: 1.13;
  }
  .RP_method {
    padding-top: clamp(88px, 10.5svh, 110px);
    padding-bottom: clamp(20px, 3svh, 34px);
  }
  .RP_method > .RP_container {
    width: calc(100% - 2 * clamp(20px, 5.4vw, 29px));
  }
  .RP_method-heading { padding-left: clamp(8px, 2.5vw, 14px); }
  .RP_method h2 {
    font-size: clamp(33px, min(9.2vw, 6svh), 50px);
    line-height: 1.13;
    margin-bottom: clamp(9px, 1.6svh, 16px);
  }
  .RP_method-heading p { font-size: clamp(16px, 4vw, 18px); line-height: 1.5; }
  .RP_process {
    max-width: min(100%, max(255px, calc((100svh - 355px) * 1.14)), 420px);
    padding-block: clamp(12px, 2svh, 25px);
  }
}
@media (max-height: 560px) {
  .RP_method { padding-top: 91px; padding-bottom: 22px; }
  .RP_method h2 { font-size: clamp(30px, min(4.5vw, 6svh), 52px); }
  .RP_method-heading p { font-size: 16px; }
  .RP_process { max-width: min(100%, max(255px, calc((100svh - 310px) * 1.15))); }
}


/* ================================================================
   REPORTA — AJUSTE PONTUAL / TÍTULO, MENU FIXO E RESPIRAÇÃO
   Respeita os diagramas e as quatro faixas da versão aprovada.
   ================================================================ */
/* O título cresce em telas amplas, mas é limitado pela altura visível
   e reduzido em celulares para manter toda a palavra legível. */
.RP_hero h1 {
  font-size: clamp(46px, min(5.8vw, 8.7svh), 86px);
}

/* Marca e botões da barra fixa: mesma família tipográfica solicitada.
   Este bloco vem DEPOIS do override Segoe UI da revisão anterior. */
.RL_BAR_topbar .RL_HD_brand__word,
.RL_BAR_topbar .RL_BAR_nav ul li > a,
.RL_BAR_topbar .RL_BAR_frentes-menu > summary,
.RL_BAR_topbar .RL_BAR_frentes-popover a {
  font-family: "LINE Seed JP", "Inter", "Segoe UI", Arial, sans-serif;
}
.RL_BAR_topbar .RL_HD_brand__word {
  font-size: clamp(18px, 1.65vw, 23px);
}
.RL_BAR_topbar .RL_BAR_nav ul li > a,
.RL_BAR_topbar .RL_BAR_frentes-menu > summary {
  font-size: clamp(13px, .95vw, 15px);
  font-weight: 700;
  letter-spacing: .055em;
}
.RL_BAR_topbar .RL_BAR_frentes-popover a {
  font-size: 12px !important;
}
@media (max-width: 1199px) {
  .RL_BAR_topbar .RL_BAR_nav ul li > a,
  .RL_BAR_topbar .RL_BAR_frentes-menu > summary { font-size: 15px; }
  .RL_BAR_topbar .RL_HD_brand__word { font-size: 19px; }
}
@media (max-width: 990px) {
  .RP_hero h1 { font-size: clamp(44px, min(8.5vw, 7.7svh), 80px); }
}
@media (max-width: 600px) {
  .RP_hero h1 { font-size: clamp(37px, min(10.8vw, 7.2svh), 58px); }
  .RL_BAR_topbar .RL_HD_brand__word { font-size: 16px; }
}
@media (max-width: 380px) {
  .RP_hero h1 { font-size: clamp(36px, min(10.6vw, 7.2svh), 44px); }
}

/* ================================================================
   REPORTA | BARRA FIXA — TIPOGRAFIA DA REFERÊNCIA REALIZA
   Apenas hierarquia visual: nome espaçado, subtítulo menor e links
   discretos. Mantém cores, fundo, logo, tamanhos gerais da barra,
   animações, CTA e comportamentos responsivos aprovados.
   ================================================================ */
.RL_BAR_topbar .RL_HD_brand__type {
  gap: 5px;
}
.RL_BAR_topbar .RL_HD_brand__word {
  font-family: "LINE Seed JP", "Inter", "Segoe UI", Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(18px, 1.6vw, 21px);
  letter-spacing: .26em;
  line-height: 1;
  white-space: nowrap;
}
.RL_BAR_topbar .RL_HD_brand__caption {
  font-family: "LINE Seed JP", "Inter", "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(8px, .77vw, 10px);
  letter-spacing: .11em;
  line-height: 1.35;
}
.RL_BAR_topbar .RL_BAR_nav ul li > a,
.RL_BAR_topbar .RL_BAR_frentes-menu > summary {
  font-family: "LINE Seed JP", "Inter", "Segoe UI", Arial, sans-serif;
  font-size: clamp(12px, .98vw, 13px);
  font-weight: 500;
  letter-spacing: .045em;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .RL_BAR_topbar .RL_HD_brand__word {
    font-size: 19px;
  }
  .RL_BAR_topbar .RL_BAR_nav ul li > a,
  .RL_BAR_topbar .RL_BAR_frentes-menu > summary {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .RL_BAR_topbar .RL_HD_brand__word {
    font-size: 16px;
    letter-spacing: .2em;
  }
  .RL_BAR_topbar .RL_HD_brand__caption {
    font-size: 7px;
    letter-spacing: .08em;
  }
}


/* ==============================================================
   REPORTA — REVISÃO FAIXA 02 + ENTRADAS NAS QUATRO SEÇÕES
   1) Mantém as conexões e os vértices do SVG original; os textos
      ficam soltos e associados aos três pontos, sem cartões.
   2) As entradas são ativadas só com JS + IntersectionObserver.
      Falha de JS e preferência por movimento reduzido: tudo visível.
   3) NÃO altera a animação respiratória do diagrama da faixa 01.
   ============================================================== */
/* Triângulo limpo: removidos fundo, bordas, sombra e recortes dos
   antigos retângulos. Colocamos as legendas FORA das arestas. */
.RP_method .RP_step,
.RP_method .RP_step:hover {
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  z-index:2;
  width:clamp(115px,28%,180px);
  min-height:0;
  padding:0;
  gap:5px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  clip-path:none;
  text-align:center;
  transform:translate(-50%,0);
  transition:none;
}
.RP_method .RP_step--observar {left:50%;top:2.5%}
.RP_method .RP_step--validar {left:19.3333%;top:82.5%}
.RP_method .RP_step--analisar {left:80.6667%;top:82.5%}
.RP_method .RP_step h3 {
  font-size:clamp(17px,1.55vw,22px);
  line-height:1.22;
  letter-spacing:-.025em;
  color:#FFFEF7;
}
.RP_method .RP_step p {
  max-width:180px;
  font-size:clamp(10px,.87vw,12px);
  line-height:1.43;
  color:#F0EBDD;
}
/* Um respiro para as legendas inferiores não colidirem com a faixa. */
.RP_method .RP_process {padding-bottom:clamp(12px,2svh,26px)}
@media(max-width:600px) {
  .RP_method .RP_process {padding-block:clamp(9px,1.6svh,20px) clamp(21px,3svh,32px)}
  .RP_method .RP_step,
  .RP_method .RP_step:hover {width:clamp(85px,28%,122px);gap:3px}
  .RP_method .RP_step--observar {top:2%}
  .RP_method .RP_step--validar,
  .RP_method .RP_step--analisar {top:80.5%}
  .RP_method .RP_step h3 {font-size:clamp(13px,3.8vw,17px)}
  .RP_method .RP_step p {font-size:clamp(9px,2.4vw,11px);line-height:1.33}
}
@media(max-width:380px) {
  .RP_method .RP_step,
  .RP_method .RP_step:hover {width:clamp(80px,27%,108px)}
  .RP_method .RP_step h3 {font-size:13px}
  .RP_method .RP_step p {font-size:9px}
}

/* Entrada progressiva: preserva os movimentos geométricos internos.
   Classe RP_animate só aparece em navegadores com IO e sem redução. */
.RP_animate .RP_reveal {
  opacity:1;
  transform:none;
  transition:
    opacity .95s cubic-bezier(.2,.75,.2,1),
    transform .95s cubic-bezier(.2,.75,.2,1);
  transition-delay:var(--RP_enter-delay,0ms);
}
.RP_animate .RP_reveal:not(.RP_visible) {
  opacity:0;
  transform:translate3d(0,28px,0);
}
.RP_animate .RP_reveal--left:not(.RP_visible) {transform:translate3d(-28px,17px,0)}
.RP_animate .RP_reveal--right:not(.RP_visible) {transform:translate3d(28px,17px,0)}
.RP_animate .RP_reveal--late {--RP_enter-delay:130ms}
/* A animação de entrada da pirâmide nesta página é conduzida pelo
   mesmo observador das demais faixas. O JS das frentes continua a
   controlar somente a sua animação geométrica / interações. */
.RP_page #frentes.RL_ST2_hasMotion .RL_ST2_copy,
.RP_page #frentes.RL_ST2_hasMotion .RL_ST2_visual {animation:none}
.RP_animate .RP_page #frentes.RL_ST2_hasMotion .RP_reveal:not(.RP_visible) {
  opacity:0;
}
.RP_animate .RP_page #frentes.RL_ST2_hasMotion .RP_reveal.RP_visible {
  opacity:1;
  transform:none;
}
/* Os rótulos entram em sequência sem alterar o posicionamento absoluto
   relativo aos vértices da figura nem o loop das partículas. */
.RP_animate .RP_process.RP_visible .RP_step {
  animation:RP_stepEnter .75s cubic-bezier(.2,.75,.2,1) both;
}
.RP_animate .RP_process.RP_visible .RP_step--observar {animation-delay:.18s}
.RP_animate .RP_process.RP_visible .RP_step--validar {animation-delay:.31s}
.RP_animate .RP_process.RP_visible .RP_step--analisar {animation-delay:.44s}
@keyframes RP_stepEnter {
  from {opacity:0;transform:translate(-50%,12px)}
  to {opacity:1;transform:translate(-50%,0)}
}
@media(prefers-reduced-motion:reduce) {
  .RP_page .RP_reveal,
  .RP_page .RP_reveal:not(.RP_visible) {
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .RP_page .RP_step {animation:none!important}
}