@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/poppins-latin-400-normal.woff2") format("woff2"); }
    @font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/poppins-latin-500-normal.woff2") format("woff2"); }
    @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/poppins-latin-600-normal.woff2") format("woff2"); }
    @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/poppins-latin-700-normal.woff2") format("woff2"); }

    
    :root {
      --teal: #024A5A;          
      --teal-900: #013A47;      
      --teal-link: #025E71;     
      --gold: #C0A671;          
      --gold-dark: #8C7444;     
      --sand: #EEEBE4;          
      --sand-light: #F6F4EF;    
      --sand-mid: #EFEDE7;      
      --field: #FBFBFA;         
      --line: #E1E7E8;          
      --ink: #33474D;           
      --muted: #6B7B80;         
      --muted-2: #7B8E94;       
      --strong: #4C6068;        
      
      --ct4: #C0392B; --ct4-t: #8E2A20; --ct4-bg: rgba(192,57,43,.13);
      --ct3: #C08A2E; --ct3-t: #8A6018; --ct3-bg: rgba(192,138,46,.16);
      --ct2: #C0A671; --ct2-t: #7A6636; --ct2-bg: rgba(192,166,113,.24);
      
      --ct1: #7E8C93; --ct1-t: #566268; --ct1-bg: rgba(126,140,147,.16);
      --ct0: #1D9E75; --ct0-t: #1C6E4F; --ct0-bg: rgba(29,158,117,.16);
      --alerta-t: #9A5B23; --alerta-bg: rgba(192,138,46,.13);
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0; font-family: "Poppins", system-ui, sans-serif;
      background: var(--sand); color: var(--ink); line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
    h1, h2, h3, h4, p, ul, figure, table, address { margin: 0; }
    ul { padding: 0; list-style: none; }
    table { border-collapse: collapse; width: 100%; }
    img { display: block; }
    a { color: var(--teal-link); text-decoration: none; }
    a:hover { color: var(--gold-dark); }
    button { font-family: inherit; }
    summary::-webkit-details-marker { display: none; }
    
    [hidden] { display: none !important; }

    
    :where(a, button, input, select, textarea, summary):focus-visible {
      outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 4px;
    }

    
    section[id] { scroll-margin-top: 84px; }

    .pular {
      position: absolute; left: -9999px; top: 0; z-index: 80;
      background: var(--gold); color: var(--teal-900); font-weight: 600;
      padding: 12px 20px; border-radius: 0 0 10px 0;
    }
    .pular:focus { left: 0; }

    .wrap { max-width: 1220px; margin: 0 auto; padding: 0 28px; }
    .wrap-estreito { max-width: 860px; margin: 0 auto; padding: 0 28px; }
    .sec { padding: 112px 0; }
    .sec-escura { position: relative; overflow: hidden; background: var(--teal); color: #fff; }
    .sec-clara { background: var(--sand); }
    .sec-branca { background: #fff; }

    .eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-dark); }
    .eyebrow-ouro { color: var(--gold); }
    .num-secao {
      font-size: clamp(44px, 6vw, 76px); font-weight: 700; line-height: .8; letter-spacing: -.04em;
      color: transparent; -webkit-text-stroke: 1.5px rgba(192,166,113,.85);
    }
    .cab { display: flex; align-items: flex-start; gap: 28px; margin-bottom: 22px; }
    .cab h2 { margin-top: 14px; font-size: clamp(29px, 4vw, 48px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em; color: var(--teal-900); max-width: 27ch; text-wrap: balance; }
    .sec-escura .cab h2 { color: #fff; max-width: 27ch; }
    .cab p { margin-top: 16px; font-size: 16.5px; color: var(--muted); max-width: 50ch; text-wrap: pretty; }
    .sec-escura .cab p { color: rgba(255,255,255,.78); max-width: 58ch; }

    .btn {
      display: inline-flex; align-items: center; gap: 10px; justify-content: center;
      font-weight: 600; font-size: 15.5px; padding: 16px 30px; border-radius: 999px;
      border: 0; cursor: pointer; transition: transform .18s, box-shadow .18s, border-color .18s, color .18s;
    }
    .btn svg { width: 18px; height: 18px; flex: none; }
    .btn-ouro { background: var(--gold); color: var(--teal-900); box-shadow: 0 14px 30px rgba(192,166,113,.32); }
    .btn-ouro:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(192,166,113,.44); color: var(--teal-900); }
    .btn-fantasma { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.34); }
    .btn-fantasma:hover { border-color: var(--gold); color: var(--gold); }
    
    .btn:active { transform: translateY(1px); }

    
    
    #topo-header { position: fixed; top: 0; left: 0; right: 0; z-index: 60; padding: 0; background: var(--teal); }
    .bar {
      max-width: 2400px; margin: 0 auto; background: rgba(2,74,90,.94);
      -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255,255,255,.10); border-radius: 0;
      transition: max-width .4s cubic-bezier(.33,1,.68,1), border-radius .4s cubic-bezier(.33,1,.68,1),
                  box-shadow .4s cubic-bezier(.33,1,.68,1), background .4s;
    }
    .bar-in {
      max-width: 1220px; margin: 0 auto; padding: 0 28px; height: 74px;
      display: flex; align-items: center; justify-content: space-between; gap: 20px;
      transition: height .4s cubic-bezier(.33,1,.68,1), padding .4s cubic-bezier(.33,1,.68,1);
    }
    
    .bar-in > a:first-child { display: flex; align-items: center; min-height: 44px; }
    
    
    .bar-in img { height: 40px; width: auto; }
    @media (max-width: 430px) { .bar-in img { height: 34px; } }
    @media (max-width: 360px) { .bar-in img { height: 29px; } }
    
    .nav-links { display: flex; gap: 28px; font-size: 13.5px; font-weight: 500; }
    .nav-links a { white-space: nowrap; }
    .nav-links a { color: rgba(255,255,255,.78); }
    .nav-links a:hover { color: #fff; }
    .btn-nav {
      display: inline-flex; align-items: center; gap: 9px; background: var(--gold); color: var(--teal-900);
      font-weight: 600; font-size: 14px; padding: 11px 22px; border-radius: 999px; white-space: nowrap;
      box-shadow: 0 10px 24px rgba(192,166,113,.3); transition: transform .18s;
    }
    .btn-nav:hover { transform: translateY(-1px); color: var(--teal-900); }
    
    .nav-portal {
      margin-left: 22px; padding-left: 22px; border-left: 1px solid rgba(255,255,255,.16);
      font-size: 13.5px; font-weight: 500; color: rgba(255,255,255,.78); white-space: nowrap;
      transition: color .18s;
    }
    .nav-portal:hover { color: #fff; }
    
    @media (max-width: 1179px) { .nav-portal { display: none !important; } }
    .espacador { height: 74px; background: var(--teal); }

    
    .btn-menu {
      display: none; flex: none; width: 46px; height: 46px; align-items: center; justify-content: center;
      padding: 0; border-radius: 14px; border: 1px solid rgba(255,255,255,.24);
      background: rgba(255,255,255,.07); color: #fff; cursor: pointer;
    }
    .btn-menu > span { position: relative; display: block; width: 19px; height: 13px; }
    .btn-menu i { position: absolute; left: 0; width: 19px; height: 2px; border-radius: 2px; background: #fff; }
    .btn-menu i:nth-child(1) { top: 0; transition: transform .3s cubic-bezier(.33,1,.68,1); }
    .btn-menu i:nth-child(2) { top: 5.5px; transition: opacity .2s; }
    .btn-menu i:nth-child(3) { top: 11px; transition: transform .3s cubic-bezier(.33,1,.68,1); }
    .btn-menu[aria-expanded="true"] i:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
    .btn-menu[aria-expanded="true"] i:nth-child(2) { opacity: 0; }
    .btn-menu[aria-expanded="true"] i:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }
    
    .gaveta { max-height: 0; overflow: hidden; transition: max-height .42s cubic-bezier(.33,1,.68,1); }
    .gaveta nav { display: grid; gap: 2px; padding: 4px 24px 20px; }
    .gaveta > nav > a { font-size: 16px; font-weight: 600; color: #fff; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.10); }
    .gaveta-cta { margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 9px; background: var(--gold); color: var(--teal-900) !important; font-weight: 600; font-size: 15.5px; padding: 15px 22px; border-radius: 999px; border-bottom: 0 !important; }
    .gaveta-par { margin-top: 14px; display: flex; gap: 10px; }
    .gaveta-par a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff; font-size: 14px; font-weight: 600; }
    .gaveta-par svg { width: 16px; height: 16px; }

    
    .barra-mob {
      display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; gap: 10px;
      padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
      background: rgba(1,58,71,.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
      border-top: 1px solid rgba(255,255,255,.13);
      transition: transform .32s cubic-bezier(.33,1,.68,1);
    }
    .barra-mob a { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; padding: 14px 10px; border-radius: 999px; }
    .barra-mob svg { width: 17px; height: 17px; flex: none; }
    .barra-mob .mob-wa { background: var(--gold); color: var(--teal-900); }
    .barra-mob .mob-orc { background: transparent; border: 1.5px solid rgba(255,255,255,.34); color: #fff; }

    
    .vit-fechar-mob {
      display: none; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: 9px;
      margin-top: 4px; font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.72);
      background: transparent; border: 1.5px solid rgba(255,255,255,.24); border-radius: 999px; cursor: pointer;
    }
    .vit-mais { transition: transform .4s cubic-bezier(.22,1,.36,1); }

    
    #topo { padding: 74px 0 0; }
    .hero-pattern {
      position: absolute; inset: 0;
      background: url("/assets/pattern-gold.svg") no-repeat right -240px top -210px;
      background-size: 1180px; opacity: .11;
      -webkit-mask-image: radial-gradient(86% 96% at 84% 12%, #000 8%, rgba(0,0,0,.45) 46%, transparent 82%);
      mask-image: radial-gradient(86% 96% at 84% 12%, #000 8%, rgba(0,0,0,.45) 46%, transparent 82%);
    }
    .hero-halo { position: absolute; right: -200px; top: -180px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(192,166,113,.20), transparent 62%); }
    .hero .wrap { position: relative; z-index: 1; }
    .hero-grid {
      position: relative; display: grid;
      
      grid-template-columns: minmax(0, 33rem);
      align-items: center; min-height: 640px;
    }
    
    .hero-txt { padding: 0 0 92px; }
    .badge-crea {
      display: inline-flex; align-items: center; gap: 10px; padding: 7px 15px 7px 9px;
      border: 1px solid rgba(255,255,255,.20); border-radius: 999px; font-size: 11.5px; font-weight: 600;
      letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.82);
    }
    .badge-crea i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
    
    .hero:not(.hero-produto) h1 { margin-top: 24px; font-size: clamp(38px, 5.1vw, 74px); font-weight: 700; line-height: 1.0; letter-spacing: -.035em; color: #fff; }
    .hero h1 em { font-style: normal; color: var(--gold); }
    .hero-lead { margin-top: 26px; max-width: 38ch; font-size: 18.5px; line-height: 1.55; color: rgba(255,255,255,.82); text-wrap: pretty; }
    .hero-botoes { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }

    
    #ajuste { position: fixed; right: 18px; bottom: 18px; z-index: 999; width: 288px; max-height: 82vh; overflow: auto; background: var(--teal-900); border: 1px solid rgba(192,166,113,.4); border-radius: 14px; box-shadow: 0 24px 60px rgba(1,20,26,.5); color: #fff; padding: 14px 16px 16px; }
    #ajuste header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.14); }
    #ajuste header b { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
    #ajuste header button { background: none; border: 0; color: rgba(255,255,255,.6); font-size: 20px; line-height: 1; cursor: pointer; }
    #ajuste h4 { margin-top: 14px; font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.5); }
    #ajuste label { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 10px; margin-top: 9px; font-size: 12.5px; color: rgba(255,255,255,.82); }
    #ajuste label b { font-size: 12px; font-weight: 600; color: var(--gold); font-variant-numeric: tabular-nums; }
    #ajuste input[type=range] { grid-column: 1 / -1; width: 100%; height: 22px; accent-color: var(--gold); }
    #ajuste footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.14); display: flex; gap: 8px; }
    #ajuste footer button { flex: 1; padding: 9px 10px; border-radius: 9px; border: 1px solid rgba(192,166,113,.5); background: rgba(192,166,113,.16); color: #fff; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
    #ajuste footer button:hover { background: rgba(192,166,113,.3); }
    #ajuste-aviso { margin-top: 10px; font-size: 11.5px; line-height: 1.45; color: rgba(255,255,255,.55); }

    
    .hero {
      
      
      --palco-w: 61%; --foto-fade: 48; --foto-zoom: 106; --foto-x: 100%; --foto-op: 88;
      
      
      
      
      
      
      --ela-r: 31%; --ela-h: 97%; --card-l: 20%; --card-b: 30%;
      
      --sh-l: 12%; --sh-r: 26%; --sh-t: 11%; --sh-b: 168px;
    }
    .hero-palco { position: absolute; right: 0; top: 0; bottom: 0; width: var(--palco-w); }
    .hero-foto { position: absolute; inset: 0; overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.3) calc(var(--foto-fade) * .38%), #000 calc(var(--foto-fade) * 1%));
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.3) calc(var(--foto-fade) * .38%), #000 calc(var(--foto-fade) * 1%));
    }
    .hero-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--foto-x) var(--foto-y, 50%); opacity: calc(var(--foto-op) / 100); transform: scale(calc(var(--foto-zoom) / 100)) translateZ(0); backface-visibility: hidden; }
    
    .hero-quadro {
      
      --centro: translateY(0);
      position: absolute;
      left: var(--sh-l); right: var(--sh-r); top: var(--sh-t); bottom: var(--sh-b);
      width: auto; height: auto; transform: var(--centro);
      
      max-width: 560px; margin-inline: auto;
      
      border: 3.5px solid rgba(192,166,113,.85);
    }
    .hero-cenario-veu { position: absolute; inset: 0; background: linear-gradient(200deg, rgba(1,58,71,.06), rgba(1,58,71,.3)); }
    
    .hero .hero-pattern-txt { background-size: 720px; background-position: left -170px top -130px; opacity: .075;
      -webkit-mask-image: radial-gradient(72% 82% at 10% 16%, #000 8%, transparent 78%);
      mask-image: radial-gradient(72% 82% at 10% 16%, #000 8%, transparent 78%); }
    .hero-linha { display: flex; align-items: center; gap: 16px; }
    .hero-linha span { font-size: 11.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
    .hero-linha i { height: 1px; flex: 1; max-width: 130px; background: rgba(192,166,113,.5); }
    .hero-link { font-size: 15.5px; font-weight: 600; color: #fff; border-bottom: 1px solid rgba(255,255,255,.45); padding-bottom: 4px; transition: color .2s, border-color .2s; }
    .hero-link:hover { color: var(--gold); border-color: var(--gold); }
    
    .hero-recorte { position: absolute; bottom: 0; width: auto; max-width: none; filter: drop-shadow(0 26px 46px rgba(1,30,38,.42)); backface-visibility: hidden; }
    .hero-retrato-cartao { position: absolute; left: var(--card-l); right: auto; bottom: var(--card-b); top: auto; z-index: 3; background: #fff; border-radius: 14px; padding: 16px 20px 15px; box-shadow: 0 20px 44px rgba(1,30,38,.34); }
    .hero-retrato-cartao b { display: block; font-size: 16px; font-weight: 600; color: var(--teal-900); }
    .hero-retrato-cartao span { display: block; font-size: 16px; font-weight: 700; color: var(--gold-dark); }
    .hero-retrato-cartao i { display: block; margin-top: 11px; width: 44px; height: 2px; background: var(--gold); }

    .comparador {
      position: relative; aspect-ratio: 5/4; border-radius: 22px; overflow: hidden;
      border: 1px solid rgba(255,255,255,.16); box-shadow: 0 34px 80px rgba(1,30,38,.55);
      cursor: ew-resize; user-select: none; -webkit-user-select: none; background: #0d3b46;
      
      touch-action: pan-y;
    }
    .comparador img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    
    .camada-anotada { position: absolute; inset: 0; clip-path: inset(0 0 0 50%); will-change: clip-path; transform: translateZ(0); }
    
    .camada-anotada img { filter: saturate(.72) contrast(1.06); }
    .veu-anotado { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(1,40,49,.20), rgba(1,40,49,.30)); }
    
    .pin { position: absolute; left: var(--l, 0%); display: flex; align-items: center; gap: 9px; max-width: calc(100% - var(--l, 0%) - 14px); }
    
    
    
    .pin[data-pin="1"] { --l: 57%; top: 14%; }
    .pin[data-pin="2"] { --l: 81%; top: 46%; }
    
    .pin[data-pin="3"] { --l: 65%; top: 76%; flex-direction: column-reverse; align-items: flex-start; gap: 7px; }
    
    
    .pin[data-pin="2"] { left: auto; right: calc(100% - var(--l)); flex-direction: column-reverse; align-items: flex-end; gap: 7px; }
    .pin span { overflow: hidden; text-overflow: ellipsis; }
    .pin em { font-style: normal; }
    .pin i { width: 13px; height: 13px; border-radius: 50%; border: 2px solid #fff; flex: none; }
    .pin span { background: rgba(1,40,49,.92); color: #fff; font-size: 11px; font-weight: 600; padding: 6px 10px; border-radius: 8px; white-space: nowrap; }
    
    
    .rotulo-canto {
      position: absolute; top: 14px; font-size: 9.5px; font-weight: 700;
      letter-spacing: .14em; text-transform: uppercase;
      background: rgba(1,40,49,.38); padding: 5px 10px; border-radius: 6px;
      -webkit-backdrop-filter: blur(9px) saturate(.85); backdrop-filter: blur(9px) saturate(.85);
    }
    .alca { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: var(--gold); box-shadow: 0 0 18px rgba(192,166,113,.7); }
    .alca span {
      position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 44px; height: 44px;
      border-radius: 50%; background: var(--gold); box-shadow: 0 6px 20px rgba(1,30,38,.45);
      display: grid; place-items: center; color: var(--teal-900); font-size: 13px; font-weight: 700;
    }
    .dica-arraste {
      position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 9px;
      padding: 12px; background: linear-gradient(transparent, rgba(1,40,49,.72)); font-size: 11.5px; font-weight: 600;
      letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.82); pointer-events: none;
    }
    
    .dica-arraste i { display: inline-block; animation: rp-nudge 1.6s ease-in-out 6; }
    .comparador-legenda { margin-top: 16px; display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: rgba(255,255,255,.58); }
    .comparador-legenda i { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); flex: none; }
    
    .comparador-faixa { margin: 0; }
    
    .vist { position: relative; overflow: hidden; }
    .vist-trilha { position: relative; }
    
    .vist-palco { padding: 0; }
    .vist-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
    .vist-txt { align-self: center; padding: 104px 56px 104px max(24px, calc((100vw - 1240px) / 2)); }
    
    
    .vist-meia { position: relative; align-self: stretch; min-height: min(84vh, 780px); }
    .vist .comparador { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; border: 0; box-shadow: none; }
    .vist-ilustra { position: absolute; left: 16px; bottom: 14px; z-index: 4; font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.78); background: rgba(1,40,49,.6); padding: 5px 9px; border-radius: 7px; }
    .vist-acao { margin-top: 30px; }
    .vist-txt h2 { margin-top: 16px; font-size: clamp(30px,3.6vw,52px); font-weight: 700; line-height: 1.02; letter-spacing: -.035em; color: #fff; }
    .vist-txt { position: relative; }
    .vist-txt h2 em { font-style: normal; color: var(--gold); }
    .vist.revelada .vist-txt h2 em { opacity: 1; }
    .vist-lead { margin-top: 16px; max-width: 40ch; font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,.76); }
    .vist-passos { margin-top: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: stretch; }
    .vp { display: flex; gap: 11px; align-items: flex-start; min-height: 88px; padding: 14px 14px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(1,58,71,.5); transition: border-color .45s ease, background .45s ease, transform .45s ease; }
    .vp.on { border-color: rgba(192,166,113,.5); background: rgba(192,166,113,.16); }
    .vp i { flex: none; width: 10px; height: 10px; border-radius: 3px; margin-top: 6px; }
    .vp b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.25; color: #fff; }
    .vp span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.4; color: rgba(255,255,255,.62); }
    .vist-figura { position: absolute; inset: 0; margin: 0; }
    .mesa-nota { margin-top: 26px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14.5px; color: rgba(255,255,255,.74); }
    .mesa-nota i { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); flex: none; }
    .mesa-nota a { color: var(--gold); font-weight: 600; }
    
    @media (max-width: 1060px) {
      
      .vist-grid { grid-template-columns: 1fr; }
      
      .vist-meia { order: -1; aspect-ratio: 4/4.4; min-height: 0; }
      
      .vist-ilustra { bottom: 46px; font-size: 9.5px; padding: 4px 8px; }
      .vist-passos { grid-template-columns: 1fr; }
      .vp { min-height: 0; }
      .vist-txt { padding: 40px 20px 64px; }
      .vist-txt .num-secao { display: none !important; }
    }

    
    .semaforo { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: rgba(255,255,255,.12); border-radius: 20px; overflow: hidden; box-shadow: 0 28px 64px rgba(1,30,38,.34); }
    .sf { background: var(--teal-900); padding: 24px 20px 22px; display: flex; flex-direction: column; gap: 9px; }
    .sf i { width: 34px; height: 4px; border-radius: 2px; background: var(--c); }
    .sf b { font-size: clamp(30px, 3.4vw, 46px); font-weight: 700; line-height: 1; letter-spacing: -.03em; color: #fff; }
    .sf span { font-size: 13px; font-weight: 600; color: var(--gold); }
    .sf em { font-style: normal; font-size: 12.5px; line-height: 1.45; color: rgba(255,255,255,.66); }
    .evidencia { margin-top: 22px; display: grid; grid-template-columns: .86fr 1.14fr; background: var(--sand-light); border-radius: 20px; overflow: hidden; box-shadow: 0 28px 64px rgba(1,30,38,.3); }
    .evidencia figure { position: relative; margin: 0; min-height: 320px; }
    .evidencia figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .evidencia figcaption { position: absolute; left: 16px; bottom: 14px; font-size: 11px; font-weight: 600; letter-spacing: .06em; color: #fff; background: rgba(1,40,49,.74); padding: 6px 10px; border-radius: 8px; }
    .evidencia > div { padding: 32px 34px 34px; }
    .evidencia h3 { margin-top: 12px; font-size: clamp(20px, 2.3vw, 27px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: var(--teal-900); }
    .evidencia > div > p { margin-top: 12px; font-size: 14.5px; color: var(--muted); max-width: 52ch; }
    .mesa-nota { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14.5px; color: rgba(255,255,255,.74); }
    .mesa-nota i { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); flex: none; }
    .mesa-nota a { color: var(--gold); font-weight: 600; }
    @media (max-width: 1060px) {
      .semaforo { grid-template-columns: 1fr 1fr; }
      .evidencia { grid-template-columns: 1fr; }
      .evidencia figure { min-height: 240px; }
      .evidencia > div { padding: 24px 22px 26px; }
    }
    @media (max-width: 560px) {
      .semaforo { grid-template-columns: 1fr; }
      .sf { flex-direction: row; align-items: center; gap: 14px; padding: 16px 18px; }
      .sf i { width: 4px; height: 30px; }
      .sf b { font-size: 26px; min-width: 34px; }
      .sf em { display: none; }
    }

    
    .selos-hero::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: -1px; left: 50%; transform: translateX(-50%); width: 100vw; background: var(--teal); }
    .selos-hero { position: relative; z-index: 2; margin-top: 0; padding: 26px 0 32px; border-top: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: repeat(4,1fr); gap: 26px; }
    .selos-hero > div { display: flex; align-items: center; gap: 13px; }
    .selos-hero svg { flex: none; width: 24px; height: 24px; color: var(--gold); }
    .selos-hero b { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); flex: none; }
    .selos-hero span { font-size: 14.5px; color: rgba(255,255,255,.84); }
    .selo-sep { padding-left: 26px; border-left: 1px solid rgba(255,255,255,.13); }

    
    #ticker { background: var(--gold); color: var(--teal-900); overflow: hidden; padding: 13px 0; }
    .ticker-linha {
       display: flex; width: max-content; gap: 44px; padding-left: 44px; font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; animation: rp-marquee 34s linear infinite; }

    
    
    .vitrine { display: flex; gap: 14px; height: 560px; transition: height .62s cubic-bezier(.22,1,.36,1); }
    
    .vit-card {
      position: relative; flex: 1; overflow: hidden; border-radius: 18px; background: var(--teal);
      box-shadow: 0 14px 40px rgba(1,40,49,.18); will-change: flex-grow; contain: paint;
      
      transition: flex .62s cubic-bezier(.22,1,.36,1), opacity .4s ease, margin .62s cubic-bezier(.22,1,.36,1),
                  height .62s cubic-bezier(.22,1,.36,1), box-shadow .62s cubic-bezier(.22,1,.36,1);
    }
    
    .vit-card[data-hover] { transition-duration: .34s; transition-timing-function: cubic-bezier(.33,1,.68,1); }
    .vit-face { position: absolute; inset: 0; display: flex; flex-direction: column; border: 0; padding: 0; background: transparent; cursor: pointer; text-align: left; transition: opacity .34s ease; }
    .vit-foto { position: relative; display: block; flex: 1; min-height: 0; }
    
    .vit-foto img { position: absolute; top: 0; bottom: 0; left: 50%; width: 480px; max-width: none; height: 100%; object-fit: cover; transform: translateX(-50%) translateZ(0); will-change: transform; backface-visibility: hidden; }
    
    
    .vit-veu { position: absolute; inset: 0 0 -1px 0; background: linear-gradient(180deg, rgba(2,74,90,.20) 0%, rgba(2,74,90,.14) 48%, rgba(2,74,90,.78) 82%, var(--teal) 96%, var(--teal) 100%); }
    .vit-mais { position: absolute; right: 16px; top: 16px; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.34); display: grid; place-items: center; color: #fff; font-size: 18px; line-height: 1; }
    
    .vit-txt { display: block; padding: 6px 24px 26px; width: var(--vit-w, 100%); min-width: 210px; }
    .vit-traco { display: block; width: 30px; height: 2px; background: var(--gold); border-radius: 2px; }
    .vit-eyebrow { display: block; margin-top: 14px; font-size: 11px; font-weight: 700; letter-spacing: .18em; color: var(--gold); }
    .vit-titulo { display: block; margin-top: 9px; min-height: 2.2em; font-size: 24px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; color: #fff; }
    .vit-resumo { display: block; margin-top: 11px; min-height: 4.65em; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.7); }
    .vit-rodape { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.16); }
    .vit-rodape span { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
    .vit-prazo { color: rgba(255,255,255,.66); }
    .vit-ver { color: var(--gold); }
    
    .vit-det { position: absolute; inset: 0; width: var(--vit-w-aberta, 100%); display: grid; grid-template-columns: .68fr 1.32fr; opacity: 0; pointer-events: none; transition: opacity .42s ease .16s; }
    .vit-det-foto { position: relative; }
    .vit-det-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    
    .vit-det-foto div { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,74,90,.24), rgba(2,74,90,.92)); }
    .vit-det-foto span { position: absolute; left: 26px; top: 26px; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--teal-900); background: var(--gold); padding: 7px 13px; border-radius: 999px; }
    .vit-det-txt { padding: 44px 46px 40px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
    .vit-det-txt h3 { font-size: clamp(26px,3vw,36px); font-weight: 700; letter-spacing: -.025em; line-height: 1.05; color: #fff; padding-right: 140px; }
    .vit-det-txt > p { margin-top: 16px; font-size: 16px; color: rgba(255,255,255,.8); max-width: 52ch; text-wrap: pretty; }
    .vit-ctrl { position: absolute; right: 18px; top: 18px; display: flex; gap: 8px; }
    .vit-ctrl button { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.26); color: #fff; font-size: 15px; cursor: pointer; transition: background .2s; }
    .vit-ctrl button:hover { background: rgba(255,255,255,.26); }
    .vit-fechar { background: var(--gold) !important; border: 0 !important; color: var(--teal-900) !important; font-size: 18px !important; transition: transform .25s !important; }
    .vit-fechar:hover { transform: rotate(90deg); }
    .vit-duplo { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
    .vit-duplo b { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
    .vit-duplo ul { margin-top: 12px; display: grid; gap: 9px; }
    .vit-duplo li { position: relative; padding-left: 20px; font-size: 14px; color: rgba(255,255,255,.82); }
    .vit-duplo li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; border-radius: 2px; background: var(--gold); }
    
    
    .vit-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
    .chip-ouro { font-size: 12.5px; font-weight: 600; color: var(--gold); border: 1px solid rgba(192,166,113,.45); padding: 8px 14px; border-radius: 999px; }
    .vit-acoes { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.13);
      display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
    
    .vit-acoes .btn { margin-left: 0; font-size: 15px; padding: 14px 26px; }
    
    .vit-servico { display: block; margin-top: 9px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
    .vit-duvida { margin-top: 34px; text-align: center; font-size: 14.5px; color: var(--muted-2); }
    .vit-duvida a { color: var(--muted); border-bottom: 1px solid rgba(2,74,90,.22); padding-bottom: 2px; transition: color .2s, border-color .2s; }
    .vit-duvida a:hover { color: var(--teal-link); border-color: var(--gold); }
    .cab-linha { max-width: none !important; }
    
    .vit-card .vit-titulo { font-size: clamp(21px, 1.7vw, 27px); line-height: 1.08; letter-spacing: -.025em; }
    .vit-card .vit-servico { margin-top: 10px; font-size: 11px; }
    .vit-card .vit-resumo { margin-top: 12px; font-size: 16px; line-height: 1.5; max-width: 26ch; }
    .vit-card .vit-rodape { margin-top: 20px; padding-top: 16px; }
    .vit-card .vit-prazo, .vit-card .vit-ver { font-size: 13.5px; }

    
    .laudo { display: grid; grid-template-columns: 236px 1fr; background: var(--teal-900); border-radius: 24px; overflow: hidden; box-shadow: 0 34px 76px rgba(1,30,38,.34); }
    .laudo-aside { padding: 28px 22px; border-right: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; gap: 22px; }
    .laudo-aside nav { display: flex; flex-direction: column; gap: 6px; }
    .laudo-tab { position: relative; display: block; width: 100%; text-align: left; border: 0; background: transparent; font-size: 13.5px; font-weight: 600; color: #fff; padding: 13px 14px; border-radius: 10px; cursor: pointer; }
    .laudo-tab[aria-selected="true"]::before { content: ""; position: absolute; inset: 0; background: rgba(192,166,113,.20); border-left: 3px solid var(--gold); border-radius: 10px; }
    .laudo-tab span { position: relative; }
    .laudo-art { margin-top: auto; display: flex; align-items: center; gap: 11px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
    .laudo-art b { flex: none; font-size: 10px; font-weight: 700; letter-spacing: .08em; color: var(--teal-900); background: var(--gold); border-radius: 7px; padding: 6px 8px; }
    .laudo-art span { font-size: 11.5px; line-height: 1.4; color: rgba(255,255,255,.6); }
    .laudo-papel { background: var(--sand-light); padding: 30px 34px 34px; min-height: 470px; }
    .laudo-cab { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
    .laudo-cab b { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-dark); }
    .laudo-cab span { font-size: 11.5px; color: var(--muted-2); white-space: nowrap; }
    .laudo-painel { padding-top: 26px; }
    .laudo-painel h3 { font-size: 23px; font-weight: 700; letter-spacing: -.015em; color: var(--teal-900); }
    .laudo-painel > p { margin-top: 10px; font-size: 14.5px; color: var(--muted); max-width: 56ch; }
    .laudo-barra { display: flex; height: 16px; border-radius: 999px; overflow: hidden; margin-top: 26px; }
    .laudo-linhas { margin-top: 22px; display: grid; gap: 2px; }
    .laudo-linha { display: flex; align-items: center; gap: 14px; background: #fff; padding: 14px 18px; }
    .laudo-linha:first-child { border-radius: 10px 10px 2px 2px; }
    .laudo-linha:last-child { border-radius: 2px 2px 10px 10px; }
    .laudo-linha i { width: 10px; height: 10px; border-radius: 3px; flex: none; }
    .laudo-linha b { font-size: 14.5px; font-weight: 600; color: var(--teal-900); }
    .laudo-linha em { font-style: normal; font-size: 13.5px; color: var(--muted); }
    .laudo-linha strong { margin-left: auto; font-size: 17px; font-weight: 700; }
    .laudo-amb { display: flex; align-items: center; gap: 16px; background: #fff; padding: 15px 18px; }
    .laudo-amb b { font-size: 14.5px; font-weight: 600; color: var(--teal-900); min-width: 150px; }
    .laudo-amb em { font-style: normal; font-size: 13px; color: var(--muted); }
    .laudo-amb span { margin-left: auto; font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 999px; }
    .laudo-ficha { padding-top: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
    .laudo-foto { position: relative; aspect-ratio: 4/3; border-radius: 14px; overflow: hidden; background: #0d3b46; }
    .laudo-foto img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7); }
    .laudo-foto .veu { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,74,90,.14), rgba(1,40,49,.36)); }
    .laudo-foto .marca { position: absolute; left: 16%; top: 20%; width: 34%; height: 38%; border: 2px dashed var(--ct4); border-radius: 4px; }
    .laudo-foto .reg { position: absolute; left: 12px; bottom: 11px; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.82); }
    .chip-ct { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .07em; padding: 5px 11px; border-radius: 999px; }
    .laudo-rec { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
    .laudo-rec b { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-dark); }
    .laudo-rec p { margin-top: 7px; font-size: 14.5px; color: var(--ink); }
    .chip-ctx { font-size: 12px; font-weight: 600; color: var(--teal-link); background: rgba(2,74,90,.07); padding: 7px 13px; border-radius: 999px; }

    
    .cred-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; }
    .cred-foto { position: relative; }
    .cred-foto > div { border-radius: 20px; overflow: hidden; box-shadow: 0 28px 64px rgba(1,30,38,.22); }
    .cred-foto img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
    .carimbo {
      position: absolute; right: -22px; bottom: -24px; width: 132px; height: 132px; border-radius: 50%;
      background: var(--teal-900); border: 3px solid rgba(255,255,255,.92); box-shadow: 0 16px 38px rgba(1,40,49,.34);
      display: grid; place-items: center; transform: rotate(-8deg);
    }
    .carimbo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    .cred-foto .carimbo { border-radius: 50%; overflow: hidden; }
    .cred-linha { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
    .cred-linha:last-child { border-bottom: 0; }
    .cred-selo { flex: none; min-width: 58px; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--teal-900); background: var(--gold); border-radius: 8px; padding: 7px 9px; height: fit-content; }
    .cred-linha b { display: block; font-size: 15.5px; color: var(--teal-900); }
    .cred-linha span { display: block; margin-top: 4px; font-size: 14px; color: var(--muted); }
    .tabela-wrap { margin-top: 72px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
    .tabela { font-size: 14px; }
    .tabela thead tr { background: var(--sand-light); }
    .tabela th { text-align: left; padding: 18px; font-size: 13px; font-weight: 600; color: var(--muted); }
    .tabela th:first-child { padding: 18px 22px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-dark); }
    .tabela th:last-child { padding: 18px 22px; font-size: 13px; font-weight: 700; color: var(--teal-900); background: rgba(192,166,113,.16); }
    .tabela tbody tr { border-top: 1px solid var(--line); }
    .tabela td { padding: 16px 18px; color: var(--muted-2); }
    .tabela td:first-child { padding: 16px 22px; font-weight: 600; color: var(--teal-900); }
    .tabela td:last-child { padding: 16px 22px; font-weight: 600; color: var(--ct0-t); background: rgba(192,166,113,.08); }

    
    .trilho { display: flex; align-items: flex-start; }
    .trilho > button { flex: 1; text-align: left; background: transparent; border: 0; padding: 0 18px 0 0; cursor: pointer; }
    .trilho > button:last-child { flex: none; width: 190px; padding-right: 0; }
    .trilho-topo { display: flex; align-items: center; gap: 10px; }
    .trilho-bola { position: relative; flex: none; width: 38px; height: 38px; border-radius: 50%; border: 2px solid rgba(2,74,90,.22); display: grid; place-items: center; font-size: 13px; font-weight: 700; color: var(--teal-900); }
    .trilho-bola::before { content: ""; position: absolute; inset: -2px; border-radius: 50%; background: var(--gold); box-shadow: 0 8px 20px rgba(192,166,113,.42); opacity: 0; transition: opacity .3s; }
    .trilho-bola b { position: relative; }
    .trilho > button[aria-selected="true"] .trilho-bola::before,
    .trilho > button.atingido .trilho-bola::before { opacity: 1; }
    .trilho-fio { flex: 1; height: 3px; border-radius: 999px; background: rgba(2,74,90,.14); position: relative; }
    
    .trilho-fio em { position: absolute; inset: 0; border-radius: 999px; background: var(--gold); transform: scaleX(0); transform-origin: left center; transition: transform .45s cubic-bezier(.22,1,.36,1); }
    .trilho-rot { display: block; margin-top: 14px; font-size: 15px; font-weight: 600; color: var(--teal-900); }
    .passo-painel { margin-top: 36px; background: #fff; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: 0 18px 46px rgba(1,40,49,.08); }
    .passo { display: grid; grid-template-columns: 1.02fr .98fr; min-height: 352px; }
    .passo-txt { padding: 44px 44px 40px; }
    .passo-txt h3 { margin-top: 14px; font-size: clamp(24px,2.8vw,34px); font-weight: 700; line-height: 1.08; letter-spacing: -.025em; color: var(--teal-900); }
    .passo-txt > p { margin-top: 14px; font-size: 16px; color: var(--muted); max-width: 44ch; text-wrap: pretty; }
    .passo-txt ul { margin-top: 22px; display: grid; gap: 11px; }
    .passo-txt li { position: relative; padding-left: 24px; font-size: 14.5px; color: var(--strong); }
    .passo-txt li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 2px; background: var(--gold); }
    .passo-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-dark); }
    .passo-vis { position: relative; background: var(--sand-mid); padding: 34px; border-left: 1px solid var(--line); }
    .balao-cliente { align-self: flex-end; max-width: 78%; background: #D9F1D3; border-radius: 14px 14px 4px 14px; padding: 12px 15px; font-size: 13.5px; color: #1E3A2B; box-shadow: 0 3px 10px rgba(1,40,49,.07); }
    .balao-eng { align-self: flex-start; max-width: 82%; background: #fff; border-radius: 14px 14px 14px 4px; padding: 12px 15px; font-size: 13.5px; color: var(--ink); box-shadow: 0 3px 10px rgba(1,40,49,.07); }
    .chip-claro { font-size: 12.5px; font-weight: 600; color: var(--teal-link); background: rgba(2,74,90,.07); padding: 7px 13px; border-radius: 999px; }

    
    
    .orc { display: grid; grid-template-columns: .62fr 1.38fr; gap: 30px; align-items: start; }
    .orc-aside { position: sticky; top: 96px; background: var(--teal-900); border-radius: 22px; padding: 26px 24px; box-shadow: 0 26px 60px rgba(1,30,38,.34); }
    .orc-aside h3 { margin-top: 14px; font-size: 21px; font-weight: 700; letter-spacing: -.015em; color: #fff; line-height: 1.2; }
    .orc-tab { margin-top: 20px; display: grid; gap: 1px; background: rgba(255,255,255,.12); border-radius: 12px; overflow: hidden; }
    .orc-tab > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; background: var(--teal-900); padding: 13px 15px; }
    .orc-tab span { font-size: 13px; color: rgba(255,255,255,.66); }
    .orc-tab b { font-size: 14px; font-weight: 600; color: #fff; text-align: right; }
    .orc-aside ul { margin-top: 20px; display: grid; gap: 10px; }
    .orc-aside li { position: relative; padding-left: 22px; font-size: 13.5px; color: rgba(255,255,255,.74); }
    .orc-aside li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; border-radius: 2px; background: var(--gold); }
    .orc-nota { margin-top: 18px; font-size: 11.5px; line-height: 1.55; color: rgba(255,255,255,.48); }
    .orc-form { background: #fff; border-radius: 22px; padding: 44px 44px 36px; box-shadow: 0 32px 70px rgba(1,30,38,.3); }
    .orc-progresso { display: flex; align-items: center; gap: 12px; }
    .orc-progresso > b { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-dark); white-space: nowrap; }
    .orc-trilhos { flex: 1; display: flex; gap: 5px; }
    
    .orc-trilhos i { position: relative; flex: 1; height: 4px; border-radius: 999px; background: var(--line); overflow: hidden; }
    .orc-trilhos i::after { content: ""; position: absolute; inset: 0; border-radius: 999px; background: var(--gold); transform: scaleX(0); transform-origin: left center; transition: transform .42s cubic-bezier(.22,1,.36,1); }
    .orc-trilhos i.on::after { transform: scaleX(1); }
    .orc-passo { margin-top: 24px; }
    .orc-passo h3 { font-size: 23px; font-weight: 700; letter-spacing: -.015em; color: var(--teal-900); }
    .orc-passo > p { margin-top: 7px; font-size: 14px; color: var(--muted); }
    .orc-opcoes { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .orc-opt { position: relative; text-align: left; background: var(--field); border: 1px solid var(--line); border-radius: 14px; padding: 17px 18px; cursor: pointer; }
    .orc-opt[aria-pressed="true"]::before { content: ""; position: absolute; inset: 0; border: 2px solid var(--gold); border-radius: 14px; background: rgba(192,166,113,.10); }
    .orc-opt b { position: relative; display: block; font-size: 15px; font-weight: 600; color: var(--teal-900); }
    .orc-opt span { position: relative; display: block; margin-top: 4px; font-size: 12.5px; color: var(--muted); }
    .campo { display: flex; flex-direction: column; gap: 7px; }
    .campo label, .rotulo { font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
    .campo input, .campo select, .campo textarea {
      font-family: inherit; font-size: 14.5px; color: var(--ink); border: 1px solid var(--line);
      border-radius: 10px; padding: 12px 13px; background: var(--field); width: 100%;
    }
    .campo textarea { resize: vertical; min-height: 84px; }
    
    .campo-dica { margin-top: -1px; font-size: 12px; line-height: 1.45; color: var(--muted-2); text-transform: none; letter-spacing: 0; font-weight: 400; }

    
    .orc-pronto { text-align: center; padding: 8px 0 4px; }
    .orc-pronto-selo { width: 54px; height: 54px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; font-size: 25px; color: #fff; background: var(--ok, #1f8a5f); box-shadow: 0 12px 28px rgba(31,138,95,.28); }
    .orc-pronto h3 { margin-top: 18px; font-size: 23px; font-weight: 700; letter-spacing: -.015em; color: var(--teal-900); }
    .orc-pronto > p { margin: 9px auto 0; font-size: 14.5px; color: var(--muted); max-width: 42ch; }
    .orc-pronto-tel { margin-top: 22px; text-align: left; }
    .orc-pronto-tel label { font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
    .orc-pronto-linha { margin-top: 7px; display: flex; gap: 10px; }
    .orc-pronto-linha input { flex: 1; min-width: 0; font-family: inherit; font-size: 14.5px; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 12px 13px; background: var(--field); }
    .orc-pronto-linha .btn { flex: none; padding: 13px 22px; font-size: 14.5px; }
    .orc-pronto-acoes { margin-top: 20px; display: flex; justify-content: center; }
    .orc-pronto-acoes .btn-fantasma { color: var(--teal-900); border-color: var(--line); }
    .orc-pronto-acoes .btn-fantasma:hover { border-color: var(--gold); color: var(--gold-dark); }
    
    .orc-dupla { margin-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 14px; }
    .orc-area-topo { display: flex; align-items: baseline; justify-content: space-between; }
    .orc-area-topo b { font-size: 19px; font-weight: 700; color: var(--teal-900); }
    .orc-range { width: 100%; margin-top: 12px; accent-color: var(--gold); }
    .orc-ancoras { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--muted-2); }
    .orc-acoes { margin-top: 24px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
    .btn-voltar { font-size: 14.5px; font-weight: 600; color: var(--muted); background: transparent; border: 1.5px solid var(--line); border-radius: 999px; padding: 13px 22px; cursor: pointer; }
    .orc-acoes .btn { flex: 1; min-width: 180px; padding: 15px 28px; box-shadow: 0 12px 28px rgba(192,166,113,.32); }
    .orc-rodape { margin-top: 14px; font-size: 11.5px; color: var(--muted-2); }
    .orc-rodape a { font-weight: 600; }
    .rod-curto { display: none; }

    
    .quem-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 64px; align-items: end; }
    
    
    .quem-cartao { display: grid; grid-template-columns: .8fr 1.2fr; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 28px 64px rgba(1,30,38,.14); }
    .quem-foto { position: relative; margin: 0; }
    .quem-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .quem-carimbo { right: 18px !important; bottom: 18px !important; width: 104px !important; height: 104px !important; }
    .quem-corpo { padding: 52px 52px 46px; }
    .quem-corpo h2 { margin-top: 18px; font-size: clamp(28px,3.3vw,44px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em; color: var(--teal-900); }
    .cred-linhas { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }
    .cred-linhas .cred-linha:first-of-type { padding-top: 12px; }
    .cidades-linha { margin-top: 10px; font-size: 15px; line-height: 1.75; color: var(--muted); text-wrap: pretty; }
    .cidades-linha b { font-weight: 600; color: var(--teal-900); }
    .quem-nota { margin-top: 12px; font-size: 13.5px; color: var(--muted-2); }
    .quem-topo h2 { margin-top: 20px; font-size: clamp(29px,3.6vw,46px); font-weight: 700; line-height: 1.02; letter-spacing: -.035em; color: var(--teal-900); }
    .cred-faixa { margin-top: 60px; padding-top: 36px; border-top: 1px solid var(--line); display: grid; grid-template-columns: .8fr 2.2fr; gap: 40px; align-items: start; }
    .cred-faixa h3 { font-size: clamp(20px,2.3vw,26px); font-weight: 700; letter-spacing: -.02em; line-height: 1.15; color: var(--teal-900); }
    .cred-faixa > div > p { margin-top: 10px; font-size: 15px; color: var(--muted); text-wrap: pretty; }
    .cred-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .cred-card { background: var(--sand); border-radius: 12px; padding: 18px 18px 20px; }
    .cred-card .cred-selo { display: inline-block; margin-bottom: 12px; }
    .cred-card b { display: block; font-size: 15px; line-height: 1.28; color: var(--teal-900); }
    .cred-card > span:last-child { display: block; margin-top: 7px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
    .retrato { position: relative; width: 100%; max-width: 420px; margin: 0 auto; padding-top: 17%; }
    .retrato-halo { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); width: 104%; aspect-ratio: 1/1; border-radius: 50%; background: radial-gradient(circle, rgba(192,166,113,.42), rgba(192,166,113,0) 66%); }
    .retrato-moldura { position: relative; aspect-ratio: 1122/1140; border-radius: 26px; overflow: hidden; box-shadow: 0 26px 60px rgba(1,40,49,.20); }
    .retrato-moldura img { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }
    .retrato-moldura div { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,74,90,.10), rgba(2,74,90,0) 45%); }
    
    .retrato-recorte { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; filter: drop-shadow(0 18px 26px rgba(1,40,49,.28)); pointer-events: none; }
    .retrato-cartao { position: absolute; right: -8%; bottom: 12%; background: #fff; border-radius: 14px; padding: 13px 17px; box-shadow: 0 16px 38px rgba(1,40,49,.18); }
    .retrato-cartao b { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-dark); }
    .retrato-cartao span { display: block; margin-top: 3px; font-size: 14px; font-weight: 600; color: var(--teal-900); }
    .traco-ouro { width: 56px; height: 3px; background: var(--gold); border-radius: 2px; margin-top: 16px; }
    .quem-grid h2 { margin-top: 20px; font-size: clamp(30px,4vw,50px); font-weight: 700; line-height: 1.02; letter-spacing: -.035em; color: var(--teal-900); }
    .quem-bio { margin-top: 20px; font-size: 17.5px; color: var(--strong); max-width: 52ch; text-wrap: pretty; }
    .quem-onde { margin-top: 32px; padding-top: 26px; border-top: 1px solid var(--line); }
    .cidades { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 9px; }
    .cidade { font-size: 13px; font-weight: 600; color: var(--teal-link); background: rgba(2,74,90,.07); padding: 8px 15px; border-radius: 999px; }
    .cidade-forte { color: #fff; background: var(--teal-link); }

    
    .faq-cab { text-align: center; margin-bottom: 44px; }
    
    .faq-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 0 44px; align-items: start; }
    #faq .wrap-estreito { max-width: 1120px; }
    .faq-cab h2 { margin-top: 14px; font-size: clamp(28px,3.8vw,44px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em; color: var(--teal-900); }
    .faq-cab .traco-ouro { margin: 20px auto 0; }
    
    details { border-bottom: 1px solid rgba(2,74,90,.16); }
    
    .faq-corpo { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .36s cubic-bezier(.22,1,.36,1); }
    .faq-corpo > div { min-height: 0; overflow: hidden; }
    details[open] .faq-corpo { grid-template-rows: 1fr; }
    details.rp-fechando .faq-corpo { grid-template-rows: 0fr; }
    details summary { position: relative; cursor: pointer; list-style: none; padding: 22px 46px 22px 0; font-size: 17px; font-weight: 600; color: var(--teal-900); transition: color .2s; }
    details summary:hover { color: var(--gold-dark); }
    details summary::after {
      content: "+"; position: absolute; right: 6px; top: 50%;
      transform: translateY(-50%) rotate(0deg); transform-origin: 50% 50%;
      font-size: 24px; font-weight: 300; line-height: 1; color: var(--gold-dark);
      transition: transform .36s cubic-bezier(.22,1,.36,1);
    }
    details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
    
    details.rp-fechando summary::after { transform: translateY(-50%) rotate(0deg); }
    .faq-corpo > p { overflow: hidden; min-height: 0; padding: 0 40px 24px 0; margin-top: -4px; font-size: 15.5px; color: var(--muted); }
    
    #faq { padding-bottom: 0; }
    
    .cta-final { margin: 68px calc(50% - 50vw) 0; width: 100vw; text-align: center; background: var(--sand); border-radius: 0; padding: 62px 24px 66px; }
    .cta-final h3 { font-size: clamp(24px,3.2vw,34px); font-weight: 700; line-height: 1.1; letter-spacing: -.025em; color: var(--teal-900); max-width: 20ch; margin: 0 auto; }
    .cta-final p { margin: 14px auto 0; font-size: 16px; color: var(--muted); max-width: 48ch; }
    .cta-final .btn-fantasma { color: var(--teal-900); border-color: rgba(2,74,90,.28); }
    .cta-final .btn-fantasma:hover { color: var(--teal-900); border-color: var(--gold); background: rgba(192,166,113,.14); }
    .cta-final div { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }

    
    .b2b { position: relative; overflow: hidden; margin: 0 calc(50% - 50vw); width: 100vw; padding: 54px calc(50vw - 50%) 56px; background: var(--sand-light); border-top: 1px solid rgba(2,74,90,.12); }
    
    .b2b-grid { position: relative; display: grid; grid-template-columns: .92fr 1fr 1fr; gap: 40px; align-items: stretch; }
    .b2b-cab { display: flex; flex-direction: column; }
    .b2b-cab h2 { margin-top: 10px; font-size: 23px; font-weight: 700; line-height: 1.16; letter-spacing: -.025em; color: var(--teal-900); }
    .b2b-cab > p { margin-top: 11px; font-size: 14.5px; line-height: 1.6; color: var(--muted); }
    .b2b-fala { margin-top: 18px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--gold-dark); }
    .b2b-fala:hover { color: var(--teal-900); }
    
    .b2b-pe { margin-top: auto; padding-top: 22px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; line-height: 1.7; color: rgba(2,74,90,.42); }
    .b2b-item { position: relative; display: flex; flex-direction: column; padding: 22px 22px 22px 0; border-left: 1px solid rgba(2,74,90,.14); padding-left: 26px; }
    .b2b-item::before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 44px; background: var(--gold); }
    .b2b-num { font-size: 11px; font-weight: 700; letter-spacing: .16em; color: var(--gold-dark); }
    .b2b-item b { display: block; margin-top: 10px; font-size: 17px; font-weight: 600; line-height: 1.24; letter-spacing: -.015em; color: var(--teal-900); }
    .b2b-item p { margin-top: 9px; font-size: 13.5px; line-height: 1.62; color: var(--muted); text-wrap: pretty; }
    .b2b-tags { margin-top: auto; padding-top: 18px; display: flex; flex-wrap: wrap; gap: 7px; }
    .b2b-tags span { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-dark); border: 1px solid rgba(192,166,113,.55); border-radius: 999px; padding: 5px 9px; }
    @media (max-width: 980px) {
      .b2b { padding-top: 38px; padding-bottom: 42px; }
      .b2b-grid { grid-template-columns: 1fr; gap: 4px; }
      .b2b-cab { margin-bottom: 18px; }
      .b2b-pe { display: none; }
      .b2b-item { padding: 18px 0 18px 18px; }
    }

    
    .qa { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; gap: 68px; align-items: center; }
    .qa-foto { position: relative; margin: 0; width: 100%; max-width: 420px; }
    .qa-foto img { display: block; width: 100%; aspect-ratio: 4/4.6; object-fit: cover; object-position: 42% 50%; border-radius: 16px; box-shadow: 0 26px 58px rgba(1,30,38,.18); }
    .qa-selo { position: absolute; right: -14px; bottom: -14px; width: 104px; height: 104px; border-radius: 50%; overflow: hidden; background: var(--teal-900); border: 3px solid #fff; box-shadow: 0 14px 32px rgba(1,40,49,.3); transform: rotate(-8deg); }
    .qa-selo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
    .qa h2 { margin-top: 16px; font-size: clamp(27px,3.1vw,42px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em; color: var(--teal-900); }
    .qa-bio { margin-top: 16px; font-size: 16.5px; line-height: 1.6; color: var(--strong); max-width: 48ch; text-wrap: pretty; }
    .qa-creds { margin-top: 26px; display: grid; }
    .qa-creds > div { display: flex; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line); }
    .qa-creds .cred-selo { min-width: 76px; font-size: 10px; padding: 6px 7px; align-self: flex-start; }
    .qa-creds > div:last-child { border-bottom: 0; }
    .qa-creds b { display: block; font-size: 15px; font-weight: 600; color: var(--teal-900); }
    .qa-creds span:not(.cred-selo) { display: block; margin-top: 3px; font-size: 13.5px; color: var(--muted); }
    .qa-onde { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14.5px; line-height: 1.7; color: var(--muted); }
    .qa-onde > b:first-child { display: block; margin-bottom: 4px; font-size: 10.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-dark); }
    .qa-cidade { font-weight: 600; color: var(--teal-900); }
    
    .qa-onde-praia { display: block; margin-top: 8px; }
    .qa-onde-praia > b { color: var(--gold-dark); font-weight: 700; }
    @media (max-width: 1060px) {
      .qa { grid-template-columns: 1fr !important; gap: 34px; }
      .qa-foto { max-width: 330px; }
      .qa-selo { width: 86px; height: 86px; right: -10px; bottom: -10px; }
      .qa-bio { font-size: 16px; max-width: none; }
    }

    
    footer { background: var(--teal-900); color: rgba(255,255,255,.82); padding: 44px 0 0; }
    
    .pe-topo { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 26px 48px; padding-bottom: 26px; border-bottom: 1px solid rgba(255,255,255,.12); }
    .pe-marca { max-width: 520px; }
    .pe-marca img { height: 36px; width: auto; }
    .pe-marca p { margin-top: 14px; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.6); }
    .pe-acao { display: flex; flex-direction: column; align-items: flex-end; gap: 11px; padding-top: 4px; }
    .pe-acao .pe-selos { justify-content: flex-end; }
    .btn-pe { display: inline-flex; align-items: center; gap: 9px; background: var(--gold); color: var(--teal-900); font-weight: 600; font-size: 13.5px; padding: 10px 20px; border-radius: 999px; transition: transform .18s, box-shadow .18s; }
    .btn-pe:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(192,166,113,.26); color: var(--teal-900); }
    .pe-selos { display: flex; flex-wrap: wrap; gap: 6px; }
    .pe-selos span { font-size: 10px; font-weight: 600; color: var(--gold); border: 1px solid rgba(192,166,113,.32); padding: 5px 11px; border-radius: 999px; }
    .pe-cols { display: grid; grid-template-columns: 1fr 1.35fr 1.1fr; gap: 40px; padding: 26px 0 2px; }
    .pe-cols h2 { font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
    .pe-cols ul { margin-top: 14px; display: grid; gap: 8px; }
    .pe-cidades { grid-template-columns: 1fr 1fr; gap: 8px 18px !important; }
    .pe-cols a { font-size: 13.5px; line-height: 1.3; color: rgba(255,255,255,.76); transition: color .18s; }
    .pe-cidades a { font-size: 13px; color: rgba(255,255,255,.6); }
    .pe-cols a:hover { color: var(--gold); }
    .pe-contato { margin-top: 14px; font-style: normal; display: grid; gap: 9px; }
    .pe-tel { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; letter-spacing: -.01em; color: #fff; }
    .pe-tel:hover { color: var(--gold); }
    .pe-contato a, .pe-contato span { display: flex; align-items: center; gap: 10px; font-size: 13.5px; line-height: 1.3; color: rgba(255,255,255,.76); }
    .pe-ico { flex: none; width: 18px; display: grid; place-items: center; color: var(--gold); }
    .pe-meta { font-size: 12.5px !important; color: rgba(255,255,255,.5) !important; }
    .pe-meta-1 { padding-top: 7px; border-top: 1px solid rgba(255,255,255,.1); }
    
    .pe-legal { margin-top: 26px; padding: 16px 0 20px; border-top: 1px solid rgba(255,255,255,.12); display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; align-items: flex-start; }
    .pe-legal p { font-size: 11.5px; line-height: 1.7; color: rgba(255,255,255,.45); max-width: 70ch; }
    .pe-legal p strong { color: rgba(255,255,255,.8); font-weight: 600; }
    .pe-legal-fim { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; text-align: right; }
    .pe-legal-fim a { font-size: 11.5px; line-height: 1.7; color: rgba(255,255,255,.62); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
    .pe-legal-fim a:hover { color: var(--gold); }
    .pe-legal-fim span { font-size: 11.5px; line-height: 1.7; color: rgba(255,255,255,.34); white-space: nowrap; }

    
    @keyframes rp-pulse { 0% { box-shadow: 0 0 0 0 rgba(192,57,43,.5); } 70% { box-shadow: 0 0 0 13px rgba(192,57,43,0); } 100% { box-shadow: 0 0 0 0 rgba(192,57,43,0); } }
    @keyframes rp-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @keyframes rp-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }

    
    @keyframes rp-abre { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
    
    @keyframes rp-entra-lado { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
    @keyframes rp-abre-foto { from { transform: translateY(14px) scale(.985); } to { transform: none; } }

    
    @keyframes rp-recorte { from { transform: translateY(28px) scale(.99); } to { transform: none; } }
    @keyframes rp-foto-entra { from { transform: scale(1.05); } to { transform: none; } }
    @keyframes rp-quadro { from { opacity: 0; transform: var(--centro, translateY(0)) scale(.96); } to { opacity: 1; transform: var(--centro, translateY(0)); } }
    @keyframes rp-cartao { from { opacity: 0; transform: translateY(12px) scale(.94); } to { opacity: 1; transform: none; } }
    @keyframes rp-ouro { from { opacity: .18; } to { opacity: 1; } }
    @keyframes rp-fio { from { transform: scaleX(0); } to { transform: none; } }

    .hero-linha, .hero h1, .hero .hero-lead, .hero .hero-botoes, .selos-hero > div {
      animation: rp-abre .78s cubic-bezier(.22,1,.36,1) backwards;
    }
    .hero-linha { animation-delay: .04s; }
    .hero-linha i { display: block; transform-origin: left center; animation: rp-fio .8s cubic-bezier(.22,1,.36,1) .3s backwards; }
    .hero h1 { animation-delay: .12s; }
    .hero h1 em { display: inline-block; animation: rp-ouro 1s ease .58s backwards; }
    .hero .hero-lead { animation-delay: .28s; }
    .hero .hero-botoes { animation-delay: .36s; }
    .selos-hero > div { animation-delay: .5s; }
    .selos-hero > div:nth-child(2) { animation-delay: .56s; }
    .selos-hero > div:nth-child(3) { animation-delay: .62s; }
    .selos-hero > div:nth-child(4) { animation-delay: .68s; }
    .hero-quadro { animation: rp-quadro 1.05s cubic-bezier(.22,1,.36,1) .2s backwards; }
    .hero-foto { animation: rp-foto-entra 1.5s cubic-bezier(.22,1,.36,1) .04s backwards; }
    .hero-recorte { animation: rp-recorte 1.1s cubic-bezier(.22,1,.36,1) .06s backwards; }
    .hero-retrato-cartao { animation: rp-cartao .72s cubic-bezier(.22,1,.36,1) .66s backwards; }


    
    html.js-rev [data-rev], html.js-rev [data-rev-filhos] > * { opacity: 0; }
    html.js-rev [data-rev].rev-dentro, html.js-rev [data-rev-filhos] > .rev-dentro {
      animation: rp-entra-lado 1.05s cubic-bezier(.25,.8,.35,1) var(--rev-d, 0ms) both;
    }
    
    @keyframes rp-entra-foto { from { opacity: 0; transform: scale(1.02); } to { opacity: 1; transform: none; } }
    html.js-rev [data-rev="foto"].rev-dentro { animation: rp-entra-foto 1.15s cubic-bezier(.25,.8,.35,1) var(--rev-d, 0ms) both; }

    
    @keyframes rp-entra-frente { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: none; } }
    @keyframes rp-entra-tras { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: none; } }
    .laudo-painel:not([hidden]),
    .orc-form[data-dir="frente"] .orc-passo:not([hidden]) { animation: rp-entra-frente .4s cubic-bezier(.22,1,.36,1) both; }
    .orc-form[data-dir="tras"] .orc-passo:not([hidden]) { animation: rp-entra-tras .4s cubic-bezier(.22,1,.36,1) both; }

    
    @view-transition { navigation: auto; }
    
    #topo-header { view-transition-name: topo; }
    ::view-transition-group(servico) { animation-duration: .58s; animation-timing-function: cubic-bezier(.22,1,.36,1); }
    
    ::view-transition-old(servico), ::view-transition-new(servico) { animation-duration: .3s; }

    @media (prefers-reduced-motion: reduce) {
      * { animation: none !important; transition: none !important; }
      
      ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
      html { scroll-behavior: auto; }
      
      html.js-rev [data-rev], html.js-rev [data-rev-filhos] > * { opacity: 1 !important; transform: none !important; }
    }
    @media print {
      html.js-rev [data-rev], html.js-rev [data-rev-filhos] > * { opacity: 1 !important; transform: none !important; }
    }

    

    
    @media (max-width: 1060px) {
      .hero-grid { min-height: 0; grid-template-columns: 1fr !important; }
      
      .quem-cartao { grid-template-columns: 1fr !important; }
      .quem-foto { min-height: 340px; }
      .quem-corpo { padding: 34px 30px 30px; }
      
      .hero-palco { position: relative; width: 100%; max-width: 480px; margin: 22px auto 0; aspect-ratio: 1/1.1; }
      .hero-foto { -webkit-mask-image: none; mask-image: none; }
      
      
      
      
      .hero-retrato-cartao { left: 8%; right: auto; top: auto; bottom: 15%; }
      .hero-grid, .cred-grid, .quem-grid, .quem-topo, .cred-faixa, .achados, .laudo, .laudo-ficha, .orc, .passo { grid-template-columns: 1fr !important; }
      .achados { gap: 26px; }
      .escala { margin-top: 46px; }
      
      .achados .comparador-faixa { width: 100%; max-width: 620px; margin: 0 auto; }
      .pe-cols { grid-template-columns: repeat(2, 1fr); }
      .esconde-md { display: none !important; }
      
      .btn-nav { margin-left: auto; }
      .nav-links { display: none; }
      .btn-menu { display: inline-flex; }
      .orc { gap: 20px; }
      .orc-aside { position: static; }
      .trilho { flex-wrap: wrap; gap: 22px 12px; }
      .trilho > button { flex: 1 1 40%; width: auto; padding-right: 0; }
      .trilho-fio { display: none; }
      .passo-txt { padding: 32px 26px 28px; }
      .cred-foto { max-width: 520px; }
      .carimbo { right: 10px !important; bottom: 10px !important; width: 110px !important; height: 110px !important; }

      
      .laudo { border-radius: 18px; }
      .laudo-aside { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); padding: 16px; gap: 12px; }
      .laudo-aside nav { gap: 5px; }
      .laudo-tab { min-height: 44px; font-size: 12.5px; padding: 11px 13px; background: rgba(255,255,255,.05); }
      .laudo-art { display: none; }
      .laudo-papel { padding: 22px 18px 26px; min-height: 0; }
      .laudo-ficha { gap: 18px; }

      
      .vitrine { flex-direction: column; height: auto !important; gap: 12px; }
      .vit-card { flex: none !important; height: auto !important; margin: 0 !important; opacity: 1 !important; pointer-events: auto !important; contain: none; }
      .vit-face { position: static; width: 100%; }
      .vit-foto { flex: none; height: 190px; }
      .vit-foto img { width: 100% !important; left: 0 !important; transform: none !important; }
      
      .vit-det { position: static; width: auto; grid-template-columns: 1fr; max-height: 0; overflow: hidden; opacity: 1 !important; transition: max-height .5s cubic-bezier(.22,1,.36,1); }
      .vit-det[data-open] { max-height: 1600px; }
      .vit-det-foto { display: none; }
      .vit-det-txt { padding: 2px 22px 26px; justify-content: flex-start; overflow: visible; }
      .vit-ctrl { display: none; }
      .vit-det h3 { display: none; }             
      .vit-fechar-mob { display: inline-flex; }
      .vit-det > .vit-det-txt > p { font-size: 15px; }
      .vit-duplo { grid-template-columns: 1fr; gap: 18px; }
      .vit-meta { gap: 8px; margin-top: 14px; }
      .vit-meta .chip-ouro { font-size: 12px; padding: 7px 12px; }
      
      .vit-acoes { gap: 14px; margin-top: 20px; padding-top: 18px; flex-direction: column; align-items: stretch; }

      .vit-saiba { align-self: stretch; }
      .vit-acoes .btn { margin-left: 0; width: 100%; justify-content: center; white-space: nowrap; font-size: 14.5px; padding: 15px 16px; }

      
      .btn-pe { padding: 12px 20px; }
      .btn-voltar { padding: 14px 24px; }
      details summary { min-height: 44px; }
      
      .pe-cols a, .pe-contato a { display: inline-flex; align-items: center; min-height: 40px; }
    }
    
    @media (pointer: coarse) {
      .btn-pe { padding: 12px 20px; }
      .btn-voltar { padding: 14px 24px; }
      .orc-range { height: 36px; }
      details summary { min-height: 44px; }
      .pe-cols a, .pe-contato a { display: inline-flex; align-items: center; min-height: 40px; }
    }
    
    @media (max-width: 1060px) { .orc-range { height: 36px; } }

    
    @media (max-width: 820px) {
      .selos-hero { grid-template-columns: 1fr 1fr; gap: 18px 22px; }
      .selo-sep { padding-left: 0; border-left: 0; }
    }

    
    
    @media (max-width: 1060px) {
      .vit-resumo, .vit-traco, .vit-mais, .vit-prazo { display: none !important; }
      .vit-card { position: relative; }
      .vit-face { position: absolute !important; inset: 0; padding: 0; }
      .vit-foto { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; border-radius: 0; }
      .vit-veu { background: linear-gradient(180deg, rgba(2,74,90,.1) 0%, rgba(2,74,90,.5) 42%, rgba(2,74,90,.93) 76%, var(--teal) 100%) !important; }
      .vit-txt { position: absolute; left: 0; right: 0; bottom: 0; width: auto !important; min-width: 0; padding: 52px 18px 16px;
        background: linear-gradient(180deg, rgba(1,58,71,0) 0%, rgba(1,58,71,.72) 38%, rgba(1,58,71,.94) 100%); }
      .vit-eyebrow { margin-top: 0; font-size: 10px; letter-spacing: .15em; color: var(--gold); }
      .vit-titulo { margin-top: 7px; min-height: 0; font-size: 24px; line-height: 1.1; text-shadow: 0 1px 12px rgba(1,30,38,.5); }
      .vit-servico { margin-top: 5px; font-size: 10px; letter-spacing: .13em; }
      
      .vit-rodape { display: none !important; }
      .vit-card::after {
        content: "→"; position: absolute; z-index: 3; right: 14px; bottom: 14px;
        width: 44px; height: 44px; border-radius: 50%; background: var(--gold);
        color: var(--teal-900); display: grid; place-items: center;
        font-size: 18px; font-weight: 700; pointer-events: none;
        box-shadow: 0 8px 20px rgba(1,30,38,.32);
      }
      .vit-txt { padding-right: 70px !important; padding-bottom: 18px !important; }
      
      .vit-card { transition: none !important; will-change: auto !important; }
      .vit-face { opacity: 1 !important; }
    }

    @media (max-width: 700px) {
      .sec { padding: 58px 0; }
      .wrap, .wrap-estreito { padding: 0 20px; }
      .orc-opcoes, .orc-dupla, .pe-cidades { grid-template-columns: 1fr !important; }
      .btn-nav { display: none; }               
      
      .nav-portal { display: none; }
      
      

      
      #topo { padding: 26px 0 0; }
      .hero h1 { font-size: 34px; line-height: 1.04; letter-spacing: -.03em; margin-top: 20px; }
      .hero-lead { font-size: 16px; margin-top: 16px; max-width: none; }
      .hero-botoes { margin-top: 24px; gap: 10px; }

      .hero-botoes > a { flex: 1 1 100%; justify-content: center; padding: 16px 22px; font-size: 15.5px; }
      
      .hero-botoes > a:nth-child(2) { display: none; }
      .comparador { aspect-ratio: 4/3; border-radius: 16px; }
      .comparador-faixa { width: 100%; max-width: 560px; margin: 0 auto; }
      .hero-txt { padding-bottom: 0; }
      
      .hero-linha { display: none; }
      .hero-palco { max-width: 100%; margin-top: 34px; aspect-ratio: 1/1.06; }
      .hero .hero-pattern-txt { background-size: 540px; background-position: left -110px top -80px; opacity: .1; }
      
      .hero-retrato-cartao { left: 12%; right: auto; top: auto; bottom: 19%; padding: 11px 14px 12px; }
      .hero-retrato-cartao b, .hero-retrato-cartao span { line-height: 1.2; }
      .hero-retrato-cartao i { margin-top: 7px; }
      .hero-retrato-cartao b, .hero-retrato-cartao span { font-size: 13.5px; }
      .hero-retrato-cartao i { margin-top: 8px; width: 32px; }
      .hero-link { font-size: 15px; }
      
      .selos-hero { grid-template-columns: 1fr 1fr !important; gap: 12px 16px !important; }
      .selos-hero > div { align-items: center !important; gap: 10px !important; }
      .selos-hero svg { width: 20px; height: 20px; }
      
      .qa { gap: 26px !important; }
      
      .qa-foto { margin: 0 auto; max-width: 268px; }
      .qa-foto img { aspect-ratio: 4/3.6; }
      .qa-selo { width: 76px; height: 76px; right: -8px; bottom: -8px; }
      .cidades-linha { font-size: 14.5px; line-height: 1.7; }
      .cred-linhas { margin-top: 24px; padding-top: 20px; }
      
      .pin span { font-size: 10px; padding: 5px 8px; }
      @media (max-width: 430px) {
        
        .pin[data-pin="1"] { --l: 55.5%; max-width: none; }
        
        .pin[data-pin="2"] { top: 30%; max-width: none; }
        
        .pin[data-pin="2"] span { transform: translateX(calc(51px - 10vw)); }
        
        .pin[data-pin="3"] { --l: 63%; top: 73%; max-width: none; }
        .pin[data-pin="3"] span { transform: translateX(calc(8px - 13vw)); }
      }
      
      @media (max-width: 374px) {
        .pin[data-pin="1"] { --l: 53.5%; top: 15%; }
        .pin[data-pin="2"] { top: 28%; }
      }

      
      .pin-extra { display: none; }
      .rotulo-canto { font-size: 8.5px; letter-spacing: .1em; }
      .selos-hero { grid-template-columns: 1fr; gap: 9px; margin-top: 28px; padding-top: 16px; }
      .selos-hero > div { gap: 10px; align-items: baseline; }
      .selos-hero b { font-size: 10px; letter-spacing: .12em; }
      .selos-hero span { font-size: 13.5px; color: rgba(255,255,255,.66); }
      
      .hero-pattern { background-size: 820px; background-position: right -130px top -120px; opacity: .14;
        -webkit-mask-image: radial-gradient(130% 62% at 76% 10%, #000 12%, rgba(0,0,0,.4) 52%, transparent 84%);
        mask-image: radial-gradient(130% 62% at 76% 10%, #000 12%, rgba(0,0,0,.4) 52%, transparent 84%); }
      #laudo .hero-pattern, #orcamento .hero-pattern { background-size: 820px !important; background-position: left -150px bottom -150px !important; opacity: .13; }

      .ticker-linha { gap: 26px; padding-left: 26px; font-size: 10.5px; letter-spacing: .12em; }
      #ticker { padding: 10px 0; }

      
      .vit-foto { height: 150px; }
      .vit-txt { padding: 4px 20px 20px; min-width: 0; }
      .vit-titulo { font-size: 21px; }
      .vit-resumo { font-size: 13.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
      .vit-rodape { margin-top: 14px; padding-top: 12px; }
      .vit-rodape span { font-size: 12px; }
      .vit-mais { width: 38px; height: 38px; right: 12px; top: 12px; }
      .vit-duplo li { font-size: 14px; }

      
      .laudo-painel h3 { font-size: 20px; line-height: 1.15; }
      .laudo-cab b { font-size: 11px; }
      .laudo-cab span { font-size: 11px; }
      
      .laudo-linha { display: grid; grid-template-columns: auto 1fr auto; column-gap: 11px; row-gap: 3px; align-items: center; padding: 13px 16px; }
      .laudo-linha i { grid-row: 1; }
      .laudo-linha b { grid-row: 1; font-size: 14px; }
      .laudo-linha strong { grid-row: 1; grid-column: 3; margin-left: 0; font-size: 18px; }
      .laudo-linha em { grid-row: 2; grid-column: 2 / 4; font-size: 12.5px; line-height: 1.35; }
      .laudo-amb { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 13px 15px; }
      .laudo-amb b { min-width: 0; flex: 1 1 100%; }

      
      .tabela thead { display: none; }
      .tabela tbody tr { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0 0 14px; border-top: 1px solid var(--line); }
      .tabela tbody tr:first-child { border-top: 0; }
      .tabela td { display: block; grid-row: 2; padding: 12px 10px 0; font-size: 12.5px; line-height: 1.3; background: transparent !important; text-align: left; border-left: 1px solid #EDF0F0; }
      .tabela td:first-child { grid-row: 1; grid-column: 1 / -1; background: var(--sand-light) !important; padding: 13px 18px; font-size: 13.5px; border-left: 0; }
      .tabela td:nth-child(2) { padding-left: 18px; border-left: 0; }
      .tabela td:last-child { padding-right: 18px; }
      .tabela td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 5px; color: #9AA8AC; font-weight: 600; font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; }
      
      .tabela td:last-child[data-label]::before { color: var(--gold-dark); }
      .tabela-wrap { border: 0; border-radius: 0; }
      #credenciais .tabela-wrap { margin-top: 44px; }

      
      .trilho { flex-wrap: nowrap; gap: 0; align-items: center; padding: 2px 2px 0; }
      .trilho > button { flex: 1 1 0; width: auto; padding: 0; min-height: 44px; display: flex; align-items: center; }
      
      .trilho > button:last-child { flex: 0 0 auto; width: auto; }
      .trilho-topo { width: 100%; gap: 8px; }
      .trilho-fio { display: block; }
      .trilho-rot { display: none; }
      .trilho-bola { width: 36px; height: 36px; font-size: 12.5px; }
      .passo { min-height: 0; }
      .passo-txt { padding: 24px 20px 22px; }
      .passo-eyebrow { font-size: 10.5px; letter-spacing: .14em; }
      .passo-txt h3 { font-size: 25px; }
      .passo-txt > p { font-size: 15px; }
      .passo-txt ul { margin-top: 18px; }
      .passo > div:last-child { padding: 22px 20px; border-left: 0; border-top: 1px solid var(--line); min-height: 220px; }

      
      .orc { gap: 16px; }
      .orc-aside { order: 2; padding: 22px 20px; border-radius: 18px; }
      .orc-form { order: 1; padding: 22px 18px; border-radius: 18px; }
      .orc-aside h3 { font-size: 19px; }
      .orc-tab { grid-template-columns: 1fr 1fr; }
      .orc-tab > div { flex-direction: column; align-items: flex-start; gap: 3px; padding: 11px 13px; }
      .orc-tab b { text-align: left; }
      .orc-form h3 { font-size: 21px; }
      
      .campo input, .campo select, .campo textarea { font-size: 16px; padding: 13px; }
      .orc-range { height: 36px; margin-top: 6px; }
      .orc-acoes button { min-height: 48px; }
      
      .orc-acoes { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; }
      .orc-acoes .btn { flex: 1; min-width: 0; justify-content: center; }
      
      .btn-voltar { flex: none; width: 48px; height: 48px; padding: 0; font-size: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; }
      .btn-voltar::before { content: "←"; display: block; font-size: 19px; line-height: 1; color: var(--muted); }
      
      
      .orc-rodape { font-size: 12px; line-height: 1.55; }
      .orc-rodape a { display: inline; padding: 0; }
      .orc-rodape br { display: none; }
      .orc-rodape a[data-wa]::before { content: " · "; color: var(--muted-2); font-weight: 400; }
      .rod-longo { display: none; }
      .rod-curto { display: inline; }

      
      .retrato { max-width: 300px; padding-top: 22%; }

      
      
      .faq-grade { grid-template-columns: 1fr; gap: 0; }
      details summary { font-size: 16px; padding: 18px 46px 18px 0; }
      details summary::after { font-size: 22px; color: var(--gold); }
      details p { font-size: 15px; }
      .cta-final { padding: 44px 20px 48px; margin-top: 48px; }
      .cta-final div > a { flex: 1 1 100%; justify-content: center; }

      
      .pe-topo { flex-direction: column; align-items: flex-start; gap: 22px; }
      .pe-acao { align-items: flex-start; padding-top: 0; }
      .pe-acao .pe-selos { justify-content: flex-start; }
      .pe-cols { grid-template-columns: 1fr !important; gap: 24px; padding-top: 22px; }
      .pe-cols nav ul { display: flex; flex-wrap: wrap; gap: 8px; grid-template-columns: none; margin-top: 13px; }
      .pe-cols nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; font-size: 13px; color: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; }
      .pe-cols nav:nth-of-type(2) a { font-size: 12.5px; color: rgba(255,255,255,.66); }
      .pe-contato { gap: 6px; }
      .pe-contato a { min-height: 44px; align-items: center; }
      
      .pe-legal { flex-direction: column; gap: 10px; }
      .pe-legal-fim { align-items: flex-start; text-align: left; }
      .btn-pe { padding: 13px 22px; font-size: 14.5px; }
      .pe-selos span { font-size: 11px; padding: 6px 12px; }
      .bar-in > a:first-child { padding: 6px 0; }
      .btn { padding: 15px 24px; }
    }

    
    @media (max-width: 380px) {
      .hero h1 { font-size: 30px; }
      .wrap, .wrap-estreito { padding: 0 16px; }
      .bar-in { padding: 0 16px; }
    }

    
    .vit-saiba { align-self: center; font-size: 13.2px; font-weight: 600; color: rgba(255,255,255,.72); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.24); padding-bottom: 2px; }
    .vit-saiba:hover, .vit-saiba:focus-visible { color: var(--gold); border-bottom-color: var(--gold); }

    
    @media (max-width: 900px) {
      .vit-saiba {
        display: flex; align-items: center; justify-content: center; text-align: center;
        
        min-height: 48px; padding: 11px 16px; font-size: 14.5px;
        line-height: 1.3; text-wrap: balance;
        color: #fff; border: 1.5px solid rgba(255,255,255,.34); border-radius: 999px;
      }
      .vit-saiba:hover, .vit-saiba:focus-visible {
        color: var(--teal-900); background: var(--gold); border-color: var(--gold);
      }
      
      .vit-fechar-mob {
        margin-top: 16px; min-height: 40px; border: 0; font-size: 13.5px;
        color: rgba(255,255,255,.55); text-decoration: underline; text-underline-offset: 3px;
      }
    }

    
    @media (max-width: 700px) {
      
      .sec { padding: 42px 0; }

      
      .cab p,
      .cred-faixa > div > p { display: none; }
      .cab h2 { font-size: 25px !important; max-width: 19ch; margin-top: 9px; }
      .quem-topo h2 { font-size: 28px; }
      .cred-cards { grid-template-columns: 1fr; }
      .quem-corpo { padding: 26px 22px 26px; }
      .cab { margin-bottom: 16px !important; }

      
      .vit-card { height: 208px !important; }

      
      #credenciais .tabela-wrap { display: none; }

      
      #quem .cidades { display: block; margin-top: 10px; line-height: 1.75; }
      #quem .cidade {
        display: inline; padding: 0; border-radius: 0; background: none;
        font-size: 14.5px; font-weight: 500; color: var(--muted);
      }
      #quem .cidade-forte { font-weight: 700; color: var(--teal-link); }
      #quem .cidade + .cidade::before { content: " · "; color: var(--gold); font-weight: 700; }

      
      .quem-grid { gap: 22px !important; }
      .retrato { max-width: 236px; padding-top: 13%; }
      .quem-onde { margin-top: 16px; }

      
      .passo-txt { padding: 18px 18px 16px; }
      .passo-txt h3 { font-size: 22px; }
      .passo-txt ul { margin-top: 13px; }
      .passo > div:last-child { padding: 16px 18px; min-height: 168px; }

      
      .orc-aside ul,
      .orc-nota { display: none; }
      .orc-aside { padding: 18px; }

      
      .faq-cab { margin-bottom: 6px; }
      details summary { padding: 15px 46px 15px 0; font-size: 15.5px; }
      .cta-final p { display: none; }
      .cta-final { padding: 34px 20px 38px; margin-top: 30px; }

      
      .selos-hero { gap: 6px; margin-top: 22px; padding-top: 13px; }
      .selos-hero > div { flex-direction: row; align-items: baseline; gap: 8px; }
      .selos-hero span { font-size: 12.5px; }

      
      .pe-cols nav:first-of-type ul { display: block !important; line-height: 1.95; }
      .pe-cols nav:first-of-type li { display: inline; }
      .pe-cols nav:first-of-type a {
        display: inline; min-height: 0; padding: 0; border: 0; border-radius: 0; font-size: 14px;
      }
      .pe-cols nav:first-of-type li + li::before { content: " · "; color: rgba(192,166,113,.6); }

      .pe-cidades { display: block !important; line-height: 1.9; }
      .pe-cidades li { display: inline; }
      .pe-cols nav .pe-cidades a {
        display: inline; min-height: 0; padding: 0; border: 0; border-radius: 0;
        font-size: 13.5px; color: rgba(255,255,255,.62);
      }
      .pe-cidades li + li::before { content: " · "; color: rgba(192,166,113,.6); }

      
      .pe-marca p,
      .pe-acao .btn-pe { display: none; }
      .pe-topo { gap: 14px; }
      .pe-cols { gap: 18px !important; padding-top: 18px !important; }
      footer { padding-top: 34px; }

      
      details[data-flat-oculto] { display: none; }
      .rp-mais-faq {
        display: flex; align-items: center; justify-content: center; gap: 8px;
        width: 100%; min-height: 50px; margin-top: 4px;
        background: none; border: 0; border-top: 1px solid var(--line);
        font: inherit; font-size: 14.5px; font-weight: 600;
        color: var(--gold-dark); cursor: pointer;
      }
      .rp-mais-faq::after { content: "↓"; font-size: 15px; }
      .rp-dobrado { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
      .rp-ler-mais {
        display: inline-flex; align-items: center; min-height: 40px;
        margin-top: 2px; padding: 0; background: none; border: 0;
        font: inherit; font-size: 14px; font-weight: 600; color: var(--gold-dark);
        text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
      }
    }

    
    
    @media (min-width: 701px) and (max-width: 1060px) {

      
      .hero h1 { font-size: clamp(38px, 5.2vw, 50px); }
      .hero-lead { font-size: 16.5px; max-width: 34ch; }

      
      .vitrine {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 14px; height: auto !important;
      }
      
      .vit-card { height: 300px !important; }
      .vit-titulo { font-size: 26px; }

      
      .qa { grid-template-columns: .74fr 1.26fr !important; gap: 34px; align-items: center; }
      .qa-foto { max-width: none; }
      .qa-bio { font-size: 16px; }

      
      .orc { grid-template-columns: .8fr 1.2fr !important; gap: 22px; }
      .b2b-grid { grid-template-columns: 1fr 1fr !important; gap: 26px; }
      .b2b-cab { grid-column: 1 / -1; }

      
      .sec { padding: 76px 0; }
      .cab h2, .qa h2 { font-size: clamp(30px, 4.2vw, 40px); }
      .num-secao { font-size: 46px; }
    }

    
    @media (max-width: 430px) {
      .orc-acoes .btn { padding-left: 16px; padding-right: 16px; font-size: 14.5px; white-space: nowrap; }
      .orc-acoes .btn svg { width: 17px; height: 17px; }
    }

    
    @media (min-width: 1061px) and (max-width: 1300px) {
      .hero { --sh-l: 8%; --sh-r: 26%; --sh-b: 140px; --ela-r: 27%; }
    }

    
    

    
    
    .qa-foto img, .vist-figura img { height: auto; }

    
    .hero {
      
      --fig-r: clamp(24px, calc((100vw - 1430px) * .55), 380px);
      --fig-h: clamp(76%, calc(375px + 25vw), 97%);
      --card-l: -5%; --card-b: 30%;
    }
    .hero-figura {
      position: absolute; bottom: 0;
      right: var(--fig-r); height: var(--fig-h);
      aspect-ratio: 900 / 1125;
      pointer-events: none;
    }
    .hero-figura .hero-recorte {
      position: absolute; inset: 0; right: auto;
      width: 100%; height: 100%; object-fit: contain; object-position: bottom;
    }
    .hero-figura .hero-quadro {
      
      position: absolute; inset: 10% 9% 20% 9%;
      left: 9%; right: 9%; top: 10%; bottom: 20%;
      width: auto; height: auto; max-width: none; margin: 0;
      transform: var(--centro, translateY(0));
    }
    
    .hero-figura .hero-retrato-cartao {
      
      left: auto; right: 74%; bottom: var(--card-b); top: auto;
      pointer-events: auto;
    }


    
    

    
    
    @media (min-width: 1061px) and (max-width: 1260px) {
      .hero-txt { max-width: 27rem; }
      .hero h1 { font-size: clamp(40px, 4.4vw, 52px); }
    }

    
    @media (min-width: 1061px) and (max-width: 1400px) {
      .hero .hero-figura .hero-quadro { display: none; }
    }

    @media (min-width: 1061px) and (max-width: 1599px) {
      
      
      
      .hero { --fig-h: min(97%, calc(124vw - 664px)); --fig-r: clamp(18px, 4vw, 110px);
              --card-l: -16%; --card-b: 33%; }
    }

    
    @media (max-width: 1060px) {
      .hero { --fig-r: auto; --fig-h: 100%; --card-l: 0%; --card-b: 17%; }
      .hero-figura { right: auto; left: 50%; transform: translateX(-50%); margin: 0; }
      
      
      .hero-figura .hero-quadro { inset: 6% -2% 5% -2%; left: -2%; right: -2%; top: 6%; bottom: 5%; }
    }

    
    
    @media (max-width: 899px) {
      .hero { display: flex; flex-direction: column; }
      
      #topo { padding-top: 0; }
      
      .hero .hero-palco { order: 1; margin-top: 0; }
      
      
      
      
      .hero .hero-palco { aspect-ratio: 1 / 1.20; }
      
      
      .hero { --fig-h: 90%; --card-l: 0%; --foto-x: 42%; --foto-y: 66%; }
      .hero .hero-figura { left: auto; right: -5%; bottom: 9%; transform: none; }
      .hero > .wrap:not(.hero-selos-wrap) { order: 2; }
      .hero-selos-wrap { order: 3; }
      
      
      .hero > .wrap:not(.hero-selos-wrap) { margin-top: -206px; position: relative; z-index: 4; }
      
      .hero h1 { font-size: clamp(38px, 10.4vw, 46px); }
      .hero .hero-txt { padding-top: 0; }

      
      .hero .hero-palco {
        
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,.22) 62%, transparent 82%);
        mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,.22) 62%, transparent 82%);
      }

      
      .hero .hero-figura .hero-quadro { display: none; }

      
      
      
      .hero .hero-figura .hero-retrato-cartao {
        
        left: auto; right: 62%; top: auto; bottom: 168px;
        
        display: flex; align-items: baseline; gap: 7px;
        background: rgba(1, 30, 38, .58);
        -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);
        border: 1px solid rgba(192, 166, 113, .34);
        border-radius: 999px; padding: 6px 13px 7px;
        box-shadow: 0 10px 26px rgba(1, 30, 38, .28);
      }
      
      .hero .hero-retrato-cartao b { display: inline; font-size: 11.5px; color: #fff; }
      .hero .hero-retrato-cartao span { display: inline; font-size: 11.5px; color: var(--gold); }
      
      .hero .hero-retrato-cartao i { display: none; }
    }

    
    @media (min-width: 561px) and (max-width: 899px) {
      
      
      .hero .hero-palco { max-width: 100%; margin: 0 auto; aspect-ratio: auto; height: min(76vw, 580px); }
      .hero .hero-txt { padding-bottom: 28px; }
      
      .hero { --fig-h: 97%; --card-b: 30%; --card-l: 3%; }
      
      .hero .hero-figura { bottom: 0; }
      
      
      .hero .hero-figura { right: 6%; }
      
      
      .hero .hero-figura .hero-retrato-cartao { left: 12%; margin-left: -104px; }

      
      .hero h1 { font-size: clamp(46px, 6.4vw, 62px); max-width: 15ch; }
      .hero-lead { max-width: 48ch; font-size: 17.5px; }

      
      .hero .hero-txt { text-align: center; }
      .hero h1, .hero-lead { margin-left: auto; margin-right: auto; }
      .hero .hero-botoes { justify-content: center; }
      
      .hero .hero-linha { justify-content: center; }
      .hero .hero-linha i { display: none; }

      
      .hero { --foto-op: 82; --foto-zoom: 118; --foto-x: 50%; --foto-y: 44%; }
      .hero .hero-cenario-veu {
        background:
          linear-gradient(180deg, rgba(1,58,71,.68) 0%, rgba(1,58,71,.26) 30%,
                                  rgba(1,58,71,.30) 70%, rgba(1,58,71,.62) 100%),
          radial-gradient(76% 86% at 50% 56%, transparent 32%, rgba(1,58,71,.46) 100%);
      }

      
      
      .hero .hero-figura .hero-quadro { inset: 4% 12% 16% 12%; left: 12%; right: 12%; top: 4%; bottom: 16%; }

      
      
      .hero .hero-foto {
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.7) 6%, #000 14%, #000 90%, rgba(0,0,0,.6) 100%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.7) 6%, #000 14%, #000 90%, rgba(0,0,0,.6) 100%);
      }
    }

    
    @media (min-width: 900px) and (max-width: 1060px) {
      .hero-grid { grid-template-columns: minmax(0, 44%) !important; align-items: center; min-height: 520px; }
      .hero-palco {
        position: absolute; right: 0; top: 0; bottom: 0;
        width: 100%; max-width: none; height: auto; margin: 0; aspect-ratio: auto;
      }
      
      .hero-foto {
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.22) 34%, #000 72%);
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.22) 34%, #000 72%);
      }
      
      .hero-cenario-veu { background: linear-gradient(200deg, rgba(1,58,71,.06), rgba(1,58,71,.34)); }

      
      .hero-txt { text-align: left; padding: 0 0 34px; }
      .hero h1 { font-size: clamp(38px, 4.6vw, 46px); max-width: none; margin-left: 0; margin-right: 0; }
      .hero-lead { max-width: 30ch; font-size: 16.5px; margin-left: 0; margin-right: 0; }
      .hero-botoes { justify-content: flex-start; }
      .hero-linha { justify-content: flex-start; }
      .hero-linha i { display: block; }
      
      .hero-linha span { font-size: 10.5px; letter-spacing: .12em; }

      
      
      
      .hero { --fig-r: clamp(-24px, -1.5vw, -8px);
              
              --fig-h: max(96%, min(118%, calc(72vw - 180px)));
              --card-l: -8%; --card-b: 24%;
              --foto-op: 88; --foto-zoom: 106; --foto-x: 100%; --foto-y: 50%; }
      
      .hero-figura { left: auto; right: var(--fig-r); transform: none; margin: 0; }
      .hero-figura .hero-quadro { inset: 10% 9% 20% 9%; left: 9%; right: 9%; top: 10%; bottom: 20%; }
    }

    

    
    @media (max-width: 1299px) {
      .barra-mob { display: flex; }
      
      footer { padding-bottom: 78px; }
    }

    
    
    @media (max-width: 1299px) {
      .hero-link { display: none; }
      
      .b2b-link, a[data-wa]:not(.btn):not(.vit-saiba):not(.hero-link) {
        display: inline-flex; align-items: center; min-height: 44px;
      }
    }

    
    .hero-selo {
      display: inline-flex; align-items: baseline; gap: 7px;
      margin-top: 18px; padding: 7px 15px 8px;
      background: rgba(1, 40, 49, .5);
      border: 1px solid rgba(192, 166, 113, .34);
      border-radius: 999px;
      font-size: 13px; line-height: 1.2;
    }
    .hero-selo b { font-weight: 700; color: #fff; }
    .hero-selo span { font-weight: 700; color: var(--gold); }
    
    .hero-selo + h1 { margin-top: 14px; }
    @media (max-width: 700px) {
      .hero-selo { font-size: 12px; padding: 6px 13px 7px; margin-top: 14px; }
      .hero-selo + h1 { margin-top: 12px; }
    }
  



.hero-produto h1 {
  margin-top: 24px;
  font-size: clamp(30px, 4.4vw, 56px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.038em;
  color: #fff;
}
.hero-produto h1 em { font-style: normal; color: var(--gold); }


.hero-produto h1 { text-wrap: balance; }




:root {
  --o-margem: max(28px, calc((100vw - 1220px) / 2 + 28px));
  
  --o-margem-mob: 22px;
}


.o-indice { display: none; }
@media (min-width: 1400px) {
  .o-indice {
    display: block; position: fixed; left: 30px; top: 50%; transform: translateY(-50%);
    z-index: 40; padding: 0;
  }
  .o-indice li + li { margin-top: 3px; }
  
  .o-indice a {
    position: relative; display: grid; grid-template-columns: 30px; align-items: center;
    width: 30px; min-height: 30.8px; 
    font-size: 10.5px; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase; color: rgba(255,255,255,.34);
    transition: color .28s ease;
  }
  .o-indice a i { font-style: normal; height: 1px; background: currentColor; transition: background .28s ease; }
  .o-indice a span {
    position: absolute; left: 40px; top: 50%; white-space: nowrap; pointer-events: none;
    opacity: 0; transform: translate(-6px, -50%); transition: opacity .28s ease, transform .28s ease;
  }
  .o-indice a:hover, .o-indice a.ativo { color: var(--gold); }
  .o-indice a:hover span, .o-indice a.ativo span { opacity: 1; transform: translate(0, -50%); }
  
  .o-indice[data-claro="1"] a { color: rgba(1,58,71,.42); }
  .o-indice[data-claro="1"] a:hover, .o-indice[data-claro="1"] a.ativo { color: var(--gold-dark); }
}




.o-hero,
#topo.hero-produto { view-transition-name: servico; }
.o-hero { position: relative; background: var(--teal-900); color: #fff; display: grid; grid-template-columns: 1fr; }
@media (min-width: 1000px) { .o-hero { grid-template-columns: 1.02fr 1fr; align-items: stretch; } }

.o-hero-txt { padding: calc(75px + 64px) var(--o-margem) 72px; display: flex; flex-direction: column; justify-content: center; }

@media (min-width: 1000px) { .o-hero-txt { padding: calc(75px + 40px) 64px 48px var(--o-margem); min-height: 78vh; } }

.o-migalha { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; letter-spacing: .04em; color: rgba(255,255,255,.5); }
.o-migalha a { color: rgba(255,255,255,.78); }
.o-migalha a:hover { color: var(--gold); }

.o-eyebrow { display: flex; align-items: center; gap: 14px; margin-top: 34px; font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
.o-eyebrow::after { content: ""; flex: 1; height: 1px; background: rgba(192,166,113,.4); }


.o-hero h1 {
  margin-top: 18px; font-size: clamp(40px, 4.5vw, 68px); font-weight: 700;
  line-height: 1; letter-spacing: -.04em; text-wrap: balance;
}
.o-hero h1 em { font-style: normal; color: var(--gold); }

.o-hero h1 .o-h1-deck {
  display: block; margin-top: 18px; max-width: 34ch;
  font-size: clamp(13px, 1.05vw, 15px); font-weight: 500;
  line-height: 1.45; letter-spacing: 0; text-wrap: pretty;
  color: rgba(255,255,255,.62);
}
.o-lead { margin-top: 26px; max-width: 46ch; font-size: clamp(16.5px, 1.4vw, 19px); line-height: 1.58; color: rgba(255,255,255,.78); text-wrap: pretty; }
.o-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

.o-selos { display: flex; flex-wrap: wrap; gap: 0; margin-top: 46px; border-top: 1px solid rgba(255,255,255,.16); }
.o-selos li { flex: 1 1 160px; padding: 18px 20px 0 0; }
.o-selos li + li { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.12); }
.o-selos b { display: block; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); }
.o-selos span { display: block; margin-top: 6px; font-size: 14px; color: rgba(255,255,255,.76); }



.o-quadro { position: relative; overflow: hidden; min-height: 62vh; background: #0A2730; display: flex; align-items: flex-end; }
@media (min-width: 1000px) { .o-quadro { min-height: 92vh; align-items: center; } }

.o-cena { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
.o-quadro img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.o-quadro .o-depois { opacity: 0; transition: opacity .7s cubic-bezier(.4,0,.2,1); }
.o-quadro[data-estado="depois"] .o-depois { opacity: 1; }

.o-veu { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,58,71,.92) 0%, rgba(1,58,71,.34) 34%, rgba(1,58,71,.18) 100%); pointer-events: none; }
@media (max-width: 999px) { .o-veu { background: linear-gradient(180deg, rgba(1,58,71,.5), rgba(1,58,71,.2)); } }

.o-chave {
  position: absolute; left: 22px; top: 22px; z-index: 3; display: flex; gap: 4px;
  background: rgba(1,40,49,.62); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 4px;
}
.o-chave button {
  min-height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
  font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.76);
  transition: background .24s ease, color .24s ease;
}
.o-chave button:hover { color: #fff; }
.o-chave button[aria-selected="true"] { background: var(--gold); color: var(--teal-900); }

.o-rotulo {
  position: absolute; right: 22px; bottom: 20px; z-index: 3; font-size: 10px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.72);
  background: rgba(1,40,49,.6); border-radius: 999px; padding: 6px 13px;
}


.o-pino {
  position: absolute; z-index: 4; width: 34px; height: 34px; margin: -17px 0 0 -17px; padding: 0;
  border-radius: 50%; border: 0; cursor: pointer; color: var(--teal-900); background: var(--gold);
  font-size: 13px; font-weight: 700; display: grid; place-items: center;
  opacity: 0; transform: scale(.6); pointer-events: none;
  box-shadow: 0 6px 20px rgba(1,30,38,.5);
  transition: opacity .4s ease, transform .4s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
.o-quadro[data-estado="depois"] .o-cena .o-pino { opacity: 1; transform: none; pointer-events: auto; }
.o-pino::before {
  content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(192,166,113,.7);
  opacity: 0; transform: scale(.8); transition: opacity .3s ease, transform .3s ease;
}
.o-pino:hover::before, .o-pino[aria-selected="true"]::before { opacity: 1; transform: none; }
.o-pino[aria-selected="true"] { box-shadow: 0 0 0 4px rgba(192,166,113,.28), 0 8px 26px rgba(1,30,38,.55); }


.o-notas { position: absolute; left: 22px; right: 22px; bottom: 62px; z-index: 5; pointer-events: none; }
.o-quadro[data-estado="antes"] .o-notas { display: none; }
.o-nota {
  max-width: 420px; background: rgba(1,40,49,.9); border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px; padding: 16px 18px;
  box-shadow: 0 20px 50px rgba(1,20,26,.5);
}
.o-nota:not([hidden]) { animation: o-nota-entra .32s cubic-bezier(.22,1,.36,1) both; }
@keyframes o-nota-entra { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.o-nota-topo { display: flex; align-items: center; gap: 10px; }
.o-nota-topo b { font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.o-nota-topo .o-grau { margin-left: auto; }
.o-nota p { margin-top: 9px; font-size: 14.5px; line-height: 1.5; color: #fff; }
.o-nota em { display: block; margin-top: 7px; font-style: normal; font-size: 12.6px; line-height: 1.5; color: rgba(255,255,255,.6); }

.o-grau { flex: none; font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 999px; }

.o-grau[data-g="ct4"] { background: var(--ct4-bg); color: #F0A79E; }
.o-grau[data-g="ct3"] { background: var(--ct3-bg); color: #E8C078; }
.o-grau[data-g="ct2"] { background: var(--ct2-bg); color: #E2CFA4; }
.o-grau[data-g="ct1"] { background: var(--ct1-bg); color: #B9C4C9; }
.o-grau[data-g="ct0"] { background: var(--ct0-bg); color: #8FD9BE; }


.o-placa { position: relative; z-index: 3; width: 100%; display: flex; padding: 22px 22px 56px; }
@media (min-width: 1000px) { .o-placa { padding: 44px 44px 56px; } }
.o-carta {
  width: 100%; max-width: 520px; background: rgba(1,40,49,.92);
  border: 1px solid rgba(255,255,255,.18); border-radius: 18px; overflow: hidden;
  box-shadow: 0 26px 60px rgba(1,20,26,.5);
}
.o-carta-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border-bottom: 1px solid rgba(255,255,255,.14); }
.o-carta-cab b { font-size: 10.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--gold); }
.o-carta-cab span { flex: none; font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 4px 10px; }
.o-carta-abas { display: flex; gap: 6px; padding: 14px 18px 0; }
.o-carta-abas button {
  flex: 1; min-height: 44px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px;
  background: transparent; color: rgba(255,255,255,.72); font-size: 12.5px; font-weight: 600; cursor: pointer;
  transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.o-carta-abas button:hover { color: #fff; border-color: rgba(255,255,255,.42); }
.o-carta-abas button[aria-selected="true"] { background: var(--gold); border-color: var(--gold); color: var(--teal-900); }
.o-carta-corpo { padding: 16px 18px 18px; }
.o-carta-pe { margin-top: 13px; font-size: 11.4px; line-height: 1.5; color: rgba(255,255,255,.45); }

.o-cont { display: flex; align-items: baseline; gap: 13px; }
.o-cont strong { font-size: 42px; font-weight: 700; line-height: 1; letter-spacing: -.045em; color: #fff; font-variant-numeric: tabular-nums; }
.o-cont span { font-size: 13.4px; line-height: 1.4; color: rgba(255,255,255,.66); }
.o-cont em { font-style: normal; font-weight: 600; color: var(--gold); }

.o-itens { display: grid; gap: 1px; margin-top: 16px; background: rgba(255,255,255,.12); border-radius: 12px; overflow: hidden; }
.o-item { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; background: rgba(1,48,58,.66); padding: 11px 14px; }
.o-item b { font-size: 13.4px; font-weight: 600; color: #fff; }
.o-item em { font-style: normal; font-size: 12.4px; line-height: 1.4; color: rgba(255,255,255,.6); }
.o-item .o-grau { margin-left: auto; }


.o-quadro[data-estado="antes"] .o-so-2 { display: none; }
.o-quadro[data-estado="depois"] .o-so-1 { display: none; }


.o-grau[data-g="critico"]  { background: var(--ct4-bg); color: #F0A79E; }
.o-grau[data-g="medio"]    { background: var(--ct3-bg); color: #E8C078; }
.o-grau[data-g="estetico"] { background: var(--ct1-bg); color: #B9C4C9; }
.o-grau[data-g="ok"]       { background: var(--ct0-bg); color: #8FD9BE; }
.o-grau[data-g="pendente"] { background: var(--ct4-bg); color: #F0A79E; }
.o-grau[data-g="neutro"]   { background: rgba(255,255,255,.1); color: rgba(255,255,255,.7); }


.o-esp { display: grid; gap: 1px; margin-top: 16px; background: rgba(255,255,255,.12); border-radius: 12px; overflow: hidden; }
.o-esp-li { background: rgba(1,48,58,.66); padding: 13px 14px; }
.o-esp-li > b { display: block; font-size: 13.4px; font-weight: 600; color: #fff; }
.o-esp-par { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.o-esp-par > div { border-left: 2px solid rgba(255,255,255,.18); padding-left: 10px; }
.o-esp-par > div:last-child { border-left-color: rgba(192,166,113,.6); }
.o-esp-par i { display: block; font-style: normal; font-size: 9.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.o-esp-par span { display: block; margin-top: 4px; font-size: 12.6px; line-height: 1.42; color: rgba(255,255,255,.84); }
.o-esp-li > .o-grau { display: inline-block; margin-top: 11px; }


.o-escada { display: grid; }
.o-degrau { position: relative; padding: 15px 0 15px 32px; }
.o-degrau + .o-degrau { border-top: 1px solid rgba(255,255,255,.12); }
.o-degrau::before { content: ""; position: absolute; left: 6px; top: 21px; width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.34); }
.o-degrau b { display: block; font-size: 15px; font-weight: 600; color: #fff; }
.o-degrau span { display: block; margin-top: 5px; font-size: 12.6px; line-height: 1.5; color: rgba(255,255,255,.62); }
.o-degrau[data-fora="1"] b { color: rgba(255,255,255,.52); text-decoration: line-through; text-decoration-color: rgba(240,167,158,.85); }
.o-degrau[data-forte="1"]::before { background: var(--gold); border-color: var(--gold); }
.o-degrau[data-forte="1"] b { color: var(--gold); font-size: 18px; }


.o-faixa { background: var(--gold); color: var(--teal-900); }
.o-faixa ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 40px; padding: 16px var(--o-margem); }
.o-faixa li { display: flex; align-items: center; gap: 12px; font-size: 11.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.o-faixa li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: rgba(1,58,71,.55); }


.o-cap { padding: 108px 0; background: var(--teal-900); color: #fff; position: relative; }
.o-cap-teal { background: var(--teal); }
.o-cap-papel { background: var(--sand-light); color: var(--ink); }
.o-cap-areia { background: var(--sand); color: var(--ink); }
.o-in { max-width: 1220px; margin: 0 auto; padding: 0 28px; }
@media (max-width: 720px) { .o-cap { padding: 68px 0; } }


.o-cab { display: grid; grid-template-columns: 1fr; gap: 22px; }

@media (min-width: 900px) { .o-cab:has(.o-num) { grid-template-columns: 118px 1fr; gap: 34px; } }
.o-num {
  font-size: clamp(52px, 6vw, 84px); font-weight: 700; line-height: .78; letter-spacing: -.05em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(192,166,113,.9);
}
.o-cap-papel .o-num, .o-cap-areia .o-num { -webkit-text-stroke-color: rgba(140,116,68,.75); }
.o-cab-txt { border-top: 1px solid rgba(255,255,255,.18); padding-top: 22px; }
.o-cap-papel .o-cab-txt, .o-cap-areia .o-cab-txt { border-top-color: rgba(1,58,71,.16); }
.o-rot { font-size: 10.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.o-cap-papel .o-rot, .o-cap-areia .o-rot { color: var(--gold-dark); }
.o-cab h2 {
  margin-top: 16px; font-size: clamp(30px, 4.4vw, 56px); font-weight: 700; line-height: 1.02;
  letter-spacing: -.038em; color: #fff; max-width: 20ch; text-wrap: balance;
}
.o-cap-papel .o-cab h2, .o-cap-areia .o-cab h2 { color: var(--teal-900); }
.o-cab h2 em { font-style: normal; color: var(--gold); }
.o-cap-papel .o-cab h2 em, .o-cap-areia .o-cab h2 em { color: var(--gold-dark); }
.o-cab p { margin-top: 18px; max-width: 58ch; font-size: 17px; line-height: 1.62; color: rgba(255,255,255,.74); text-wrap: pretty; }
.o-cap-papel .o-cab p, .o-cap-areia .o-cab p { color: var(--muted); }
.o-nota-pe { margin-top: 30px; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.5); }
.o-cap-papel .o-nota-pe, .o-cap-areia .o-nota-pe { color: var(--muted-2); }


.hero-ret {
  position: absolute; right: var(--ela-r, 25%); bottom: 0;
  
  height: min(var(--ela-h, 97%), 51.2vw); aspect-ratio: 900 / 1125;
}
.hero-ret .hero-recorte {
  position: absolute; inset: 0; right: auto; width: 100%; height: 100%;
}

.hero-ret .hero-quadro { left: 30%; right: 2.6%; top: 11.4%; bottom: 21.4%; }

.hero-ret .hero-retrato-cartao { right: -6%; left: auto; top: 25%; }

@media (max-width: 1060px) {
  
  .hero-ret { right: 0; left: 0; margin: 0 auto; width: auto; height: 96%; }
  .hero-ret .hero-quadro { left: -5%; right: -5%; top: 6%; bottom: -2%; }
  .hero-ret .hero-retrato-cartao { left: -4%; right: auto; top: auto; bottom: 14%; }
}
@media (max-width: 700px) {
  .hero-ret { height: 99%; }
  .hero-ret .hero-quadro { left: -4%; right: -4%; top: 7%; bottom: -1%; }
  .hero-ret .hero-retrato-cartao { left: -2%; bottom: 17%; }
}


.hero .o-migalha { margin-bottom: 24px; }
@media (max-width: 700px) { .hero .o-migalha { margin-bottom: 16px; } }


.o-entregas { margin-top: 56px; counter-reset: e; }
.o-entregas li {
  counter-increment: e; display: grid; grid-template-columns: 1fr; gap: 6px;
  padding: 26px 0; border-top: 1px solid rgba(255,255,255,.14);
  transition: border-color .3s ease;
}
@media (min-width: 900px) { .o-entregas li { grid-template-columns: 118px 1fr; gap: 34px; align-items: baseline; } }
.o-entregas li::before {
  content: "0" counter(e); font-size: 12px; font-weight: 700; letter-spacing: .14em; color: var(--gold);
}
.o-entregas p { font-size: clamp(17px, 1.7vw, 22px); line-height: 1.45; color: rgba(255,255,255,.72); max-width: 46ch; text-wrap: pretty; }
.o-entregas b { color: #fff; font-weight: 600; }
.o-entregas li:hover { border-color: rgba(192,166,113,.6); }


.o-doc { margin-top: 52px; background: #fff; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; box-shadow: 0 30px 70px rgba(1,40,49,.12); }
.o-doc-cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 26px; background: var(--sand-light); border-bottom: 1px solid var(--line); }
.o-doc-cab b { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-dark); }
.o-doc-cab span { font-size: 11.5px; letter-spacing: .04em; color: var(--muted-2); }
.o-doc-abas { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--line); }
.o-doc-abas button {
  position: relative; flex: 1 1 auto; min-height: 56px; padding: 0 22px; border: 0; background: transparent; cursor: pointer;
  font-size: 13.5px; font-weight: 600; color: var(--muted); text-align: left;
  transition: color .24s ease, background .24s ease;
}
.o-doc-abas button + button { border-left: 1px solid var(--line); }
.o-doc-abas button:hover { color: var(--teal-900); background: rgba(192,166,113,.08); }
.o-doc-abas button[aria-selected="true"] { color: var(--teal-900); background: rgba(192,166,113,.14); }
.o-doc-abas button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--gold); }
.o-doc-corpo { padding: 34px 30px 36px; }
@media (max-width: 640px) { .o-doc-corpo { padding: 24px 18px 26px; } }
.o-painel:not([hidden]) { animation: o-troca .3s cubic-bezier(.22,1,.36,1) both; }
@keyframes o-troca { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.o-doc h3 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-doc-sub { margin-top: 9px; font-size: 14.6px; line-height: 1.55; color: var(--muted); max-width: 60ch; }


.o-barra { display: flex; height: 18px; border-radius: 999px; overflow: hidden; margin-top: 28px; }
.o-barra i { display: block; }
.o-linhas { display: grid; gap: 1px; margin-top: 22px; background: var(--line); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.o-linha { display: flex; align-items: center; gap: 14px; background: #fff; padding: 15px 18px; }
.o-linha i { flex: none; width: 10px; height: 10px; border-radius: 3px; }
.o-linha b { font-size: 14.5px; font-weight: 600; color: var(--teal-900); min-width: 168px; }
.o-linha em { font-style: normal; font-size: 13.4px; color: var(--muted); }
.o-linha strong { margin-left: auto; font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; }

.o-linha .o-chip { margin-left: auto; flex: none; font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 999px; }
.o-campo .o-chip { margin-left: auto; }
@media (max-width: 640px) { .o-linha { flex-wrap: wrap; gap: 8px 12px; } .o-linha b { min-width: 0; } .o-linha em { flex-basis: 100%; } }


.o-campos { display: grid; gap: 1px; margin-top: 24px; background: var(--line); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.o-campo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; background: #fff; padding: 15px 18px; }
.o-campo b { flex: none; min-width: 140px; font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-2); }
.o-campo span { font-size: 14.6px; line-height: 1.5; color: var(--teal-900); }
.o-campo .o-chip { font-size: 11px; font-weight: 700; padding: 4px 11px; border-radius: 999px; }
@media (max-width: 640px) { .o-campo b { flex-basis: 100%; min-width: 0; } }
.o-doc-foto { margin-top: 20px; position: relative; border-radius: 12px; overflow: hidden; }

.o-doc-foto img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.o-doc-foto span { position: absolute; left: 12px; bottom: 12px; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #fff; background: rgba(1,40,49,.78); border-radius: 999px; padding: 5px 12px; }


.o-sist { margin-top: 52px; border-top: 1px solid rgba(255,255,255,.16); }
.o-sist-li {
  position: relative; display: grid; grid-template-columns: 1fr; gap: 8px;
  padding: 26px 0 26px 0; border-bottom: 1px solid rgba(255,255,255,.14);
  transition: padding-left .34s cubic-bezier(.22,1,.36,1), background .34s ease;
}
@media (min-width: 860px) { .o-sist-li { grid-template-columns: 74px 300px 1fr; gap: 30px; align-items: baseline; padding-right: 20px; } }
.o-sist-li::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--gold);
  transform: scaleY(0); transform-origin: top; transition: transform .34s cubic-bezier(.22,1,.36,1);
}
.o-sist-li:hover { background: rgba(255,255,255,.04); }
.o-sist-li:hover::before { transform: scaleY(1); }
@media (min-width: 860px) { .o-sist-li:hover { padding-left: 22px; } }
.o-sist-li i { font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .14em; color: var(--gold); }
.o-sist-li b { font-size: clamp(19px, 2vw, 25px); font-weight: 600; letter-spacing: -.02em; color: #fff; }
.o-sist-li span { font-size: 15.4px; line-height: 1.58; color: rgba(255,255,255,.68); max-width: 52ch; }


.o-fluxo { margin-top: 56px; display: grid; grid-template-columns: 1fr; gap: 0; }
@media (min-width: 980px) { .o-fluxo { grid-template-columns: repeat(5, 1fr); gap: 0; } }
.o-passo { position: relative; padding: 34px 22px 30px 0; border-top: 1px solid rgba(255,255,255,.16); }
@media (min-width: 980px) { .o-passo { padding-right: 26px; } }
.o-passo::before {
  content: ""; position: absolute; left: 0; top: -1px; width: 40%; height: 1px; background: var(--gold);
  transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.o-passo.o-vis::before { transform: scaleX(1); }
.o-passo i { font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .14em; color: var(--gold); }
.o-passo b { display: block; margin-top: 14px; font-size: 18px; font-weight: 600; line-height: 1.24; letter-spacing: -.015em; color: #fff; }
.o-passo p { margin-top: 10px; font-size: 14.6px; line-height: 1.58; color: rgba(255,255,255,.66); }


.o-docs { margin-top: 44px; display: grid; grid-template-columns: 1fr; gap: 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; padding: 30px; }
@media (min-width: 900px) { .o-docs { grid-template-columns: 260px 1fr; gap: 40px; padding: 34px 36px; } }
.o-docs h3 { font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -.015em; }
.o-docs h3 + p { margin-top: 10px; font-size: 13.6px; line-height: 1.55; color: rgba(255,255,255,.56); }
.o-docs ul { display: grid; gap: 14px; }
@media (min-width: 700px) { .o-docs ul { grid-template-columns: 1fr 1fr; gap: 16px 34px; } }
.o-docs li { position: relative; padding-left: 20px; font-size: 15px; line-height: 1.55; color: rgba(255,255,255,.72); }
.o-docs li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 2px; background: var(--gold); }
.o-docs li b { color: #fff; font-weight: 600; }


.o-limites { margin-top: 52px; display: grid; grid-template-columns: 1fr; }
@media (min-width: 900px) { .o-limites { grid-template-columns: 1fr 1fr; gap: 0 56px; } }
.o-limites li { padding: 28px 0; border-top: 1px solid rgba(1,58,71,.16); font-size: 16px; line-height: 1.62; color: var(--muted); text-wrap: pretty; }
.o-limites li b { color: var(--teal-900); font-weight: 600; }
.o-limites li::before { content: attr(data-n); display: block; margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .16em; color: var(--gold-dark); }


.o-faq { margin-top: 46px; display: grid; grid-template-columns: 1fr; gap: 0 56px; }
@media (min-width: 900px) { .o-faq { grid-template-columns: 1fr 1fr; } }


.o-outros { margin-top: 48px; display: grid; grid-template-columns: 1fr; }
@media (min-width: 820px) { .o-outros { grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.14); border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); } }
.o-outro {
  position: relative; display: block; overflow: hidden; background: var(--teal-900);
  padding: 34px 30px 30px; min-height: 250px;
  transition: background .34s ease;
}
@media (max-width: 819px) { .o-outro { border-top: 1px solid rgba(255,255,255,.14); } }
.o-outro img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .16; transition: opacity .44s ease, transform .6s cubic-bezier(.22,1,.36,1); }
.o-outro:hover img { opacity: .3; transform: scale(1.04); }
.o-outro > div { position: relative; display: flex; flex-direction: column; height: 100%; }
.o-outro i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.o-outro b { margin-top: 16px; font-size: 24px; font-weight: 600; letter-spacing: -.025em; color: #fff; }
.o-outro span { margin-top: 10px; font-size: 14.6px; line-height: 1.55; color: rgba(255,255,255,.68); }
.o-outro em { margin-top: auto; padding-top: 22px; font-style: normal; font-size: 13px; font-weight: 600; color: var(--gold); }


.o-cta { background: var(--gold); color: var(--teal-900); padding: 92px 0; }
.o-cta-in { max-width: 1220px; margin: 0 auto; padding: 0 28px; display: grid; grid-template-columns: 1fr; gap: 30px; align-items: end; }
@media (min-width: 900px) { .o-cta-in { grid-template-columns: 1.4fr 1fr; gap: 56px; } }
.o-cta h2 { font-size: clamp(30px, 4.4vw, 56px); font-weight: 700; line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; }
.o-cta p { margin-top: 16px; max-width: 44ch; font-size: 17px; line-height: 1.58; color: rgba(1,40,49,.78); }
.o-cta .o-acoes { justify-content: flex-start; }
@media (max-width: 720px) { .o-cta { padding: 64px 0; } .o-acoes .btn { flex: 1 1 100%; justify-content: center; } }

.o-cta .btn-ouro { background: var(--teal-900); border-color: var(--teal-900); color: #fff; box-shadow: 0 10px 26px rgba(1,40,49,.24); }
.o-cta .btn-ouro:hover { background: #01262F; border-color: #01262F; color: #fff; box-shadow: 0 14px 32px rgba(1,40,49,.34); }

.btn-linha-clara { border: 1.5px solid rgba(1,40,49,.34); color: var(--teal-900); background: transparent; }
.btn-linha-clara:hover { border-color: var(--teal-900); color: var(--teal-900); background: rgba(1,40,49,.06); }


.o-cap-areia details summary { padding-right: 46px; }


@media (max-width: 999px) {
  
  .o-in, .o-cta-in { padding: 0 var(--o-margem-mob); }
  .o-hero-txt { padding: calc(75px + 30px) var(--o-margem-mob) 40px; }
  .o-cap { padding: 56px 0; }
  .o-cta { padding: 52px 0; }

  .o-hero h1 { font-size: clamp(36px, 10.4vw, 50px); letter-spacing: -.038em; line-height: 1; }
  .o-eyebrow { margin-top: 26px; letter-spacing: .18em; }
  .o-lead { margin-top: 18px; font-size: 16.5px; }
  .o-acoes { margin-top: 26px; gap: 10px; }
  .o-acoes .btn { flex: 1 1 100%; justify-content: center; min-height: 52px; }

  
  .o-selos { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 34px; border-top: 0; }
  .o-selos li { padding: 14px 0; border-top: 1px solid rgba(255,255,255,.16); }
  .o-selos li + li { padding-left: 0; border-left: 0; }
  .o-selos li:first-child { grid-column: 1 / -1; }
  .o-selos li:nth-child(3) { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.14); }
  .o-selos span { font-size: 13.4px; }

  
  .o-quadro { display: block; min-height: 0; background: var(--teal-900); }
  
  .o-quadro > img { position: static; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
  
  .o-cena { position: relative; left: auto; top: auto; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; transform: none; }
  
  .o-veu { background: linear-gradient(180deg, rgba(1,58,71,.28) 0%, rgba(1,58,71,.5) 62%, #013A47 100%); }

  .o-chave { left: 14px; top: 14px; right: 14px; justify-content: stretch; }
  .o-chave button { flex: 1; padding: 0 10px; font-size: 12px; }

  .o-pino { width: 44px; height: 44px; margin: -22px 0 0 -22px; font-size: 14px; }

  
  .o-notas { position: static; padding: 18px 22px 0; }
  .o-nota { max-width: none; background: rgba(255,255,255,.06); box-shadow: none; }

  .o-placa { padding: 18px 22px 4px; }
  .o-carta { max-width: none; border-radius: 16px; box-shadow: none; background: rgba(255,255,255,.06); }
  .o-carta-abas { padding: 13px 15px 0; }
  .o-carta-abas button { padding: 0 8px; font-size: 12.5px; }
  .o-carta-corpo { padding: 15px 15px 17px; }
  .o-cont strong { font-size: 36px; }
  .o-cont span { font-size: 12.8px; }

  
  .o-rotulo { position: static; display: block; padding: 14px 22px 20px; background: transparent; border-radius: 0; font-size: 10px; color: rgba(255,255,255,.5); }

  
  .o-esp-par { grid-template-columns: 1fr; gap: 9px; }

  
  .o-faixa ul { display: grid; grid-template-columns: 1fr 1fr; justify-content: start; gap: 11px 16px; padding: 16px 22px; }
  .o-faixa li { font-size: 10.5px; letter-spacing: .12em; line-height: 1.3; align-items: flex-start; }
  .o-faixa li::before { margin-top: 5px; }

  
  .o-cab { grid-template-columns: auto 1fr; gap: 0 14px; align-items: center; }
  .o-num { font-size: 30px; line-height: 1; -webkit-text-stroke-width: 1.2px; }
  .o-cab-txt { grid-column: 2; border-top: 0; padding-top: 0; }
  .o-cab h2 { grid-column: 1 / -1; margin-top: 12px; font-size: clamp(27px, 7.6vw, 38px); max-width: none; }
  .o-cab p { grid-column: 1 / -1; margin-top: 13px; font-size: 16px; }
  .o-cab .o-rot { font-size: 10px; letter-spacing: .18em; }
  .o-nota-pe { margin-top: 22px; }

  
  .o-entregas { margin-top: 34px; }
  .o-entregas li { grid-template-columns: 26px 1fr; gap: 0 12px; padding: 18px 0; align-items: baseline; }
  .o-entregas li::before { font-size: 11px; }
  .o-entregas p { font-size: 16.5px; line-height: 1.5; max-width: none; }

  
  .o-doc { margin-top: 30px; border-radius: 16px; }
  .o-doc-cab { padding: 14px 18px; gap: 6px; }
  .o-doc-cab b { font-size: 10px; }
  .o-doc-cab span { font-size: 11px; }
  
  .o-doc-abas { display: grid; }
  .o-doc-abas button { min-height: 50px; padding: 0 18px; font-size: 13.5px; }
  .o-doc-abas button + button { border-left: 0; border-top: 1px solid var(--line); }
  .o-doc-abas button[aria-selected="true"]::after { left: 0; right: auto; top: 0; bottom: 0; width: 3px; height: auto; }
  .o-doc h3 { font-size: 19px; }
  .o-doc-sub { font-size: 14.2px; }
  .o-barra { height: 14px; margin-top: 22px; }
  
  .o-linha { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 3px 10px; padding: 12px 14px; }
  .o-linha i { grid-area: 1 / 1; }
  .o-linha b { grid-area: 1 / 2; font-size: 14px; min-width: 0; }
  .o-linha strong, .o-linha .o-chip { grid-area: 1 / 3; margin-left: 0; }
  .o-linha strong { font-size: 17px; }
  .o-linha em { grid-area: 2 / 2 / 2 / -1; font-size: 13px; line-height: 1.45; }
  .o-campo { padding: 13px 15px; }

  
  .o-sist { margin-top: 32px; }
  .o-sist-li { grid-template-columns: 32px 1fr; gap: 4px 10px; padding: 20px 0; }
  
  .o-sist-li::before { left: -10px; }
  .o-sist-li i { grid-row: 1; font-size: 11.5px; padding-top: 3px; }
  .o-sist-li b { grid-column: 2; font-size: 19px; }
  .o-sist-li span { grid-column: 2; font-size: 14.8px; max-width: none; }

  
  .o-fluxo { margin-top: 32px; }
  .o-passo { display: grid; grid-template-columns: 32px 1fr; gap: 3px 12px; padding: 20px 0; }
  .o-passo::before { width: 34%; }
  .o-passo i { grid-row: 1; align-self: center; font-size: 11.5px; }
  .o-passo b { grid-column: 2; margin-top: 0; font-size: 17.5px; }
  .o-passo p { grid-column: 2; font-size: 14.8px; }
  .o-docs { margin-top: 32px; padding: 22px; gap: 20px; border-radius: 16px; }
  .o-docs h3 { font-size: 17px; }
  .o-docs li { font-size: 15px; }

  
  .o-limites { margin-top: 32px; }
  .o-limites li { padding: 22px 0; font-size: 15.6px; }
  .o-limites li::before { margin-bottom: 9px; font-size: 10px; }

  .o-faq { margin-top: 30px; }

  
  .o-outros { margin-top: 30px; }
  .o-outro { min-height: 0; padding: 22px; }
  .o-outro img { opacity: .24; }
  .o-outro i { font-size: 10px; }
  .o-outro b { margin-top: 11px; font-size: 21px; }
  .o-outro span { margin-top: 8px; font-size: 14.2px; }
  .o-outro em { margin-top: 14px; padding-top: 0; font-size: 12.5px; }

  .o-cta h2 { font-size: clamp(27px, 7.6vw, 38px); }
  .o-cta p { font-size: 16px; max-width: none; }
  
  .o-cta-in { gap: 22px; }
  .o-cta .o-acoes { gap: 10px; }
  .btn-linha-clara { border-width: 2px; border-color: rgba(1,40,49,.45); }
}


@media (max-width: 400px) {
  .o-hero h1 { font-size: 34px; }
  .o-selos { grid-template-columns: 1fr; }
  .o-selos li:nth-child(3) { padding-left: 0; border-left: 0; }
  .o-faixa ul { grid-template-columns: 1fr; gap: 9px; }
  .o-num { font-size: 26px; }
  .o-cab h2, .o-cta h2 { font-size: 26px; }
  .o-chave button { font-size: 11.5px; }
  .o-cont strong { font-size: 32px; }
  .o-sist-li b { font-size: 18px; }
  .o-outro b { font-size: 20px; }
}


@media (hover: none) {
  .o-sist-li:hover { background: transparent; padding-left: 0; }
  .o-sist-li:hover::before { transform: scaleY(0); }
  .o-entregas li:hover { border-color: rgba(255,255,255,.14); }
  .o-outro:hover { transform: none; box-shadow: none; }
  .o-outro:hover img { opacity: .24; transform: none; }
  .o-pino:hover::before { opacity: 0; transform: scale(.8); }
  .o-carta-abas button:hover, .o-chave button:hover { color: rgba(255,255,255,.72); border-color: rgba(255,255,255,.18); }
  .o-doc-abas button:hover { color: var(--muted); background: transparent; }
  
  .o-carta-abas button[aria-selected="true"], .o-chave button[aria-selected="true"] { background: var(--gold); border-color: var(--gold); color: var(--teal-900); }
  .o-doc-abas button[aria-selected="true"] { color: var(--teal-900); background: rgba(192,166,113,.14); }
  .o-pino[aria-selected="true"]::before { opacity: 1; transform: none; }
}


@media (prefers-reduced-motion: reduce) {
  .o-quadro .o-depois, .o-pino, .o-nota:not([hidden]), .o-painel:not([hidden]) { transition: none; animation: none; }
  .o-passo::before { transition: none; transform: scaleX(1); }
  .o-sist-li, .o-outro, .o-outro img { transition: none; }
}


@media (max-width: 700px) {
  .o-cap { padding: 46px 0; }
  .o-cta { padding: 44px 0; }

  
  .o-cab-txt > p:not(.o-rot) { display: none; }
  .o-cab h2 { font-size: 25px; margin-top: 8px; }
  .o-cab-txt { padding-top: 12px; border-top: 0; }

  
  .o-cab {
    grid-template-columns: auto 1fr; gap: 0 11px; align-items: baseline;
    border-top: 1px solid rgba(255,255,255,.18); padding-top: 14px;
  }
  .o-cap-papel .o-cab, .o-cap-areia .o-cab { border-top-color: rgba(1,58,71,.16); }
  .o-num { font-size: 26px; line-height: 1; -webkit-text-stroke-width: 1.2px; }

  
  .o-entregas, .o-sist, .o-limites, .o-fluxo, .o-faq, .o-docs { margin-top: 22px; }
  .o-entregas li { padding: 15px 0; }
  .o-entregas p { font-size: 16px; line-height: 1.42; }
  .o-sist-li { padding: 15px 0; gap: 5px; }
  .o-sist-li b { font-size: 17.5px; }
  .o-sist-li span { font-size: 14.6px; line-height: 1.5; }
  .o-limites li { padding: 16px 0; font-size: 15px; line-height: 1.55; }
  .o-limites li::before { margin-bottom: 6px; }
  .o-passo { padding: 17px 0 15px; }
  .o-passo b { margin-top: 9px; font-size: 17px; }
  .o-passo p { margin-top: 7px; }
  .o-docs { padding: 20px 18px; gap: 14px; }
  .o-doc-corpo { padding: 18px 16px 20px; }
  .o-nota-topo { margin-bottom: 10px; }

  
  .o-hero-txt { padding: 104px 20px 44px; }
  .o-lead { margin-top: 16px; }

  
  .o-outro span { display: none; }
  .o-outro { padding: 18px 20px; min-height: 0; }
  .o-outro b { margin-top: 5px; font-size: 18px; }
  .o-outro em { padding-top: 12px; }

  
  
  .o-hero .rp-ler-mais { color: var(--gold); }

  .o-sist-li[data-flat-oculto] { display: none; }
  
  .rp-mais-sist { border-top: 0; color: var(--gold); }
}




.o-fins{
  list-style:none; margin:22px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.o-fins li{
  font-size:12.5px; line-height:1.2; font-weight:600; letter-spacing:.01em;
  padding:7px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.86);
  background:rgba(255,255,255,.06);
  
  white-space:nowrap;
}

.o-cap-papel .o-fins li, .o-cap-areia .o-fins li{
  border-color:rgba(1,58,71,.16); color:#1F4750; background:rgba(1,58,71,.04);
}


.o-quem{ display:grid; gap:26px; }
.o-quem-foto{
  position:relative; border-radius:18px; overflow:hidden;
  background:#0E3039; aspect-ratio:4 / 3;
}
.o-quem-foto img{
  width:100%; height:100%; object-fit:cover;
  
  object-position:50% 28%;
  display:block;
}
.o-quem-txt h2{ margin:6px 0 0; }
.o-quem-txt > p{ margin:14px 0 0; max-width:56ch; }
.o-quem-selos{
  list-style:none; margin:22px 0 0; padding:0;
  display:grid; gap:12px;
}
.o-quem-selos li{
  display:flex; flex-direction:column; gap:2px;
  padding-left:14px; border-left:2px solid var(--ouro, #C0A671);
}
.o-quem-selos b{ font-size:14px; font-weight:600; }
.o-quem-selos span{ font-size:12.5px; opacity:.72; }

@media (min-width:860px){
  .o-quem{ grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:38px; align-items:center; }
  .o-quem-foto{ aspect-ratio:3 / 4; }
  .o-quem-selos{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .o-quem-selos li{ border-left-width:2px; }
}



.o-autoria{
  display:flex; align-items:center; gap:11px;
  margin-top:18px; padding:7px 14px 7px 7px;
  align-self:flex-start;
  border:1px solid rgba(255,255,255,.16); border-radius:999px;
  background:rgba(255,255,255,.05);
}
.o-autoria img{
  width:38px; height:38px; border-radius:50%; flex:none;
  object-fit:cover;
  
  object-position:34% 27%;
  border:1.5px solid rgba(192,166,113,.55);
}
.o-autoria b{ display:block; font-size:13px; font-weight:600; color:#fff; line-height:1.2; }
.o-autoria span{ display:block; font-size:11.5px; color:rgba(255,255,255,.62); line-height:1.3; margin-top:1px; }


.o-recorte{ display:none; }
@media (min-width:1000px){
  .o-recorte{
    display:block; position:absolute; z-index:2;
    right:-2%; bottom:0;
    width:min(70%, 430px); height:auto;
    
    filter:drop-shadow(0 24px 44px rgba(0,0,0,.42));
    pointer-events:none;
  }
  
  .o-hero .o-placa{ z-index:3; }
}
@media (min-width:1240px){
  .o-recorte{ width:min(64%, 470px); right:0; }
}


.rp-ler-mais{
  display:inline-flex; align-items:center; min-height:40px;
  margin-top:2px; padding:0; background:none; border:0;
  font:inherit; font-size:14px; font-weight:600;
  text-decoration:underline; text-underline-offset:3px; cursor:pointer;
  color:var(--gold-dark);
}
.o-hero .rp-ler-mais{ color:var(--gold); }



.o-retrato{
  position: relative; overflow: hidden;
  background: #0A2730;
  display: flex; align-items: flex-end;
  min-height: 62vh;
}

.o-retrato > picture{ position: absolute; inset: 0; }
.o-retrato picture img{
  width: 100%; height: 100%; object-fit: cover;
  
  object-position: 34% 27%;
}


.o-retrato::after{
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(1,40,49,.10) 38%, rgba(1,40,49,.82) 100%);
}


.o-retrato-cred{
  position: relative; z-index: 2;
  margin: 0; padding: 22px 26px 24px;
  display: flex; align-items: center; gap: 12px;
}
.o-retrato-cred i{
  flex: none; width: 3px; align-self: stretch; min-height: 34px;
  background: var(--gold); border-radius: 2px;
}
.o-retrato-cred b{ display: block; font-size: 15px; font-weight: 600; color: #fff; line-height: 1.2; }
.o-retrato-cred span{ display: block; margin-top: 2px; font-size: 12px; color: rgba(255,255,255,.68); line-height: 1.3; }


.o-retrato .o-rotulo{
  
  position: absolute; z-index: 3; right: 12px; top: 12px; bottom: auto; margin: 0;
  white-space: nowrap;
  font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.9);
  
  background: rgba(1,40,49,.62); padding: 4px 9px; border-radius: 999px;
  backdrop-filter: blur(3px);
}


.o-retrato--achado{ background: radial-gradient(120% 90% at 76% 18%, #12414E 0%, #0A2730 62%); }


@media (min-width: 1000px){
  .o-retrato picture img{
    object-fit: contain; object-position: center bottom;
    filter: drop-shadow(0 24px 44px rgba(0,0,0,.42));
  }
  .o-retrato::after{ background: linear-gradient(180deg, transparent 52%, rgba(1,40,49,.72) 100%); }
}
.o-retrato--achado .o-ficha{
  position: absolute; z-index: 2; left: 22px; bottom: 108px;
  width: min(74%, 268px); padding: 13px 15px;
  background: rgba(255,255,255,.96); border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.34);
}
.o-retrato--achado .o-ficha i{
  display: inline-block; font-style: normal;
  font-size: 9.5px; font-weight: 700; letter-spacing: .1em;
  padding: 4px 8px; border-radius: 6px;
  background: var(--ct3-bg); color: var(--ct3-t);
}
.o-retrato--achado .o-ficha b{
  display: block; margin-top: 8px; font-size: 13.5px; font-weight: 600;
  line-height: 1.32; color: var(--teal-900);
}
.o-retrato--achado .o-ficha span{
  display: block; margin-top: 5px; font-size: 11.5px; line-height: 1.4; color: var(--muted-2);
}


.o-retrato--visitas .o-etiqueta{
  position: absolute; z-index: 2; left: 0; right: 0; bottom: 84px;
  display: flex; align-items: stretch;
  background: rgba(1,40,49,.86); backdrop-filter: blur(3px);
  border-top: 1px solid rgba(192,166,113,.34);
  border-bottom: 1px solid rgba(192,166,113,.34);
}
.o-retrato--visitas .o-etiqueta div{
  flex: 1; padding: 13px 18px;
}
.o-retrato--visitas .o-etiqueta div + div{ border-left: 1px solid rgba(255,255,255,.14); }
.o-retrato--visitas .o-etiqueta i{
  display: block; font-style: normal;
  font-size: 9.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gold);
}
.o-retrato--visitas .o-etiqueta b{
  display: block; margin-top: 5px; font-size: 13px; font-weight: 600; color: #fff; line-height: 1.3;
}


.o-retrato--espelho .o-fio{
  position: absolute; z-index: 2; left: 24px; top: 22%; bottom: 122px;
  width: 1px; background: linear-gradient(180deg, var(--gold), rgba(192,166,113,.15));
}
.o-retrato--espelho .o-marco{
  position: absolute; z-index: 2; left: 24px;
  display: flex; align-items: center; gap: 11px;
  transform: translate(-6px, -50%);
}

.o-retrato--espelho .o-marco[data-m="entrada"]{ top: 22%; }
.o-retrato--espelho .o-marco[data-m="saida"]{ top: calc(100% - 132px); }
.o-retrato--espelho .o-marco::before{
  content: ""; flex: none; width: 13px; height: 13px; border-radius: 50%;
  background: var(--teal-900); border: 2px solid var(--gold);
}
.o-retrato--espelho .o-marco span{
  font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gold);
  background: rgba(1,40,49,.78); padding: 6px 11px; border-radius: 999px;
  backdrop-filter: blur(3px);
}


.o-retrato--selo .o-selo-rd{
  position: absolute; z-index: 2;
  top: auto; left: auto; right: 20px; bottom: 96px;
  width: clamp(84px, 22%, 124px); height: auto;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,.42));
}
.o-retrato--selo .o-norma{
  position: absolute; z-index: 2; left: 24px; bottom: 100px;
  font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--teal-900); background: var(--gold);
  padding: 7px 12px; border-radius: 6px;
}


.o-marcas{
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
  margin-top: 34px; padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.16);
  font-size: 12.5px; color: rgba(255,255,255,.72);
}
.o-marcas span{ display: inline-flex; align-items: center; gap: 14px; }
.o-marcas span + span::before{
  content: ""; width: 3px; height: 3px; border-radius: 50%;
  background: rgba(192,166,113,.7);
}

@media (max-width: 999px){
  
  .o-retrato{ order: -1; min-height: 0; height: 236px; margin-top: 75px; }
  .o-hero-txt{ padding-top: 26px; }
  .o-retrato-cred{ padding: 16px 22px 18px; }
  .o-retrato-cred b{ font-size: 14px; }

  
  .o-retrato--achado .o-ficha{
    left: auto; right: 12px; bottom: 76px;
    width: min(58%, 208px); padding: 9px 11px;
  }
  .o-retrato--achado .o-ficha i{ font-size: 8.5px; padding: 3px 6px; }
  .o-retrato--achado .o-ficha b{ margin-top: 6px; font-size: 12px; line-height: 1.28; }
  .o-retrato--achado .o-ficha span{ display: none; }

  .o-retrato--visitas .o-etiqueta{ bottom: 66px; }
  .o-retrato--visitas .o-etiqueta div{ padding: 10px 14px; }
  .o-retrato--visitas .o-etiqueta b{ font-size: 12px; }

  
  
  .o-retrato--espelho .o-fio{
    top: auto; bottom: 84px; left: 22px; right: 22px;
    width: auto; height: 1px;
    background: linear-gradient(90deg, var(--gold), rgba(192,166,113,.15));
  }
  
  .o-retrato--espelho .o-marco{ transform: translateY(-50%); }
  .o-retrato--espelho .o-marco[data-m="entrada"]{ top: auto; bottom: 84px; left: 22px; transform: translateY(50%); }
  .o-retrato--espelho .o-marco[data-m="saida"]{ top: auto; bottom: 84px; left: auto; right: 22px; transform: translateY(50%); flex-direction: row-reverse; }
  .o-retrato--espelho .o-marco span{ font-size: 9px; padding: 5px 9px; }

  .o-retrato--selo .o-selo-rd{ bottom: 72px; width: 78px; }
  .o-retrato--selo .o-norma{ bottom: 76px; }

  .o-marcas{ margin-top: 26px; padding-top: 16px; font-size: 12px; gap: 6px 12px; }
}

@media (max-width: 400px){
  .o-retrato{ height: 208px; }
  .o-retrato--achado .o-ficha{ width: min(70%, 210px); bottom: 76px; }
}



.o-galeria{
  display: grid; gap: 12px;
  
  grid-template-columns: repeat(4, 1fr);
  margin-top: 34px;
}
@media (max-width: 1180px) and (min-width: 1000px){
  .o-galeria{ grid-template-columns: repeat(3, 1fr); }
}
.o-galeria figure{
  position: relative; margin: 0; overflow: hidden;
  border-radius: 12px; background: #0A2730;
  aspect-ratio: 4 / 3;
}
.o-galeria img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .6s cubic-bezier(.4,0,.2,1);
}
.o-galeria figure:hover img{ transform: scale(1.045); }
.o-galeria figcaption{
  position: absolute; inset: auto 0 0 0; z-index: 2;
  padding: 30px 14px 12px;
  background: linear-gradient(180deg, transparent, rgba(1,40,49,.88) 62%);
  font-size: 12.5px; line-height: 1.35; color: #fff;
}
.o-galeria figcaption b{ display: block; font-weight: 600; }
.o-galeria figcaption span{
  display: block; margin-top: 2px;
  font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--gold);
}


@media (max-width: 999px){
  .o-galeria{
    grid-template-columns: none;
    grid-auto-flow: column; grid-auto-columns: 78%;
    gap: 10px; margin-top: 26px;
    overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 22px;
    
    margin-inline: calc(var(--o-margem-mob) * -1);
    padding-inline: var(--o-margem-mob);
    scrollbar-width: none;
  }
  .o-galeria::-webkit-scrollbar{ display: none; }
  .o-galeria figure{ scroll-snap-align: start; }
  .o-galeria figcaption{ font-size: 12px; padding: 26px 12px 11px; }
}
@media (max-width: 400px){
  .o-galeria{ grid-auto-columns: 84%; }
}



.o-folhas{ margin-top: 34px; }



.o-palco{
  --folha: min(74vw, 300px);
  --respiro: 62px;
  position: relative;
  height: calc(var(--folha) * 1.414 + var(--respiro));
  max-width: 620px; margin: 0 auto;
  perspective: 1800px;
  background: radial-gradient(120% 100% at 50% 12%, #14424F 0%, #0A2730 68%);
  border-radius: 16px;
  padding: 24px 0 30px;
}
@media (min-width: 1000px){
  .o-palco{ --folha: 460px; --respiro: 82px; max-width: 900px; padding: 34px 0 44px; }
}

.o-folha{
  position: absolute; inset: 0; margin: auto;
  width: var(--folha); aspect-ratio: 1 / 1.414;
  background: #FCFBF8; color: #1B2A2E;
  border-radius: 3px;
  padding: 30px 30px 26px;
  display: flex; flex-direction: column;
  transform-origin: 50% 100%;
  box-shadow: 0 2px 6px rgba(0,0,0,.14), 0 18px 44px rgba(0,0,0,.30);
  transition: transform .62s cubic-bezier(.32,.72,.28,1), opacity .5s ease;
  will-change: transform;
  overflow: hidden;
}


.o-folha[data-pos="0"]{ transform: translate(0,0) rotate(0deg) scale(1); opacity: 1; z-index: 4; }

.o-folha[data-pos="1"]{ transform: translate(2.5%, -16px) rotate(1.4deg) scale(.965); opacity: 1; z-index: 3; }
.o-folha[data-pos="2"]{ transform: translate(5%, -30px) rotate(2.6deg) scale(.93); opacity: .92; z-index: 2; }
.o-folha[data-pos="3"]{ transform: translate(7.5%, -42px) rotate(3.6deg) scale(.9); opacity: .7; z-index: 1; }
@media (min-width: 1000px){
  
  
  
  .o-folha[data-pos="1"]{ transform: translate(16%, -14px) rotate(2.2deg) scale(.955); }
  .o-folha[data-pos="2"]{ transform: translate(30%, -24px) rotate(4deg) scale(.915); }
  .o-folha[data-pos="3"]{ transform: translate(41%, -34px) rotate(5.6deg) scale(.88); opacity: .8; }
}

.o-folha[data-pos="saiu"]{
  
  transform: translate(-38%, 20px) rotate(-9deg) rotateY(26deg) scale(1.02);
  opacity: 0; z-index: 5; pointer-events: none;
}


.o-folha-topo{
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; padding-bottom: 9px; border-bottom: 1px solid rgba(1,58,71,.16);
}
.o-folha-topo b{
  font-size: 9.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--gold-dark);
}
.o-folha-topo span{ font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: #8C9BA0; }
.o-folha h4{
  margin: 18px 0 0; font-size: 19px; font-weight: 700; line-height: 1.16;
  letter-spacing: -.02em; color: var(--teal-900);
}
.o-folha > p{ margin: 8px 0 0; font-size: 11.5px; line-height: 1.5; color: #5A6B70; }
.o-folha-corpo{ flex: 1; margin-top: 16px; min-height: 0; }
.o-folha-pe{
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 10px; margin-top: 10px; border-top: 1px solid rgba(1,58,71,.12);
  font-size: 8.5px; letter-spacing: .1em; text-transform: uppercase; color: #9AA8AC;
}


.o-fl{ display: flex; align-items: center; gap: 9px; padding: 7px 0; border-bottom: 1px solid rgba(1,58,71,.08); }
.o-fl:last-child{ border-bottom: 0; }
.o-fl i{ flex: none; width: 8px; height: 8px; border-radius: 50%; }
.o-fl b{ flex: 1; font-size: 11.5px; font-weight: 600; color: var(--teal-900); }
.o-fl em{ font-style: normal; font-size: 10px; color: #7C8B90; }
.o-fl s{ text-decoration: none; font-size: 8.5px; font-weight: 700; letter-spacing: .08em; padding: 3px 7px; border-radius: 4px; }
.o-fbarra{ display: flex; height: 7px; border-radius: 4px; overflow: hidden; margin: 4px 0 14px; }
.o-fbarra i{ height: 100%; }


.o-fgrade{ display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.o-fgrade figure{ margin: 0; position: relative; aspect-ratio: 4/3; overflow: hidden; border-radius: 3px; background: #E9ECEC; }
.o-fgrade img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.o-fgrade figcaption{
  position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 7px 5px;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.7));
  font-size: 8px; letter-spacing: .06em; text-transform: uppercase; color: #fff;
}


.o-folha-nav{
  display: flex; align-items: center; justify-content: center; gap: 16px;
  margin-top: 20px;
}
.o-folha-nav button{
  width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
  background: transparent; color: currentColor;
  border: 1px solid rgba(1,58,71,.22);
  font-size: 17px; line-height: 1;
  transition: background .2s, border-color .2s;
}
.o-cap[data-claro="0"] .o-folha-nav button{ border-color: rgba(255,255,255,.26); color: #fff; }
.o-folha-nav button:hover{ border-color: var(--gold); background: rgba(192,166,113,.12); }
.o-folha-nav button:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
.o-folha-conta{
  display: flex; gap: 7px;
}
.o-folha-conta i{
  width: 7px; height: 7px; border-radius: 50%; background: rgba(1,58,71,.2);
  transition: background .3s, transform .3s;
}
.o-cap[data-claro="0"] .o-folha-conta i{ background: rgba(255,255,255,.28); }
.o-folha-conta i[aria-current]{ background: var(--gold); transform: scale(1.35); }

@media (max-width: 999px){
  .o-folhas{ margin-top: 26px; }
  .o-folha{ padding: 20px 18px 16px; }
  .o-folha h4{ font-size: 16px; margin-top: 14px; }
  .o-folha > p{ font-size: 10.5px; }
  .o-fl b{ font-size: 10.5px; }
  .o-fl em{ display: none; }
  .o-folha-corpo{ margin-top: 12px; }
}


@media (prefers-reduced-motion: reduce){
  .o-folha{ transition: none; }
}


.o-folha--pag{ padding: 0; display: block; background: #FFF; }
.o-folha--pag img{
  width: 100%; height: 100%; display: block;
  object-fit: cover; object-position: top center;
}

.o-folha-selo{
  margin: 14px auto 0; max-width: 46ch; text-align: center;
  font-size: 11.5px; line-height: 1.45; color: rgba(255,255,255,.6);
}
.o-cap[data-claro="1"] .o-folha-selo{ color: var(--muted-2); }


.o-faixa { background: var(--teal-900); color: #fff; padding: 44px 0 50px; }
.o-faixa .o-rot { margin: 0 0 24px; }

.o-faixa-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.o-faixa .o-nota-pe { margin-top: 34px; }
@media (max-width: 900px) { .o-faixa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 22px; } }
@media (max-width: 520px) {
  .o-faixa { padding: 34px 0 38px; }
  
  .o-faixa-grid { grid-template-columns: 1fr; gap: 20px; }
}


.o-tira { background: var(--teal-900); border-top: 1px solid rgba(214,171,109,.24); padding: 30px 0; }
.o-tira .o-in { display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap; }
.o-tira b { display: block; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -.15px; }
.o-tira span { display: block; margin-top: 6px; font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,.7); max-width: 56ch; }
.o-tira .btn { flex: none; }
@media (max-width: 700px) {
  .o-tira { padding: 26px 0; }
  .o-tira .o-in { gap: 20px; }
  .o-tira .btn { width: 100%; justify-content: center; }
}


.o-esc-grid { margin-top: 46px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 26px; }
.o-esc-c { display: grid; gap: 0; align-content: start; }
.o-esc-foto {
  position: relative; overflow: hidden; border-radius: 12px; aspect-ratio: 4 / 3;
  background: var(--teal-900); border: 1px solid rgba(214,171,109,.2);
}
.o-esc-foto img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  
  filter: saturate(.94) contrast(1.05);
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.o-esc-c:hover .o-esc-foto img { transform: scale(1.045); opacity: 1; }

.o-esc-foto::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(1,58,71,.1) 0%, rgba(1,58,71,0) 38%, rgba(1,58,71,.58) 100%);
}

.o-esc-foto i {
  position: absolute; z-index: 2; left: 12px; bottom: 11px;
  font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: .12em;
  color: var(--gold); background: rgba(1,40,49,.72); border: 1px solid rgba(214,171,109,.34);
  padding: 3px 9px; border-radius: 999px; backdrop-filter: blur(3px);
}

.o-esc-doc { display: grid; place-items: center; background: rgba(255,255,255,.045); }
.o-esc-doc svg { width: 58px; height: 58px; color: rgba(214,171,109,.72); }
.o-esc-c b { margin-top: 18px; font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.o-esc-c span { margin-top: 7px; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.7); text-wrap: pretty; }
.o-esc-leg { margin-top: 30px; font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,.5); }
.o-esc .o-nota-pe { margin-top: 14px; }
@media (max-width: 940px) { .o-esc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; } }
@media (max-width: 560px) {
  
  .o-esc-grid { grid-template-columns: 1fr; gap: 18px; }
  .o-esc-c { grid-template-columns: 116px 1fr; column-gap: 16px; align-items: center; }
  .o-esc-foto { grid-row: span 2; aspect-ratio: 1 / 1; border-radius: 10px; }
  .o-esc-foto i { left: 9px; bottom: 7px; font-size: 10.5px; }
  .o-esc-doc svg { width: 34px; height: 34px; }
  .o-esc-c b { margin-top: 0; font-size: 17.5px; align-self: end; }
  .o-esc-c span { margin-top: 4px; font-size: 13.6px; align-self: start; }
}


.o-rail { list-style: none; margin: 54px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.o-rail > li { display: grid; align-content: start; }
.o-rail-marca { position: relative; display: flex; align-items: center; height: 52px; margin-bottom: 22px; }
.o-rail-marca i {
  position: relative; z-index: 2; flex: none; display: grid; place-items: center;
  width: 52px; height: 52px; border-radius: 50%;
  border: 1px solid rgba(214,171,109,.5); background: var(--teal-900);
  font-style: normal; font-size: 14.5px; font-weight: 700; letter-spacing: .06em; color: var(--gold);
}
.o-rail-marca::after {
  content: ""; position: absolute; left: 52px; right: -34px; top: 50%; height: 1px;
  background: linear-gradient(90deg, rgba(214,171,109,.42), rgba(214,171,109,.12));
}
.o-rail > li:last-child .o-rail-marca::after { display: none; }
.o-rail b { font-size: 21px; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.o-rail p { margin: 9px 0 0; font-size: 15px; line-height: 1.58; color: rgba(255,255,255,.72); text-wrap: pretty; }

.o-rail em {
  margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.12);
  font-style: normal; font-size: 13.6px; line-height: 1.5; color: var(--gold);
}
@media (max-width: 860px) {
  .o-rail { grid-template-columns: 1fr; gap: 30px; }
  .o-rail-marca { height: 44px; margin-bottom: 16px; }
  .o-rail-marca i { width: 44px; height: 44px; font-size: 13px; }
  
  .o-rail-marca::after { display: none; }
  .o-rail b { font-size: 19px; }
}


.o-preciso {
  margin-top: 58px; display: grid; grid-template-columns: 268px 1fr; gap: 32px 44px;
  background: var(--sand-light); color: var(--ink);
  border-radius: 20px; padding: 34px 38px 36px;
  box-shadow: 0 26px 60px rgba(1,40,49,.22);
}
.o-preciso-cab b { display: block; font-size: 19.5px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-preciso-cab span { display: block; margin-top: 11px; font-size: 14.4px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }
.o-preciso ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 34px; }
.o-preciso li { position: relative; padding-left: 22px; }
.o-preciso li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--gold); }
.o-preciso li b { display: block; font-size: 15px; font-weight: 700; color: var(--teal-900); }
.o-preciso li span { display: block; margin-top: 3px; font-size: 13.8px; line-height: 1.5; color: var(--muted); }
@media (max-width: 860px) {
  .o-preciso { grid-template-columns: 1fr; gap: 26px; padding: 28px 24px 30px; margin-top: 44px; }
  .o-preciso ul { grid-template-columns: 1fr; gap: 16px; }
}


.o-luz .o-outros { margin-top: 46px; gap: 22px; background: none; border: 0; grid-template-columns: 1fr; }
@media (min-width: 820px) { .o-luz .o-outros { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; background: none; border: 0; } }
.o-luz .o-outro {
  
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  padding: 0 0 26px; min-height: 0; overflow: hidden;
  box-shadow: 0 2px 3px rgba(1,40,49,.04);
  transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .4s ease;
}
.o-luz .o-outro:hover { transform: translateY(-3px); border-color: rgba(192,166,113,.5); box-shadow: 0 22px 44px rgba(1,40,49,.13); }

.o-luz .o-outro img { position: static; width: 100%; height: 172px; opacity: 1; border-radius: 0; }
.o-luz .o-outro:hover img { opacity: 1; transform: scale(1.03); }
.o-luz .o-outro > div { height: auto; flex: 1; padding: 22px 24px 0; }
.o-luz .o-outro i { color: var(--gold-dark); }
.o-luz .o-outro b { margin-top: 12px; font-size: 21px; color: var(--teal-900); }
.o-luz .o-outro span { color: var(--muted); }
.o-luz .o-outro em { padding-top: 18px; color: var(--gold-dark); }


.o-fecho {
  position: relative; overflow: hidden; text-align: center;
  background: var(--teal); color: #fff;
  padding: 76px 0 82px;
  border-top: 1px solid rgba(214,171,109,.34);
  border-bottom: 1px solid rgba(214,171,109,.22);
}
.o-fecho .o-in { position: relative; max-width: 760px; }
.o-fecho .o-rot { justify-content: center; }
.o-fecho h2 {
  margin: 16px 0 0; font-size: clamp(28px, 4.2vw, 44px); font-weight: 700;
  line-height: 1.08; letter-spacing: -.03em; color: #fff;
}
.o-fecho h2 em { font-style: normal; color: var(--gold); }
.o-fecho > .o-in > p { margin: 16px auto 0; max-width: 52ch; font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,.78); text-wrap: pretty; }
.o-fecho-acoes { margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 26px; flex-wrap: wrap; }
@media (max-width: 700px) {
  .o-fecho { padding: 54px 0 58px; }
  .o-fecho-acoes { gap: 18px; }
  .o-fecho-acoes .btn { width: 100%; justify-content: center; }
}


.o-esc-grid .rp-mais-sist { grid-column: 1 / -1; }


.o-decide { margin-top: 44px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.o-decide > div { padding-top: 17px; border-top: 1px solid rgba(214,171,109,.4); }
.o-decide b { display: block; font-size: 16px; font-weight: 700; letter-spacing: -.01em; color: var(--gold); }
.o-decide span { display: block; margin-top: 8px; font-size: 14.2px; line-height: 1.55; color: rgba(255,255,255,.72); text-wrap: pretty; }
@media (max-width: 900px) { .o-decide { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } }
@media (max-width: 520px) { .o-decide { grid-template-columns: 1fr; gap: 18px; margin-top: 34px; } }


.o-folha--ach .o-folha-corpo { border-radius: 8px; overflow: hidden; background: #E8EDEE; }
.o-folha--ach .o-folha-corpo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.o-folha--ach .o-folha-pe { align-items: center; gap: 10px; }
.o-folha--ach .o-chip { flex: none; font-size: 9px; font-weight: 700; letter-spacing: .02em; padding: 4px 8px; border-radius: 999px; }
.o-folha--ach .o-folha-pe em {
  font-style: normal; font-size: 9px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: #8C9BA0; text-align: right;
}




.o-cap-branca { background: #fff; color: var(--ink); }
.o-cap-branca .o-cab-txt { border-top-color: rgba(1,58,71,.16); }
.o-cap-branca .o-rot { color: var(--gold-dark); }
.o-cap-branca .o-cab h2 { color: var(--teal-900); }
.o-cap-branca .o-cab h2 em { color: var(--gold-dark); }
.o-cap-branca .o-cab p { color: var(--muted); }
.o-cap-branca .o-nota-pe { color: var(--muted-2); }


.o-faixa { background: var(--sand-light); color: var(--ink); border-bottom: 1px solid var(--line); }
.o-faixa .o-rot { color: var(--gold-dark); }

.o-faixa .o-nota-pe { color: var(--muted-2); }


.o-esc2-in { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 30px 64px; align-items: start; }
.o-esc2 .o-cab { position: sticky; top: 104px; }
.o-esc2 .o-cab h2 { max-width: 15ch; }
.o-esc2 .o-nota-pe { margin-top: 26px; max-width: 34ch; }

.o-esc-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
.o-esc-li {
  display: grid; grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: start; gap: 16px;
  padding: 20px 0 22px; border-top: 1px solid rgba(1,58,71,.13);
}

.o-esc-li:last-child { grid-column: 1 / -1; border-bottom: 1px solid rgba(1,58,71,.13); }
.o-esc-ico {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px;
  border: 1px solid rgba(1,58,71,.16); background: var(--sand-light); color: var(--gold-dark);
  transition: border-color .35s ease, background .35s ease, color .35s ease;
}
.o-esc-ico svg { width: 21px; height: 21px; }
.o-esc-li:hover .o-esc-ico { border-color: rgba(192,166,113,.75); background: #fff; color: var(--teal-900); }
.o-esc-li b { display: block; font-size: 17.5px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-esc-li > div > span { display: block; margin-top: 5px; font-size: 14px; line-height: 1.5; color: var(--muted); text-wrap: pretty; }
.o-esc-li > i {
  font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .14em;
  color: rgba(140,116,68,.55); padding-top: 5px;
}
@media (max-width: 1000px) {
  .o-esc2-in { grid-template-columns: 1fr; gap: 38px; }
  .o-esc-lista { grid-template-columns: 1fr; column-gap: 0; }
  .o-esc-li:last-child { grid-column: auto; }
  .o-esc2 .o-cab { position: static; }
  .o-esc2 .o-cab h2 { max-width: 20ch; }
  .o-esc2 .o-nota-pe { max-width: none; }
}
@media (max-width: 560px) {
  .o-esc-li { grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 18px 0; }
  .o-esc-ico { width: 38px; height: 38px; border-radius: 11px; }
  .o-esc-ico svg { width: 19px; height: 19px; }
  .o-esc-li b { font-size: 17px; }
  
  .o-esc-li > i { display: none; }
}

@media (max-width: 700px) { .o-esc-li[data-flat-oculto] { display: none; } }


.o-laudo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); gap: 34px 66px; align-items: center; }
.o-laudo .o-decide { margin-top: 38px; grid-template-columns: 1fr; gap: 20px; }
.o-laudo .o-folhas { margin-top: 0; }

@media (min-width: 1000px) {
  .o-laudo .o-folha[data-pos="0"] { transform: translate(0,0) rotate(0deg) scale(1); }
  .o-laudo .o-folha[data-pos="1"] { transform: translate(2.6%, -15px) rotate(1.3deg) scale(.968); }
  .o-laudo .o-folha[data-pos="2"] { transform: translate(5.2%, -27px) rotate(2.3deg) scale(.936); }
  .o-laudo .o-folha[data-pos="3"] { transform: translate(7.8%, -38px) rotate(3.2deg) scale(.905); }
}
@media (max-width: 999px) { .o-laudo-grid { grid-template-columns: 1fr; gap: 40px; } }


.o-como.o-cap-areia .o-rail b { color: var(--teal-900); }
.o-como.o-cap-areia .o-rail p { color: var(--muted); }
.o-como.o-cap-areia .o-rail em { color: var(--gold-dark); border-top-color: rgba(1,58,71,.14); }
.o-como.o-cap-areia .o-rail-marca::after { background: linear-gradient(90deg, rgba(140,116,68,.42), rgba(140,116,68,.12)); }

.o-como.o-cap-areia .o-preciso { background: #fff; border: 1px solid var(--line); box-shadow: 0 18px 44px rgba(1,40,49,.09); }


.o-luz .o-outro em { margin-top: auto; }



.o-laudo .o-palco { --folha: min(80vw, 340px); --razao: 1.3; height: calc(var(--folha) * var(--razao) + var(--respiro)); }

.o-folha--ach { aspect-ratio: 1 / var(--razao, 1.3); }
@media (min-width: 1000px) {
  .o-laudo .o-palco { --folha: min(43vw, 520px); --razao: 1.15; --respiro: 78px; max-width: 640px; }
}
.o-folha--ach { padding: 26px 26px 22px; }
@media (min-width: 1000px) { .o-folha--ach { padding: 30px 30px 24px; } }


.o-folha--ach h4 { margin-top: 14px; font-size: 17px; line-height: 1.24; max-width: 26ch; }
@media (min-width: 1000px) { .o-folha--ach h4 { font-size: 19.5px; } }
.o-folha--ach .o-folha-corpo { flex: 1 1 auto; min-height: 132px; margin-top: 16px; border-radius: 10px; overflow: hidden; background: #E8EDEE; }
.o-folha--ach .o-folha-corpo img { width: 100%; height: 100%; object-fit: cover; display: block; }


.o-folha-campos { margin: 14px 0 0; display: grid; gap: 7px; }
.o-folha-campos > div { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px; align-items: baseline; }
.o-folha-campos dt {
  font-size: 8.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--gold-dark);
}
.o-folha-campos dd { margin: 0; font-size: 11.5px; line-height: 1.45; color: #4A5C62; text-wrap: pretty; }
@media (min-width: 1000px) {
  .o-folha-campos > div { grid-template-columns: 62px minmax(0, 1fr); }
  .o-folha-campos dt { font-size: 9.5px; }
  .o-folha-campos dd { font-size: 12.8px; }
}
.o-folha--ach .o-folha-pe { align-items: center; gap: 10px; }
.o-folha--ach .o-chip { flex: none; font-size: 9.5px; font-weight: 700; padding: 5px 10px; border-radius: 999px; }
.o-folha--ach .o-folha-pe em {
  font-style: normal; font-size: 9.5px; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: #93A1A6;
}
@media (min-width: 1000px) { .o-folha--ach .o-chip { font-size: 10.5px; } }


.o-folha--ach[data-pos="0"] { cursor: pointer; }
.o-folha--ach[data-pos="0"]:hover { box-shadow: 0 40px 90px rgba(1,20,26,.5); }


@media (prefers-reduced-motion: no-preference) {
  @keyframes rp-ach-txt { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @keyframes rp-ach-foto { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: none; } }
  @keyframes rp-ach-selo { from { opacity: 0; transform: scale(.82) rotate(-4deg); } to { opacity: 1; transform: none; } }
  .o-folha--ach[data-pos="0"] .o-folha-topo { animation: rp-ach-txt .42s .04s both cubic-bezier(.22,1,.36,1); }
  .o-folha--ach[data-pos="0"] h4 { animation: rp-ach-txt .5s .1s both cubic-bezier(.22,1,.36,1); }
  .o-folha--ach[data-pos="0"] .o-folha-corpo img { animation: rp-ach-foto .72s .16s both cubic-bezier(.22,1,.36,1); }
  .o-folha--ach[data-pos="0"] .o-folha-campos > div:nth-child(1) { animation: rp-ach-txt .46s .26s both cubic-bezier(.22,1,.36,1); }
  .o-folha--ach[data-pos="0"] .o-folha-campos > div:nth-child(2) { animation: rp-ach-txt .46s .32s both cubic-bezier(.22,1,.36,1); }
  
  .o-folha--ach[data-pos="0"] .o-chip { animation: rp-ach-selo .5s .4s both cubic-bezier(.34,1.3,.5,1); }
  .o-folha--ach[data-pos="0"] .o-folha-pe em { animation: rp-ach-txt .4s .46s both ease-out; }
}


.o-folha-conta i { cursor: pointer; }
.o-folha-conta i:hover { background: rgba(192,166,113,.7); transform: scale(1.2); }
.o-folha-conta i:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.o-folha-conta i::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; }
.o-folha-conta i { position: relative; }


.o-laudo .o-palco { background: none; border-radius: 0; }
.o-laudo .o-palco::before {
  content: ""; position: absolute; z-index: 0; inset: 6% -6% 2%;
  background: radial-gradient(58% 52% at 50% 46%, rgba(192,166,113,.16) 0%, rgba(192,166,113,.05) 42%, transparent 72%);
  pointer-events: none;
}


.o-folha--ach {
  border-radius: 18px;
  background: #FDFCFA;
  
  box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 34px 70px rgba(0,0,0,.44);
}

.o-folha--ach:not([data-pos="0"]):not([data-pos="saiu"]) { box-shadow: 0 18px 40px rgba(0,0,0,.3); }
.o-folha--ach:not([data-pos="0"]) > *:not(.o-folha-corpo) { opacity: 0; transition: opacity .3s ease; }
.o-folha--ach:not([data-pos="0"]) .o-folha-corpo { opacity: .3; }

.o-folha--ach .o-folha-corpo { border-radius: 12px; background: #EDF1F1; }
.o-folha--ach .o-folha-topo { border-bottom: 0; padding-bottom: 0; }
.o-folha--ach .o-folha-pe { border-top: 1px solid rgba(1,58,71,.1); padding-top: 13px; margin-top: 13px; }


.o-laudo .o-folha-nav { margin-top: 26px; gap: 20px; }
.o-laudo .o-folha-nav button {
  width: 42px; height: 42px; border-color: rgba(255,255,255,.16);
  backdrop-filter: blur(4px); font-size: 17px; line-height: 1;
}
.o-laudo .o-folha-nav button:hover { border-color: var(--gold); background: rgba(192,166,113,.14); transform: translateY(-1px); }

.o-laudo .o-folha-conta {
  gap: 9px; padding: 9px 14px; border-radius: 999px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09);
}
.o-laudo .o-folha-conta i[aria-current] { transform: scale(1); width: 22px; border-radius: 999px; }
.o-laudo .o-folha-conta i { transition: width .34s cubic-bezier(.22,1,.36,1), background .3s; }

.o-laudo .o-folha-selo { max-width: 54ch; margin-top: 18px; }


.o-laudo.o-cap-teal .o-palco::before { opacity: .72; }

.o-laudo.o-cap-teal .o-folha--ach { box-shadow: 0 2px 6px rgba(1,30,38,.14), 0 30px 62px rgba(1,30,38,.34); }
.o-laudo.o-cap-teal .o-folha--ach:not([data-pos="0"]):not([data-pos="saiu"]) { box-shadow: 0 16px 34px rgba(1,30,38,.24); }


.o-cap-areia .o-decide > div { border-top-color: rgba(1,58,71,.2); }
.o-cap-areia .o-decide b { color: var(--gold-dark); }
.o-cap-areia .o-decide span { color: var(--muted); }

.o-laudo.o-cap-areia .o-palco::before {
  background: radial-gradient(46% 40% at 50% 62%, rgba(1,40,49,.09) 0%, rgba(1,40,49,.03) 52%, transparent 76%);
  opacity: 1;
}

.o-laudo.o-cap-areia .o-folha--ach {
  border: 1px solid rgba(1,58,71,.07);
  box-shadow: 0 2px 5px rgba(1,40,49,.07), 0 26px 54px rgba(1,40,49,.17);
}
.o-laudo.o-cap-areia .o-folha--ach:not([data-pos="0"]):not([data-pos="saiu"]) { box-shadow: 0 14px 30px rgba(1,40,49,.12); }

.o-laudo.o-cap-areia .o-folha-nav button { border-color: rgba(1,58,71,.2); color: var(--teal-900); }
.o-laudo.o-cap-areia .o-folha-nav button:hover { border-color: var(--gold-dark); background: rgba(192,166,113,.16); }
.o-laudo.o-cap-areia .o-folha-conta { background: rgba(1,58,71,.05); border-color: rgba(1,58,71,.1); }
.o-laudo.o-cap-areia .o-folha-conta i { background: rgba(1,58,71,.24); }
.o-laudo.o-cap-areia .o-folha-conta i[aria-current] { background: var(--gold-dark); }
.o-laudo.o-cap-areia .o-folha-conta i:hover { background: var(--teal-900); }
.o-laudo.o-cap-areia .o-folha-selo { color: var(--muted); }


.o-cap-papel .o-cab .o-rot,
.o-cap-areia .o-cab .o-rot,
.o-cap-branca .o-cab .o-rot { color: var(--gold-dark); }
.o-cap-cacau .o-cab .o-rot { color: var(--gold); } 


.o-faixa,
.o-cap-areia,
.o-cap-papel,
.o-cap-branca {
  --muted: #4E6065;
  --muted-2: #55666B;
  --gold-dark: #7A6436;
}


.o-cap .o-cab .o-rot { color: var(--gold); }
.o-cap-papel .o-cab .o-rot,
.o-cap-areia .o-cab .o-rot,
.o-cap-branca .o-cab .o-rot { color: var(--gold-dark); }



.o-folha--ach .o-folha-pe em { color: #4E6065; }


.o-esc-li > i { color: #7A6436; }


.o-faixa-tit {
  margin: 12px 0 26px; max-width: 30ch;
  font-size: clamp(22px, 2.6vw, 31px); font-weight: 700; line-height: 1.12;
  letter-spacing: -.03em; color: var(--teal-900); text-wrap: balance;
}
.o-faixa-tit em { font-style: normal; color: var(--gold-dark); }
@media (max-width: 700px) { .o-faixa-tit { margin-bottom: 22px; } }


.o-folha-guia {
  margin: 0 0 4px; text-align: center;
  font-size: 13.5px; line-height: 1.5; color: var(--muted);
}
.o-folha-guia span { color: var(--gold-dark); font-weight: 600; }


.o-faixa { position: relative; overflow: hidden; }
.o-faixa > .o-in { position: relative; z-index: 1; }
.o-faixa-shape {
  position: absolute; inset: 0; pointer-events: none;
  background: url("pattern-gold.svg") no-repeat right -180px top -160px;
  background-size: 760px;
  opacity: .3;
  -webkit-mask-image: radial-gradient(74% 96% at 92% 8%, #000 4%, rgba(0,0,0,.45) 44%, transparent 80%);
  mask-image: radial-gradient(74% 96% at 92% 8%, #000 4%, rgba(0,0,0,.45) 44%, transparent 80%);
}
@media (max-width: 860px) {
  .o-faixa-shape { background-size: 520px; background-position: right -120px top -110px; opacity: .24; }
}


.o-faixa-tit em,
.o-cap-papel .o-cab h2 em,
.o-cap-areia .o-cab h2 em,
.o-cap-branca .o-cab h2 em { color: #9C7F42; }


.o-faixa {
  
  background: #E1E7E8;
  border-bottom: 0;
  
  --muted: #13424C;
  --muted-2: #13424C;
  --gold-dark: var(--teal-900);
}

.o-faixa .o-rot { color: var(--gold-dark); }
.o-faixa-tit { color: var(--teal-900); }
.o-faixa-tit em { color: #7A6436; }
.o-faixa .o-nota-pe { color: #13424C; }


.o-faixa-shape {
  background-image: url("pattern-teal.svg");
  background-position: right -260px top -200px;
  background-size: 700px;
  opacity: .07;
}
@media (max-width: 860px) { .o-faixa-shape { opacity: .06; background-size: 480px; background-position: right -140px top -120px; } }


.o-preciso {
  display: block; padding: 26px 30px 28px;
}
.o-preciso > b {
  display: block; font-size: 17.5px; font-weight: 700; letter-spacing: -.02em;
  color: var(--teal-900);
}
.o-preciso ul {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 16px 0 0; padding: 0; list-style: none;
}
.o-preciso li {
  padding: 8px 15px 9px; border-radius: 999px;
  background: rgba(1,58,71,.05); border: 1px solid rgba(1,58,71,.1);
  font-size: 14px; font-weight: 600; color: var(--teal-900);
}
.o-preciso li::before { content: none; }
.o-preciso > span {
  display: block; margin-top: 16px;
  font-size: 13.8px; line-height: 1.55; color: var(--muted);
}
@media (max-width: 860px) { .o-preciso { padding: 22px 20px 24px; } }


.o-final {
  position: relative; overflow: hidden;
  background: #E1E7E8; color: var(--teal-900);
  padding: 84px 0 90px;
  border-top: 0;
  --muted: #13424C;
  --muted-2: #13424C;
}

.o-final-shape { background-image: url("pattern-teal.svg"); opacity: .07; }
.o-final-grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 40px 72px; align-items: start;
}
.o-final-cta .o-rot { color: var(--teal-900); }
.o-final-cta h2 {
  margin: 18px 0 0; max-width: 15ch;
  font-size: clamp(30px, 4vw, 48px); font-weight: 700; line-height: 1.04;
  letter-spacing: -.035em; color: var(--teal-900); text-wrap: balance;
}
.o-final-cta h2 em { font-style: normal; color: #7A6436; }
.o-final-cta > p { margin: 18px 0 0; max-width: 44ch; font-size: 16.5px; line-height: 1.6; color: #13424C; text-wrap: pretty; }

.o-final-acoes .btn-ouro { border: 1px solid rgba(107,85,40,.32); }
.o-final-acoes .hero-link { color: var(--teal-900); border-bottom-color: rgba(1,58,71,.4); }
.o-final-acoes { margin-top: 30px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.o-final-outros .o-rot { color: #6B5528; }
.o-final .o-outros {
  display: grid; grid-template-columns: 1fr; gap: 0;
  margin-top: 18px; background: none; border: 0;
  border-top: 1px solid rgba(1,58,71,.16);
}
.o-final .o-outro {
  display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 16px;
  align-items: center; padding: 16px 0; min-height: 0;
  background: none; border: 0; border-bottom: 1px solid rgba(1,58,71,.16);
  border-radius: 0; overflow: visible;
  transition: background .3s ease, padding .3s ease;
}
.o-final .o-outro:hover { background: rgba(255,255,255,.42); padding-left: 14px; padding-right: 14px; }
.o-final .o-outro img {
  position: static; width: 62px; height: 62px; border-radius: 10px;
  object-fit: cover; opacity: 1; transition: transform .3s ease;
}
.o-final .o-outro:hover img { transform: scale(1.03); }
.o-final .o-outro > div { display: block; height: auto; padding: 0; }
.o-final .o-outro i { font-size: 10px; letter-spacing: .16em; color: #6B5528; }
.o-final .o-outro b { display: block; margin-top: 3px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-final .o-outro span { display: block; margin-top: 3px; font-size: 13.6px; line-height: 1.45; color: #13424C; }

.o-final .o-outro em {
  display: block; margin-top: 0; padding-top: 6px;
  font-size: 12.5px; font-weight: 600; color: #6B5528;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .3s ease, transform .3s ease;
}
.o-final .o-outro:hover em { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .o-final { padding: 62px 0 66px; }
  .o-final-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 620px) {
  .o-final-acoes .btn { width: 100%; justify-content: center; }
  .o-final .o-outro { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; }
  .o-final .o-outro img { width: 52px; height: 52px; }
  .o-final .o-outro b { font-size: 16.5px; }
  
  .o-final .o-outro em { opacity: 1; transform: none; }
}


.o-final {
  position: relative; overflow: hidden;
  background: #E1E7E8; color: var(--teal-900);
  padding: 84px 0 90px;
  border-top: 0;
  --muted: #13424C;
  --muted-2: #13424C;
}

.o-final-shape { background-image: url("pattern-teal.svg"); opacity: .07; }
.o-final-grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 40px 72px; align-items: start;
}
.o-final-cta .o-rot { color: var(--teal-900); }
.o-final-cta h2 {
  margin: 18px 0 0; max-width: 15ch;
  font-size: clamp(30px, 4vw, 48px); font-weight: 700; line-height: 1.04;
  letter-spacing: -.035em; color: var(--teal-900); text-wrap: balance;
}
.o-final-cta h2 em { font-style: normal; color: #7A6436; }
.o-final-cta > p { margin: 18px 0 0; max-width: 44ch; font-size: 16.5px; line-height: 1.6; color: #13424C; text-wrap: pretty; }

.o-final-acoes .btn-ouro { border: 1px solid rgba(107,85,40,.32); }
.o-final-acoes .hero-link { color: var(--teal-900); border-bottom-color: rgba(1,58,71,.4); }
.o-final-acoes { margin-top: 30px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.o-final-outros .o-rot { color: #6B5528; }
.o-final .o-outros {
  display: grid; grid-template-columns: 1fr; gap: 0;
  margin-top: 18px; background: none; border: 0;
  border-top: 1px solid rgba(1,58,71,.16);
}
.o-final .o-outro {
  display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 16px;
  align-items: center; padding: 16px 0; min-height: 0;
  background: none; border: 0; border-bottom: 1px solid rgba(1,58,71,.16);
  border-radius: 0; overflow: visible;
  transition: background .3s ease, padding .3s ease;
}
.o-final .o-outro:hover { background: rgba(255,255,255,.42); padding-left: 14px; padding-right: 14px; }
.o-final .o-outro img {
  position: static; width: 62px; height: 62px; border-radius: 10px;
  object-fit: cover; opacity: 1; transition: transform .3s ease;
}
.o-final .o-outro:hover img { transform: scale(1.03); }
.o-final .o-outro > div { display: block; height: auto; padding: 0; }
.o-final .o-outro i { font-size: 10px; letter-spacing: .16em; color: #6B5528; }
.o-final .o-outro b { display: block; margin-top: 3px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-final .o-outro span { display: block; margin-top: 3px; font-size: 13.6px; line-height: 1.45; color: #13424C; }

.o-final .o-outro em {
  display: block; margin-top: 0; padding-top: 6px;
  font-size: 12.5px; font-weight: 600; color: #6B5528;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .3s ease, transform .3s ease;
}
.o-final .o-outro:hover em { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .o-final { padding: 62px 0 66px; }
  .o-final-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 620px) {
  .o-final-acoes .btn { width: 100%; justify-content: center; }
  .o-final .o-outro { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; }
  .o-final .o-outro img { width: 52px; height: 52px; }
  .o-final .o-outro b { font-size: 16.5px; }
  
  .o-final .o-outro em { opacity: 1; transform: none; }
}


.o-faixa-grid { gap: 22px; align-items: stretch; }

.o-ent {
  display: grid; align-content: start; gap: 0;
  background: #fff; border: 1px solid rgba(1,58,71,.11); border-radius: 18px;
  padding: 28px 26px 30px;
  box-shadow: 0 10px 26px rgba(1,40,49,.07);
  transition: transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s ease, border-color .38s ease;
}
.o-ent:hover {
  transform: translateY(-4px);
  border-color: rgba(192,166,113,.7);
  box-shadow: 0 22px 44px rgba(1,40,49,.14);
}
.o-ent-ico {
  display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%;
  background: var(--gold); color: var(--teal-900);
  box-shadow: 0 6px 16px rgba(192,166,113,.42);
  transition: transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s ease;
}
.o-ent:hover .o-ent-ico { transform: scale(1.07); box-shadow: 0 10px 22px rgba(192,166,113,.55); }
.o-ent-ico svg { width: 27px; height: 27px; display: block; }
.o-ent > b {
  margin-top: 22px; font-size: 18px; font-weight: 700;
  letter-spacing: -.02em; color: var(--teal-900);
}
.o-ent-txt { margin-top: 9px; font-size: 14.4px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }
@media (max-width: 900px) { .o-faixa-grid { gap: 18px; } .o-ent { padding: 22px 20px 24px; } }
@media (max-width: 520px) {
  .o-faixa-grid { gap: 14px; }
  .o-ent { grid-template-columns: 50px minmax(0, 1fr); column-gap: 16px; padding: 18px 18px 20px; }
  .o-ent-ico { grid-row: span 2; width: 50px; height: 50px; }
  .o-ent-ico svg { width: 24px; height: 24px; }
  .o-ent > b { margin-top: 0; font-size: 16.5px; align-self: end; }
  .o-ent-txt { align-self: start; margin-top: 4px; }
}


.o-final {
  position: relative; overflow: hidden;
  background: #E1E7E8; color: var(--teal-900);
  padding: 84px 0 90px;
  border-top: 0;
  --muted: #13424C;
  --muted-2: #13424C;
}

.o-final-shape { background-image: url("pattern-teal.svg"); opacity: .07; }
.o-final-grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 40px 72px; align-items: start;
}
.o-final-cta .o-rot { color: var(--teal-900); }
.o-final-cta h2 {
  margin: 18px 0 0; max-width: 15ch;
  font-size: clamp(30px, 4vw, 48px); font-weight: 700; line-height: 1.04;
  letter-spacing: -.035em; color: var(--teal-900); text-wrap: balance;
}
.o-final-cta h2 em { font-style: normal; color: #7A6436; }
.o-final-cta > p { margin: 18px 0 0; max-width: 44ch; font-size: 16.5px; line-height: 1.6; color: #13424C; text-wrap: pretty; }

.o-final-acoes .btn-ouro { border: 1px solid rgba(107,85,40,.32); }
.o-final-acoes .hero-link { color: var(--teal-900); border-bottom-color: rgba(1,58,71,.4); }
.o-final-acoes { margin-top: 30px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.o-final-outros .o-rot { color: #6B5528; }
.o-final .o-outros {
  display: grid; grid-template-columns: 1fr; gap: 0;
  margin-top: 18px; background: none; border: 0;
  border-top: 1px solid rgba(1,58,71,.16);
}
.o-final .o-outro {
  display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 16px;
  align-items: center; padding: 16px 0; min-height: 0;
  background: none; border: 0; border-bottom: 1px solid rgba(1,58,71,.16);
  border-radius: 0; overflow: visible;
  transition: background .3s ease, padding .3s ease;
}
.o-final .o-outro:hover { background: rgba(255,255,255,.42); padding-left: 14px; padding-right: 14px; }
.o-final .o-outro img {
  position: static; width: 62px; height: 62px; border-radius: 10px;
  object-fit: cover; opacity: 1; transition: transform .3s ease;
}
.o-final .o-outro:hover img { transform: scale(1.03); }
.o-final .o-outro > div { display: block; height: auto; padding: 0; }
.o-final .o-outro i { font-size: 10px; letter-spacing: .16em; color: #6B5528; }
.o-final .o-outro b { display: block; margin-top: 3px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-final .o-outro span { display: block; margin-top: 3px; font-size: 13.6px; line-height: 1.45; color: #13424C; }

.o-final .o-outro em {
  display: block; margin-top: 0; padding-top: 6px;
  font-size: 12.5px; font-weight: 600; color: #6B5528;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .3s ease, transform .3s ease;
}
.o-final .o-outro:hover em { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .o-final { padding: 62px 0 66px; }
  .o-final-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 620px) {
  .o-final-acoes .btn { width: 100%; justify-content: center; }
  .o-final .o-outro { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; }
  .o-final .o-outro img { width: 52px; height: 52px; }
  .o-final .o-outro b { font-size: 16.5px; }
  
  .o-final .o-outro em { opacity: 1; transform: none; }
}


.o-final {
  position: relative; overflow: hidden;
  background: #E1E7E8; color: var(--teal-900);
  padding: 84px 0 90px;
  border-top: 0;
  --muted: #13424C;
  --muted-2: #13424C;
}

.o-final-shape { background-image: url("pattern-teal.svg"); opacity: .07; }
.o-final-grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 40px 72px; align-items: start;
}
.o-final-cta .o-rot { color: var(--teal-900); }
.o-final-cta h2 {
  margin: 18px 0 0; max-width: 15ch;
  font-size: clamp(30px, 4vw, 48px); font-weight: 700; line-height: 1.04;
  letter-spacing: -.035em; color: var(--teal-900); text-wrap: balance;
}
.o-final-cta h2 em { font-style: normal; color: #7A6436; }
.o-final-cta > p { margin: 18px 0 0; max-width: 44ch; font-size: 16.5px; line-height: 1.6; color: #13424C; text-wrap: pretty; }

.o-final-acoes .btn-ouro { border: 1px solid rgba(107,85,40,.32); }
.o-final-acoes .hero-link { color: var(--teal-900); border-bottom-color: rgba(1,58,71,.4); }
.o-final-acoes { margin-top: 30px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }

.o-final-outros .o-rot { color: #6B5528; }
.o-final .o-outros {
  display: grid; grid-template-columns: 1fr; gap: 0;
  margin-top: 18px; background: none; border: 0;
  border-top: 1px solid rgba(1,58,71,.16);
}
.o-final .o-outro {
  display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 16px;
  align-items: center; padding: 16px 0; min-height: 0;
  background: none; border: 0; border-bottom: 1px solid rgba(1,58,71,.16);
  border-radius: 0; overflow: visible;
  transition: background .3s ease, padding .3s ease;
}
.o-final .o-outro:hover { background: rgba(255,255,255,.42); padding-left: 14px; padding-right: 14px; }
.o-final .o-outro img {
  position: static; width: 62px; height: 62px; border-radius: 10px;
  object-fit: cover; opacity: 1; transition: transform .3s ease;
}
.o-final .o-outro:hover img { transform: scale(1.03); }
.o-final .o-outro > div { display: block; height: auto; padding: 0; }
.o-final .o-outro i { font-size: 10px; letter-spacing: .16em; color: #6B5528; }
.o-final .o-outro b { display: block; margin-top: 3px; font-size: 18px; font-weight: 700; letter-spacing: -.02em; color: var(--teal-900); }
.o-final .o-outro span { display: block; margin-top: 3px; font-size: 13.6px; line-height: 1.45; color: #13424C; }

.o-final .o-outro em {
  display: block; margin-top: 0; padding-top: 6px;
  font-size: 12.5px; font-weight: 600; color: #6B5528;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .3s ease, transform .3s ease;
}
.o-final .o-outro:hover em { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .o-final { padding: 62px 0 66px; }
  .o-final-grid { grid-template-columns: 1fr; gap: 44px; }
}
@media (max-width: 620px) {
  .o-final-acoes .btn { width: 100%; justify-content: center; }
  .o-final .o-outro { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; }
  .o-final .o-outro img { width: 52px; height: 52px; }
  .o-final .o-outro b { font-size: 16.5px; }
  
  .o-final .o-outro em { opacity: 1; transform: none; }
}


.o-cap-orc { position: relative; overflow: hidden; background: var(--teal); }
.o-cap-orc > .o-in { position: relative; z-index: 1; }
.o-orc-halo {
  position: absolute; left: -180px; bottom: -200px; width: 560px; height: 560px;
  border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(192,166,113,.18), transparent 62%);
}
@media (max-width: 700px) {
  .o-orc-halo { left: -220px; bottom: -240px; width: 460px; height: 460px; }
}



.o-faixa { background: var(--sup-entrega, #F9F4EC); }
.o-laudo.o-cap-areia,
.o-pilha-sec.o-cap-areia { background: var(--sup-laudo, #EDE9DE); }
.o-final { background: var(--sup-fecho, #EDE9DE); }


[data-tinta="escura"] {
  color: #F6F1E7;
  --muted: rgba(246,241,231,.78);
  --muted-2: rgba(246,241,231,.62);
  --gold-dark: var(--gold);
}
[data-tinta="escura"] .o-rot,
[data-tinta="escura"] .o-cab .o-rot { color: var(--gold); }
[data-tinta="escura"] .o-cab h2,
[data-tinta="escura"] .o-faixa-tit,
[data-tinta="escura"] .o-final-cta h2 { color: #fff; }
[data-tinta="escura"] .o-cab h2 em,
[data-tinta="escura"] .o-faixa-tit em,
[data-tinta="escura"] .o-final-cta h2 em { color: var(--gold); }
[data-tinta="escura"] .o-cab p,
[data-tinta="escura"] .o-final-cta > p { color: rgba(255,255,255,.78); }
[data-tinta="escura"] .o-nota-pe { color: rgba(255,255,255,.56); }


[data-tinta="escura"] .o-ent { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.13); box-shadow: none; }
[data-tinta="escura"] .o-ent:hover { background: rgba(255,255,255,.1); border-color: rgba(192,166,113,.5); box-shadow: 0 20px 40px rgba(0,0,0,.28); }
[data-tinta="escura"] .o-ent > b { color: #fff; }
[data-tinta="escura"] .o-ent-txt { color: rgba(255,255,255,.74); }
[data-tinta="escura"] .o-ent-ico { background: rgba(192,166,113,.16); color: var(--gold); }
[data-tinta="escura"] .o-ent:hover .o-ent-ico { background: var(--gold); color: var(--teal-900); }

[data-tinta="escura"] .o-decide > div { border-top-color: rgba(192,166,113,.42); }
[data-tinta="escura"] .o-decide b { color: var(--gold); }
[data-tinta="escura"] .o-decide span { color: rgba(255,255,255,.76); }
[data-tinta="escura"] .o-folha-nav button { border-color: rgba(255,255,255,.24); color: #fff; }
[data-tinta="escura"] .o-folha-conta { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); }
[data-tinta="escura"] .o-folha-conta i { background: rgba(255,255,255,.3); }
[data-tinta="escura"] .o-folha-conta i[aria-current] { background: var(--gold); }
[data-tinta="escura"] .o-folha-selo,
[data-tinta="escura"] .o-folha-guia { color: rgba(255,255,255,.62); }
[data-tinta="escura"] .o-folha-guia span { color: var(--gold); }
[data-tinta="escura"] .o-palco::before { background: radial-gradient(58% 52% at 50% 44%, rgba(255,236,204,.14) 0%, transparent 72%); }
[data-tinta="escura"] .o-folha--ach { border-color: transparent; box-shadow: 0 3px 8px rgba(0,0,0,.3), 0 38px 76px rgba(0,0,0,.46); }

[data-tinta="escura"] .o-final .o-outros { border-top-color: rgba(255,255,255,.14); }
[data-tinta="escura"] .o-final .o-outro { border-bottom-color: rgba(255,255,255,.14); }
[data-tinta="escura"] .o-final .o-outro:hover { background: rgba(255,255,255,.05); }
[data-tinta="escura"] .o-final .o-outro i,
[data-tinta="escura"] .o-final .o-outro em { color: var(--gold); }
[data-tinta="escura"] .o-final .o-outro b { color: #fff; }
[data-tinta="escura"] .o-final .o-outro span { color: rgba(255,255,255,.66); }
[data-tinta="escura"] .o-final-outros .o-rot { color: rgba(255,255,255,.56); }
[data-tinta="escura"] .o-final-acoes .btn-ouro { border-color: transparent; }
[data-tinta="escura"] .o-final-acoes .hero-link { color: #fff; border-bottom-color: rgba(255,255,255,.4); }

[data-tinta="escura"] .o-faixa-shape,
[data-tinta="escura"] .o-final-shape { background-image: url("pattern-gold.svg"); opacity: .1; }


#rp-cores {
  position: fixed; right: 18px; bottom: 18px; z-index: 9999;
  width: 320px; max-height: calc(100vh - 36px); overflow: auto;
  background: #0C2B33; color: #F2F5F5; border-radius: 16px;
  border: 1px solid rgba(192,166,113,.34);
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
  font-family: "Poppins", system-ui, sans-serif;
  padding: 14px 16px 16px;
}
#rp-cores[hidden] { display: none; }
#rp-cores header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#rp-cores header b { font-size: 13px; font-weight: 700; letter-spacing: .02em; }
#rp-cores header button {
  width: 26px; height: 26px; border-radius: 50%; cursor: pointer; line-height: 1;
  background: rgba(255,255,255,.08); border: 0; color: #F2F5F5; font-size: 16px;
}
.rp-sup { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); }
.rp-sup:first-child { border-top: 0; padding-top: 4px; }
.rp-sup-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.rp-sup-topo b { font-size: 12.5px; font-weight: 600; }
.rp-razao { font-size: 10px; font-weight: 700; letter-spacing: .02em; }
.rp-razao.ok { color: #6FD08C; }
.rp-razao.meio { color: #E7C071; }
.rp-razao.ruim { color: #F08A7E; }
.rp-grupo { margin-top: 9px; }
.rp-grupo i { display: block; font-style: normal; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: rgba(242,245,245,.5); }
.rp-swatches { display: flex; gap: 6px; margin-top: 5px; }
.rp-sw {
  width: 34px; height: 26px; border-radius: 6px; cursor: pointer; padding: 0;
  border: 1px solid rgba(255,255,255,.2); transition: transform .18s, box-shadow .18s;
}
.rp-sw:hover { transform: translateY(-2px); }
.rp-sw.on { box-shadow: 0 0 0 2px #0C2B33, 0 0 0 4px var(--gold); }
.rp-livre { display: flex; gap: 8px; margin-top: 11px; }
.rp-livre input[type="color"] { width: 40px; height: 30px; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; background: none; cursor: pointer; }
.rp-livre input[type="text"] {
  flex: 1; min-width: 0; height: 30px; padding: 0 9px; border-radius: 7px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16);
  color: #F2F5F5; font-family: inherit; font-size: 12px;
}
#rp-cores footer { display: flex; gap: 8px; margin-top: 16px; }
#rp-cores footer button {
  flex: 1; padding: 9px 6px; border-radius: 9px; cursor: pointer;
  font-family: inherit; font-size: 11.5px; font-weight: 600;
  background: var(--gold); color: #0C2B33; border: 0;
}
#rp-cores footer button[data-reset] { background: rgba(255,255,255,.09); color: #F2F5F5; }
.rp-cores-dica { margin: 11px 0 0; font-size: 10.5px; line-height: 1.45; color: rgba(242,245,245,.55); }
@media (max-width: 560px) { #rp-cores { right: 10px; left: 10px; width: auto; } }

#rp-cores textarea[data-saida] {
  width: 100%; margin-top: 12px; padding: 9px 10px; border-radius: 9px; resize: vertical;
  background: rgba(0,0,0,.28); border: 1px solid rgba(192,166,113,.4);
  color: #F2F5F5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10.5px; line-height: 1.5;
}




#orcamento .o-cab-txt { border-top: 0; padding-top: 0; }

#orcamento .orc { margin-top: 46px; }
@media (max-width: 720px) { #orcamento .orc { margin-top: 32px; } }



@media (max-width: 700px) {
  .o-laudo .o-palco { --razao: 1.42; --respiro: 48px; }
  .o-folha--ach { padding: 20px 18px 18px; }
  .o-folha--ach h4 { margin-top: 11px; font-size: 15.5px; line-height: 1.22; }
  .o-folha--ach .o-folha-corpo { margin-top: 12px; min-height: 104px; }
  .o-folha-campos { margin-top: 11px; gap: 5px; }
  .o-folha-campos > div { grid-template-columns: 48px minmax(0, 1fr); gap: 8px; }
  .o-folha-campos dt { font-size: 8px; }
  .o-folha-campos dd { font-size: 11px; line-height: 1.38; }
  .o-folha--ach .o-folha-pe { padding-top: 10px; margin-top: 10px; }
  .o-folha--ach .o-chip { font-size: 8.5px; padding: 4px 8px; }
  .o-folha--ach .o-folha-pe em { font-size: 8.5px; }
}


.o-laudo { overflow: hidden; }




@media (max-width: 700px) {
  .o-laudo .o-palco { --razao: 1.54; }
  .o-folha-conta { gap: 13px; padding: 10px 15px; }
  .o-folha-conta i { width: 10px; height: 10px; }
  .o-folha-conta i[aria-current] { width: 26px; }
  .o-folha-conta i::after { inset: -12px; }
  .o-folha-campos dt { font-size: 9px; }
  .o-folha-campos dd { font-size: 11.5px; }
  .o-folha--ach .o-chip { font-size: 9.5px; }
  .o-folha--ach .o-folha-pe em { font-size: 9.5px; }
  .o-folha--ach .o-folha-topo b { font-size: 9px; }
  .o-folha--ach .o-folha-topo span { font-size: 8.5px; }
}


@media (max-width: 700px) {
  
  .hero-produto .o-migalha { display: none; }
  .hero-produto .hero-linha { margin-bottom: 14px; }
  .hero-produto .hero-lead { margin-top: 14px; }
  .hero-produto .hero-botoes { margin-top: 22px; }
}











.o-pilha-sec { overflow: hidden; padding: 82px 0 86px; }
.o-pilha-sec .o-in { max-width: 1400px; }
.o-pilha-in { display: grid; grid-template-columns: minmax(0, clamp(340px, 34vw, 520px)) minmax(0, 1fr);
  gap: 30px 54px; align-items: center; }

.o-pilha-sec .o-cab h2 { font-size: clamp(30px, 3.4vw, 46px); max-width: 16ch; }
.o-pilha-sec .o-cab p { margin-top: 18px; font-size: 17.4px; line-height: 1.58; max-width: 38ch; }

.o-pilha-sec .o-decide { margin-top: 36px; grid-template-columns: 1fr; gap: 18px; }
.o-pilha-sec .o-decide > div { padding-top: 14px; }
.o-pilha-sec .o-decide b { font-size: 17px; }
.o-pilha-sec .o-decide span { margin-top: 5px; font-size: 15px; }


.o-pv-palco {
  
  --f: clamp(300px, 32vw, 560px); --alt: calc(var(--f) * 1.414);
  
  position: relative; height: calc(var(--alt) + 30px); perspective: 2000px;
}
.o-pv-eixo {
  position: absolute; inset: 0; transform-style: preserve-3d;
  transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  transition: transform .5s cubic-bezier(.2,.72,.24,1);
}
.o-pv-c {
  position: absolute; left: 50%; top: 50%; width: var(--f); aspect-ratio: 900 / 1275;
  margin: 0; padding: 0; border: 0; background: #fff; border-radius: 6px; overflow: hidden; cursor: pointer;
  transform-origin: 50% 92%;
  box-shadow: 0 3px 8px rgba(1,40,49,.1), 0 26px 56px rgba(1,40,49,.22);
  transition: transform .72s cubic-bezier(.22,.86,.24,1), opacity .5s ease, box-shadow .5s ease;
  will-change: transform;
}
.o-pv-c img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; }
.o-pv-c:focus-visible { outline: 2px solid var(--gold-dark); outline-offset: 3px; }


.o-pv-c[data-d="0"] { transform: translate(-50%, -50%) rotate(0deg) scale(1); z-index: 50; opacity: 1;
  box-shadow: 0 8px 18px rgba(1,40,49,.12), 0 52px 96px rgba(1,40,49,.3); }
.o-pv-c[data-d="1"] { transform: translate(-47.6%, -51.4%) rotate(2.2deg) scale(.976); z-index: 49; opacity: 1; }
.o-pv-c[data-d="2"] { transform: translate(-45.2%, -52.8%) rotate(4.4deg) scale(.952); z-index: 48; opacity: 1; }
.o-pv-c[data-d="3"] { transform: translate(-42.8%, -54.2%) rotate(6.6deg) scale(.928); z-index: 47; opacity: 1; }
.o-pv-c[data-d="4"] { transform: translate(-40.4%, -55.6%) rotate(8.8deg) scale(.904); z-index: 46; opacity: 1; }


.o-pv-palco[data-aberto] .o-pv-c[data-d="0"] { transform: translate(-67.5%, -50%) rotate(-2.5deg) scale(1.01); }
.o-pv-palco[data-aberto] .o-pv-c[data-d="1"] { transform: translate(-58.75%, -51.4%) rotate(1.5deg) scale(.982); }
.o-pv-palco[data-aberto] .o-pv-c[data-d="2"] { transform: translate(-50%, -52.8%) rotate(5deg) scale(.954); }
.o-pv-palco[data-aberto] .o-pv-c[data-d="3"] { transform: translate(-41.25%, -54.2%) rotate(8.5deg) scale(.926); }
.o-pv-palco[data-aberto] .o-pv-c[data-d="4"] { transform: translate(-32.5%, -55.6%) rotate(12deg) scale(.898); }


.o-pv-c[data-d="saiu"] { transform: translate(-140%, -38%) rotate(-20deg) scale(.94); opacity: 0; z-index: 55; pointer-events: none; }



.o-pv-rodape { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px;
  margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(1,58,71,.18); }
.o-pv-rodape > div { min-width: 0; }
.o-pv-rodape b { font-size: 15.5px; font-weight: 700; letter-spacing: -.015em; color: var(--teal-900); }
.o-pv-rodape i { font-style: normal; margin-left: 10px; font-size: 9.5px; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: var(--gold-dark); white-space: nowrap; }
.o-pv-rodape em { display: block; margin-top: 3px; font-style: normal; font-size: 11.6px; color: var(--muted-2); }

.o-pv-rodape .o-pv-dica-toque { display: none; }
.o-pv-nota { margin: 0 0 0 auto; flex: 0 1 auto; max-width: 34ch; text-align: right;
  font-size: 11.4px; line-height: 1.45; color: var(--muted-2); }

@media (prefers-reduced-motion: reduce) {
  .o-pv-c, .o-pv-eixo { transition: none; }
  
  .o-pv-c[data-d="0"] { transform: translate(-67.5%, -50%) rotate(-2.5deg) scale(1.01); }
  .o-pv-c[data-d="1"] { transform: translate(-58.75%, -51.4%) rotate(1.5deg) scale(.982); }
  .o-pv-c[data-d="2"] { transform: translate(-50%, -52.8%) rotate(5deg) scale(.954); }
  .o-pv-c[data-d="3"] { transform: translate(-41.25%, -54.2%) rotate(8.5deg) scale(.926); }
  .o-pv-c[data-d="4"] { transform: translate(-32.5%, -55.6%) rotate(12deg) scale(.898); }
}


@media (max-width: 900px) {
  
  .o-pilha-in { grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; }
  .o-pilha-in > * { min-width: 0; }
  .o-pilha-sec .o-cab h2 { max-width: 20ch; }
  .o-pilha-sec .o-cab p { max-width: none; }
  .o-pilha-sec .o-decide { margin-top: 26px; }

  .o-pv-palco { height: auto; perspective: none; margin-top: 14px; }
  
  .o-pv-eixo {
    position: static; transform: none; transform-style: flat;
    display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    
    margin: 0 -22px; padding: 18px 22px 30px; scrollbar-width: none;
  }
  .o-pv-eixo::-webkit-scrollbar { display: none; }
  .o-pv-c {
    position: static; left: auto; top: auto; width: auto;
    flex: 0 0 76vw; max-width: 330px; scroll-snap-align: center;
    transform: none !important; opacity: 1 !important;
  }
  
  .o-pv-c[data-d] {
    box-shadow: 0 3px 9px rgba(1,40,49,.09), 0 14px 26px rgba(1,40,49,.16);
  }
  
  .o-pv-c[data-centro] { outline: 1px solid rgba(214,171,109,.9); outline-offset: -1px; }

  .o-pv-rodape { flex-direction: column; gap: 8px; }
  .o-pv-rodape .o-pv-dica-mouse { display: none; }
  .o-pv-rodape .o-pv-dica-toque { display: block; }
  .o-pv-rodape b { font-size: 14.6px; }
  .o-pv-nota { margin: 0; max-width: none; text-align: left; }
}


.rp-curto { display: none; }
@media (max-width: 520px) {
  .rp-longo { display: none; }
  .rp-curto { display: inline; }
}



@media (min-width: 700px) and (max-width: 999px) {
  .o-laudo .o-palco { --folha: min(58vw, 470px); --respiro: 80px; max-width: 560px; }
}




@media (max-width: 1060px) {
  .hero-produto .hero-linha span,
  .hero-produto .o-migalha {
    background: rgba(1, 40, 49, .72);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    padding: 5px 12px; border-radius: 999px;
  }
  
  .hero-produto .o-migalha a,
  .hero-produto .o-migalha span { color: rgba(255, 255, 255, .82); }
}


.o-cap .o-cab .o-rot,
.o-final-cta .o-rot {
  font-size: 10.5px; line-height: 1.2; margin-top: 0; max-width: none;
}


@media (min-width: 700px) and (max-width: 1060px) {
  .hero-produto .hero-txt { max-width: 560px; margin-inline: auto; }
  .hero-produto .hero-lead,
  .hero-produto .hero-txt h1 { max-width: none; margin-inline: 0; }
  
  .hero-produto .hero-botoes { justify-content: center; }
}


.rp-mais-sist, .rp-mais-faq {
  color: #7A6436;
  border: 1px solid rgba(1, 58, 71, .20);
  border-radius: 999px;
  background: #F6F4EF;
}


.o-folha-conta { gap: 2px; }
.o-folha-conta i { position: relative; }
.o-folha-conta i::after { content: ""; position: absolute; inset: -17px -6px; }
.o-folha-nav button { width: 44px; height: 44px; }


.o-folha-topo span { font-size: 11px; color: #5C6E73; }
.o-folha--ach .o-chip { font-size: 11px; padding: 5px 11px; }
.o-folha-pe { font-size: 11px; }


.orc-form, .qa-creds { --muted: #4E6065; --muted-2: #55666B; }
.orc-rodape a { display: inline-block; padding: 6px 0; }
.orc-nota { color: rgba(255, 255, 255, .62); }


#entrega { padding: 72px 0 78px; }
#fecho { padding: 108px 0; }
@media (max-width: 700px) {
  #entrega { padding: 40px 0 44px; }
  #fecho { padding: 46px 0; }
}


@media (min-width: 1061px) {
  
  .o-esc2-in { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); }
  .o-esc2 .o-cab h2 { max-width: 19ch; }
}


.orc-form [aria-invalid="true"] { border-color: #B4453A; background: #FDF4F3; }
.campo-erro { display: block; margin-top: 6px; font-size: 12.5px; color: #9A3A30; }


@media (max-width: 899px) {
  .hero-produto { display: flex; flex-direction: column; }
}


@media (max-width: 899px) {
  
  .hero-produto h1 { font-size: clamp(32px, 8.4vw, 38px); line-height: 1.03; }
  
  .hero-produto .hero-selo + h1 { margin-top: 14px; }
  
  .hero-produto h1 br { display: none; }
}


@media (min-width: 900px) and (max-width: 1060px) {
  .hero-produto .hero-palco {
    position: absolute; order: 0;
    right: 0; top: 0; bottom: 0; left: auto;
    width: 100%; max-width: none; height: auto;
    margin: 0; border-bottom: 0; border-radius: 0;
    aspect-ratio: auto; background: none; box-shadow: none;
  }
  
  .hero-produto .hero-palco::after { content: none; }
}


@media (min-width: 900px) and (max-width: 1060px) {
  .hero-produto .o-migalha,
  .hero-produto .hero-linha span { width: fit-content; }
  .hero-produto .o-migalha { margin-inline: auto; }
  
}


@media (min-width: 900px) {
  .hero-produto .hero-figura .hero-retrato-cartao,
  .hero .hero-figura .hero-retrato-cartao {
    left: auto; right: 74%; top: auto; bottom: 26%; margin-left: 0;
  }
}


@media (max-width: 899px) {
  
  .hero-produto .hero-figura .hero-retrato-cartao {
    
    left: auto; right: 2%; top: 23%; bottom: auto; margin-left: 0;
  }
}



@media (max-width: 899px) {
  .hero-produto .o-migalha { display: none; }
}


@media (min-width: 900px) {
  .hero-produto .hero-retrato-cartao {
    background: #fff;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    border: 0; border-radius: 14px; padding: 16px 20px 15px;
    
    width: 165px;
    box-shadow: 0 20px 44px rgba(1, 30, 38, .34);
  }
  
  .hero-produto .hero-figura .hero-retrato-cartao b { display: block; font-size: 16px; font-weight: 600; color: var(--teal-900); }
  .hero-produto .hero-figura .hero-retrato-cartao span { display: block; font-size: 16px; font-weight: 700; color: var(--gold-dark); }
  .hero-produto .hero-figura .hero-retrato-cartao i { display: block; margin-top: 11px; width: 44px; height: 2px; background: var(--gold); }
}


@media (max-width: 560px) {
  .hero-produto .hero-figura .hero-retrato-cartao {
    left: 14px; right: auto; top: 20%; bottom: auto;
  }
}



.hero-produto .hero-linha { display: none; }


@media (max-width: 899px) {
  .hero-produto .hero-figura .hero-retrato-cartao { top: 42%; }
}

@media (min-width: 900px) {
  .hero-produto .hero-botoes { justify-content: flex-start; }
}



.o-gr { background: #EDE9DE; color: #4E6065; padding: 104px 0 112px; }
.o-gr-in { max-width: 1340px; margin: 0 auto; padding: 0 28px;
  display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 44px 64px; align-items: start; }
.o-gr-rot { margin: 0 0 20px; padding-top: 20px; border-top: 1px solid rgba(1,58,71,.18);
  font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #8C7444; }
.o-gr h2 { margin: 0; font-size: clamp(30px, 3.2vw, 46px); font-weight: 700; line-height: 1.05;
  letter-spacing: -.035em; color: var(--teal-900); text-wrap: balance; }
.o-gr h2 em { font-style: normal; color: #9C7F42; }
.o-gr-lead { margin: 20px 0 0; max-width: 40ch; font-size: 17px; line-height: 1.6; text-wrap: pretty; }
.o-gr-usos { margin-top: 32px; display: grid; gap: 15px; }
.o-gr-usos > div { padding-top: 13px; border-top: 1px solid rgba(214,171,109,.5); }
.o-gr-usos b { display: block; font-size: 15.5px; font-weight: 700; color: #8C7444; }
.o-gr-usos span { display: block; margin-top: 4px; font-size: 14.2px; line-height: 1.5; }


.o-gr-palco { background: #FBFAF7; border: 1px solid rgba(1,58,71,.1); border-radius: 10px;
  box-shadow: 0 3px 10px rgba(1,40,49,.06), 0 26px 54px rgba(1,40,49,.09); overflow: hidden; }
.o-gr-cab { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline; justify-content: space-between;
  padding: 18px 22px 15px; border-bottom: 1px solid rgba(1,58,71,.1); }
.o-gr-cab b { font-size: 15px; font-weight: 700; color: var(--teal-900); }
.o-gr-cab span { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #7B8E94; }


.o-gr-mx { display: grid; grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr)); }
.o-gr-mx > * { padding: 13px 16px; border-bottom: 1px solid rgba(1,58,71,.08); }
.o-gr-h { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: #7B8E94; background: rgba(1,58,71,.03); }
.o-gr-h.g { text-align: center; color: #8C7444; }
.o-gr-lb { background: none; border: 0; border-bottom: 1px solid rgba(1,58,71,.08); text-align: left; cursor: pointer;
  font: inherit; color: var(--teal-900); font-weight: 700; font-size: 14.4px; letter-spacing: -.012em; }
.o-gr-lb:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }
.o-gr-cl { font-size: 13.2px; line-height: 1.42; color: #55666B; text-align: center;
  border-left: 1px solid rgba(1,58,71,.06); transition: background .22s ease, color .22s ease; }
.o-gr-cl b { display: block; font-weight: 700; color: #4E6065; }


.o-gr-mx [data-l][aria-current="true"] { background: rgba(214,171,109,.16); }
.o-gr-mx [data-l][aria-current="true"].o-gr-cl { color: #3C4E54; }
.o-gr-mx [data-l][aria-current="true"].o-gr-cl b { color: #8C7444; }
.o-gr-mx [data-l][aria-current="true"].o-gr-cl[data-g="III"] { background: rgba(214,171,109,.3); }


.o-gr-nota { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start;
  margin: 0; padding: 18px 22px; background: rgba(1,58,71,.03); border-bottom: 1px solid rgba(1,58,71,.08); }
.o-gr-nota i { font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #8C7444; padding-top: 2px; white-space: nowrap; }
.o-gr-nota p { margin: 0; font-size: 14.4px; line-height: 1.55; color: #4E6065; max-width: 62ch; }


.o-gr-selo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; padding: 18px 22px;
  background: var(--teal-900); color: #fff; }
.o-gr-selo-marca { display: flex; align-items: center; gap: 12px; }
.o-gr-selo-marca em { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%;
  border: 2px solid var(--gold); color: var(--gold); font-style: normal; font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.o-gr-selo-marca div { display: grid; gap: 2px; }
.o-gr-selo-marca span { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.62); }
.o-gr-selo-marca b { font-size: 15.5px; font-weight: 700; }
.o-gr-selo p { flex: 1 1 260px; margin: 0; font-size: 12.6px; line-height: 1.5; color: rgba(255,255,255,.78); }

.o-gr-pe { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: space-between; padding: 14px 22px 18px; }
.o-gr-pe em { font-style: normal; font-size: 12.4px; color: #55666B; }
.o-gr-pe p { margin: 0; font-size: 11.8px; line-height: 1.45; color: #55666B; max-width: 48ch; }

@media (max-width: 1060px) {
  .o-gr { padding: 76px 0 84px; }
  .o-gr-in { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .o-gr-lead, .o-gr-usos { max-width: 56ch; }
}
@media (max-width: 760px) {
  
  .o-gr-mx { grid-template-columns: minmax(0, 1fr); }
  .o-gr-mx > * { padding: 11px 14px; }
  .o-gr-h { display: none; }
  .o-gr-lb { padding-top: 16px; border-bottom: 0; }
  
  .o-gr-cl { text-align: left; border-left: 0; display: block; padding-left: 70px; text-indent: -64px; }
  
  .o-gr-cl::before { display: inline-block; width: 54px; margin-right: 10px; text-indent: 0;
    content: "Grau " attr(data-g); font-size: 10.5px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase; color: #7B8E94; }
  .o-gr-cl b { display: inline; }
  .o-gr-nota, .o-gr-selo, .o-gr-pe { padding-left: 14px; padding-right: 14px; }

  
  .o-gr-nota { grid-template-columns: minmax(0, 1fr); gap: 6px; }

  
  .o-gr-pe { flex-direction: column; gap: 10px; justify-content: flex-start; }
}


.o-fins-sec { background: var(--teal-900); color: #fff; }
.o-fins-grid { margin-top: 42px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; overflow: hidden; }
.o-fim { background: var(--teal-900); padding: 24px 20px 26px; display: grid; align-content: start; gap: 9px; }
.o-fim i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .18em; color: var(--gold); }
.o-fim b { font-size: 16.5px; font-weight: 700; letter-spacing: -.02em; color: #fff; text-wrap: balance; }
.o-fim span { font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.8); text-wrap: pretty; }
@media (max-width: 1180px) { .o-fins-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .o-fins-grid { grid-template-columns: minmax(0, 1fr); } .o-fim { padding: 20px 18px 22px; } }