/* Saude na Hora, site v2, polish pilot (home and /para-voce only), second pass, 2026-11-03.
   Scoped to html.lp-pilot; loaded after snh-site-v2.css. Brand font Nunito only (design-system.md par. 2).
   Brand element: the Orbita (design-system.md par. 9), inline SVG from the generator, #3cd62e at 100 % on navy,
   one per fold, no opacity, glow, gradient or outline, never beside the cross. Green is one band per page,
   text #071e3d on it, navy buttons with white text, no logo on it.
   Image fields: the four no-halo renders do not sit on the DS navy. Each surface that holds one of them takes
   the colour of the image's own field, measured on the delivered webp (median of a 16 px border; the PNG
   median is in brackets), so no seam shows: H1 #08182f (#08172f), H2 #0b182c (#0c172d), H3 #091830 (#0a1831),
   H7 crop #081226 (#081226). Pilot-only tokens, never DS tokens.
   The token block is :root: this file is loaded only on the two pilot pages, after snh-site-v2.css.
   WAIVER (design-knowledge PART 10 par. 10.2: gate, evidence, reason)
   1. gate: sloplint 7b (pure white), same evidence and reason as waiver 2 of snh-site-v2.css (DS and logo white) */
:root{
  --font-display:var(--font-body);--font-mono:var(--font-body);
  --primary-200:#acc8eb;           /* design-system.md primary scale */
  --primary-300:#7aaad8;
  --primary-500:#1a6fb5;
  --primary-600:#155d9a;
  --on-green:#071e3d;              /* text and buttons on the green band, 8.6:1 measured (design-system.md par. 9 says 9.4) */
  --field-h1:#08182f;              /* measured image fields, see the header of this file */
  --field-h2:#0b182c;
  --field-h3:#091830;
  --field-h7:#081226;
  --img-porta-parceiro:url("/institucional/assets/v2/h1-parceiro-v2.webp");
  --img-porta-empresa:url("/institucional/assets/v2/h2-empresa-v2.webp");
  --img-porta-familia:url("/institucional/assets/v2/h3-familia-v2.webp");
  --img-palco:url("/institucional/assets/v2/h7-palco-v2-recorte.webp");
  --contact:rgba(7,30,61,.22);     /* short contact shadow under object plates */
  --pilot-content:1200px;
  --space-6:1.5rem;                /* design-system.md par. 3, 24px */
  --space-8:2rem;                  /* design-system.md par. 3, 32px */
}

/* grid and rhythm: one container (1200 px of content), sections 64 px on phones and 96 px from 1024 px */
.lp-pilot .container{max-width:calc(var(--pilot-content) + 64px)}
.lp-pilot :is(.section,.hero,.ph-voce){padding:64px 0}
.lp-pilot .section--tight{padding:48px 0}

/* type: Nunito 800 display, 700 titles and actions; labels in the body face, sentence case */
.lp-pilot :is(.hero h1,.page-hero h1){font-weight:800;letter-spacing:-.02em;margin-top:0}
.lp-pilot .h2{font-weight:800;margin-top:0}
.lp-pilot .lead{margin-top:16px}
.lp-pilot :is(.h3,.door-label,.svc-name,.join-num,.visit-city){font-weight:800}
.lp-pilot :is(.btn,.nav a,.menu-panel a,.selo,.status-line,.card-lead,.zz-lead,.foot-tag,.shelf-name,.fact-v,.map-label){font-weight:700;letter-spacing:0}
.lp-pilot .visit-t{font-weight:600}
.lp-pilot :is(.fact-k,.wa-k,.foot-col h2){font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;color:var(--primary-300)}

/* no green halo drawn in CSS; no cyan top stripe on any panel; no cross texture */
.lp-pilot :is(.hero,.band)::before,.lp-pilot :is(.band,.section--navy)::after,.lp-pilot .section--navy::before{content:none}
.lp-pilot :is(.glass,.door,.card,.map-panel,.join-card)::before,.lp-pilot .site-footer::before{content:none}

/* focus: a ring that reads on each surface (3:1 or more) */
.lp-pilot :focus-visible{outline:3px solid var(--primary-500);outline-offset:3px}
.lp-pilot :is(.site-header,.hero,.on-navy,.site-footer,.card:has(.obj-nr1)) :focus-visible{outline-color:var(--green)}
.lp-pilot .section--green :focus-visible{outline-color:var(--on-green)}

/* the Orbita: a brand arc sized and placed by the surface that holds it; the SVG carries its own geometry */
.orbita{position:absolute;z-index:0;display:block;left:0;top:0;width:var(--orb-d);height:auto;aspect-ratio:1/1;color:var(--green);pointer-events:none;overflow:visible}

/* icons and tiles: solid surfaces, one stroke colour */
.lp-pilot .ico-grad{stroke:var(--primary-200)}
.lp-pilot .tile{background:var(--navy-800);border-color:var(--navy-800)}
.lp-pilot .tile--light{background:var(--navy-900);border-color:var(--navy-900)}
.lp-pilot :is(.aviso-tele,.scan-limit,.status-line) .ico{stroke:var(--primary-600)}
.lp-pilot .nav a::after{background:var(--green)}

/* green buttons: solid #3cd62e with #071e3d text, no gradient and no green shadow (director's review, item 3) */
.lp-pilot .btn-primary{background:var(--green);color:var(--on-green);box-shadow:none}

/* home hero: header and hero on the H7 field; the Orbita runs behind the stage and out of the right edge.
   The stage is lightened over the Orbita: where the render shows its own field the arc stays #3cd62e at
   100 %, and the arc is placed so that it never crosses the diorama. The service panel is solid. */
.lp-home .site-header,.lp-home .hero{background:var(--field-h7)}
.lp-pilot .hero{padding:40px 0 64px}
.lp-pilot .stage{isolation:isolate}
.lp-pilot .palco{z-index:1;mix-blend-mode:lighten}
.lp-pilot .svc-panel{background:var(--navy-900);border-color:var(--navy-800);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 48px -32px var(--shadow-deep)}
/* phones: the ring holds the diorama, the dots run over its top left; from 1024 px it is larger, lower and
   the dots run under the panel, at the bottom (margins in % resolve against the stage width) */
.lp-pilot .hero-grid{gap:72px}
.lp-home .orb-ring{display:none}
.lp-home .hero>.container{position:relative;z-index:1}

/* doors (item 4): one list, one row per audience, object on a plate of its own field */
.lp-pilot .doors{display:grid;gap:0;margin-top:32px;background:var(--white);border:1px solid var(--n200);border-radius:var(--r-card);overflow:hidden}
.lp-pilot .door{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"m l" "m p" "f f";gap:8px 16px;align-items:start;padding:20px 16px;border-radius:0;background:none;color:var(--ink);box-shadow:none;overflow:visible}
.lp-pilot .door+.door{border-top:1px solid var(--n200)}
.lp-pilot .door-media{grid-area:m;height:auto;aspect-ratio:1/1;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px -12px var(--contact)}
.lp-pilot .door-media .obj{width:120%}
.lp-pilot :is(.door-media--h1,.obj-parceiro,.join-card){background-color:var(--field-h1)}
.lp-pilot :is(.door-media--h2,.obj-empresa){background-color:var(--field-h2)}
.lp-pilot :is(.door-media--h3,.obj-familia){background-color:var(--field-h3)}
.lp-pilot .door-body{display:contents}
.lp-pilot .door-label{grid-area:l;font-size:21px;color:var(--navy-900)}
.lp-pilot .door-label .tile{display:none}
.lp-pilot .door .body{grid-area:p;font-size:16px;color:var(--n600)}
.lp-pilot .door-foot{grid-area:f;margin:0;padding:8px 0 0}
.lp-pilot .door .btn-ghost{color:var(--navy-900);border:1.5px solid var(--n300);background:var(--white)}
.lp-pilot .door .btn-ghost:hover{border-color:var(--navy-900)}

/* catalogue (item 4): telemedicine is the wide light lead card, NR-1 the navy card, the other three are
   white with their natural height. Cards are picked by their object (:has), so the card markup stays the one
   /solucoes shares with the home */
.lp-pilot .cards{align-items:start}
.lp-pilot .card{box-shadow:none}
.lp-pilot .card-foot{padding-top:4px}
.lp-pilot .card:has(.obj-tele){background:var(--n50);padding:20px}
.lp-pilot .card:has(.obj-tele) .well--fill{aspect-ratio:4/3}
.lp-pilot .card:has(.obj-nr1){flex-direction:column;background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}
.lp-pilot .card:has(.obj-nr1) .h3{color:var(--white)}
.lp-pilot .card:has(.obj-nr1) .card-lead{color:var(--primary-200)}
.lp-pilot .card:has(.obj-nr1) .checks li{color:var(--text-on-navy)}
.lp-pilot .card:has(.obj-nr1) .mini{background:var(--navy-800)}
.lp-pilot .card:has(.obj-nr1) .well{box-shadow:none}
.lp-pilot .card:has(.obj-nr1) .btn-dark{background:var(--green);color:var(--on-green)}
.lp-pilot .card:has(.obj-nr1) .btn-dark:hover{background:var(--green-400)}

/* em campo (item 3): the green band; map panel and pins stay navy */
.lp-pilot .section--green{background:var(--green);color:var(--on-green)}
.lp-pilot .section--green :is(.h2,.lead,.visit-t,.visit-city,.band-title){color:var(--on-green)}
.lp-pilot .section--green .btn-primary{background:var(--navy-900);color:var(--white);box-shadow:none}
.lp-pilot .section--green .btn-primary:hover{background:var(--navy-800)}
.lp-pilot .field-grid--pilot{margin-top:0}
.lp-pilot .field-side{display:flex;flex-direction:column;gap:32px;min-width:0}
.lp-pilot .section--green .visit{background:none;border:0;border-top:2px solid var(--on-green);border-radius:0;padding:20px 0 4px}
.lp-pilot .visit-t{font-size:20px}
.lp-pilot .map-panel{display:grid;align-content:center;background:var(--navy-900);box-shadow:none}

/* NR-1: navy section, the list and its object in one card; note and action as the card's footer */
.lp-pilot .section--navy{background:var(--navy-900);color:var(--white)}
.lp-pilot .nr1-card{display:grid;gap:24px;margin-top:32px;padding:8px 20px 20px;border-radius:var(--r-card);background:var(--navy-800);color:var(--white);border:1px solid var(--glass-line-soft)}
.lp-pilot .nr1-card .nr1-art{justify-content:stretch}
.lp-pilot .nr1-card .well--stage{max-width:none}
.lp-pilot .nr1-card .tile{background:var(--navy-900);border-color:var(--navy-900)}
.lp-pilot .nr1-after{display:grid;gap:24px;margin-top:24px;justify-items:start}
.lp-pilot .nr1-note .ico{stroke:var(--primary-300)}

/* venha fazer parte: text and WhatsApp in one block */
.lp-pilot .join{display:grid;gap:0;background:var(--white);border:1px solid var(--n200);border-radius:24px;overflow:hidden}
.lp-pilot .join>div:first-child{padding:32px 24px}
.lp-pilot .join-card{border-radius:0;padding:32px 24px}

/* para voce hero: navy, the four service wells on one solid panel; the Orbita is a dome under them, dots on
   its left half like the run of dots of the symbol, cut by the bottom edge of the hero */
.lp-pilot .ph-voce{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);border-bottom:0;padding:56px 0 128px}
.lp-pilot .ph-voce-grid{position:relative;z-index:1}
.lp-pilot .shelf-glass{position:relative;padding:12px;background:var(--navy-900);border:1px solid var(--navy-800);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 48px -32px var(--shadow-deep)}
.lp-pilot .shelf-glass::after{content:none}
.lp-pilot .ph-voce .shelf-name{color:var(--white)}
.lp-pilot .ph-voce .well{box-shadow:0 24px 40px -28px var(--shadow-deep)}
.lp-voce .orbita{--orb-d:426px;left:calc(50% - 193px);top:calc(100% - 88px)}

/* para voce services (item 4): the first is the lead block with a large object, the next three are compact */
.lp-pilot .zz-title .mini--lg .ico,.lp-pilot .mini .ico{stroke:var(--primary-200)}
.lp-pilot .zz--lead .well--zz{aspect-ratio:4/3}
.lp-pilot .zz--compact .well--zz{aspect-ratio:16/10}

/* green band at the end of /para-voce */
.lp-pilot .band--green{display:grid;gap:20px;padding:0;border-radius:0;background:none;color:var(--on-green);overflow:visible}
.lp-pilot .band--green .lead{color:var(--on-green)}

@media(min-width:1024px){
  .lp-pilot :is(.section,.ph-voce){padding:96px 0}
  .lp-pilot .section--tight{padding:64px 0}
  .lp-pilot .hero{padding:56px 0 88px}
  .lp-pilot .hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  /* the ring: around the diorama and, at every width, 80 px or more below the service panel (394 px tall);
     at 1440 px the max() picks the first value of each pair, the geometry of the pilot */
  .lp-home .orb-m{display:none}
  .lp-home .orb-ring{display:block;--orb-d:max(calc(var(--palco-w) * 1.5), calc(var(--palco-w) * .489 + 524px));
    margin-left:calc(var(--palco-x) + var(--palco-w) * .54 - var(--orb-d) / 2);
    margin-top:max(calc(var(--palco-w) * .52 - var(--orb-d) / 2), calc(var(--palco-w) * .46 + 474px - var(--orb-d) * .97))}
  .lp-home .orb-start{display:none}
  .lp-home.lp-pilot .hero{padding-bottom:88px}
  .lp-pilot .hero-copy{grid-column:span 6;padding-right:24px}
  .lp-pilot .stage{grid-column:span 6}
  .lp-pilot .doors{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:0;margin-top:48px}
  .lp-pilot .door{grid-template-columns:160px minmax(0,1fr);grid-template-areas:none;gap:32px;align-items:center;padding:24px 32px 24px 24px}
  .lp-pilot .door-media{grid-area:auto}
  .lp-pilot .door-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l f" "p f";column-gap:32px;row-gap:8px}
  .lp-pilot .door-label{font-size:26px}
  .lp-pilot .door .body{font-size:17px}
  .lp-pilot .door-foot{align-self:center;padding:0}
  .lp-pilot .cards{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:48px}
  .lp-pilot .card:has(.obj-tele){grid-column:span 8;align-self:stretch;gap:32px;padding:24px}
  .lp-pilot .card:has(.obj-tele) .card-media{width:46%}
  .lp-pilot .card:has(.obj-tele) .well--fill{height:auto;min-height:0;aspect-ratio:4/3}
  .lp-pilot .card:has(.obj-tele) .card-body{justify-content:center}
  .lp-pilot .card:has(.obj-nr1){grid-column:span 4;align-self:stretch;gap:16px}
  .lp-pilot .card:has(.obj-nr1) .card-media{width:auto}
  .lp-pilot .card:has(.obj-nr1) .well--fill{height:auto;min-height:0;aspect-ratio:16/10}
  .lp-pilot .card--third{grid-column:span 4}
  .lp-pilot .field-grid--pilot{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
  .lp-pilot .field-side{grid-column:span 5;padding-right:24px}
  .lp-pilot .field-grid--pilot .map-panel{grid-column:span 7}
  .lp-pilot .field-side .visits{margin-top:auto;grid-auto-rows:auto}
  .lp-pilot .field-grid .visit{grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:normal;padding:24px 0 4px}
  .lp-pilot .visit-t{font-size:22px}
  .lp-pilot .nr1-card{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:48px;padding:16px 16px 16px 40px;align-items:stretch}
  .lp-pilot .nr1-card .facts{grid-column:span 7;align-self:center}
  .lp-pilot .nr1-card .nr1-art{grid-column:span 5}
  .lp-pilot .nr1-card .well--stage{aspect-ratio:auto;height:100%;min-height:360px}
  .lp-pilot .nr1-after{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:32px}
  .lp-pilot .join{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lp-pilot .join>div:first-child{grid-column:span 6;padding:56px 48px;align-self:center}
  .lp-pilot .join-card{grid-column:span 6;padding:48px}
  .lp-pilot .ph-voce{padding:96px 0 208px}
  .lp-pilot .ph-voce-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .lp-pilot .ph-voce-grid .ph-copy{grid-column:span 5;padding-right:24px}
  .lp-pilot .ph-voce-grid .shelf-glass{grid-column:span 7}
  .lp-pilot .shelf4{gap:16px}
  .lp-voce .orbita{--orb-d:766px;left:calc(50% - 773px);top:calc(100% - 194px)}
  .lp-pilot .shelf-glass{padding:16px}
  .lp-pilot .zz{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .lp-pilot .zz--lead .zz-media{grid-column:span 7}
  .lp-pilot .zz--lead .zz-copy{grid-column:span 5;padding-left:32px}
  .lp-pilot .zz--compact.zz--r .zz-copy{grid-column:1 / span 7;grid-row:1;padding-right:48px}
  .lp-pilot .zz--compact.zz--r .zz-media{grid-column:9 / span 4;grid-row:1}
  .lp-pilot .zz--compact.zz--l .zz-media{grid-column:1 / span 4}
  .lp-pilot .zz--compact.zz--l .zz-copy{grid-column:6 / span 7}
  .lp-pilot .zz--compact .well--zz{aspect-ratio:1/1}
  .lp-pilot .zz-sec:has(.zz--compact){padding:72px 0}
  .lp-pilot .band--green{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:0}
}

/* ---------- the 12 pages (third pass, 2026-11-03): the pilot's direction on every page ---------- */
/* surfaces: solid navy, no glow, no cyan stripe, no wash, no dot texture behind a hero */
.lp-pilot :is(.ph-sobre,.ph-nr1,.ph-scan,.ph-sol)::before,.lp-pilot :is(.wa-card,.serv-card)::before,
.lp-pilot .ph-empresas .navy-block::before{content:none}
.lp-pilot :is(.ph-sobre,.ph-nr1,.ph-scan,.ph-sol,.ph-tele,.ph-pet,.ph-chk){background:var(--navy-deep);color:var(--white);border-bottom:0}
.lp-pilot .ph-contato{background:var(--n50)}
.lp-pilot .band:not(.band--green),.lp-pilot .serv-card{background:var(--navy-900)}
.lp-pilot .page-hero>.container{position:relative;z-index:1}

/* the hero Orbita: the dome of /para-voce, rising from the bottom edge into a padding kept free for it */
.lp-pilot .orb-dome{--orb-d:426px;left:calc(50% - 193px);top:calc(100% - 88px)}
.lp-pilot :is(.page-hero,.section,.hero):has(>.orb-dome){padding-bottom:128px}
.lp-pilot .section:has(>.orb-dome){position:relative;isolation:isolate;overflow:hidden}
.lp-pilot .section:has(>.orb-dome)>.container{position:relative;z-index:1}
.lp-nr1 .orb-nr1{display:none}
.lp-nr1 .ph-nr1{overflow-x:clip}
.lp-nr1 .nr1-mudou{padding-top:144px}   /* the plaque overlaps this section (base value, over the pilot padding) */

/* labels in sentence case, in the body face (copy par. 24: titles stay, the eyebrow look goes) */
.lp-pilot .offer-k{font-family:var(--font-body);font-weight:800;font-size:17px;letter-spacing:0;text-transform:none;color:var(--navy-900)}

/* panels on navy: solid, one step lighter than the section */
.lp-pilot .sol-chips a{background:var(--navy-900);border-color:var(--navy-800)}
.lp-pilot .on-navy :is(.aviso-tele,.scan-limit){background:var(--navy-900);border-color:var(--navy-800);color:var(--text-on-navy)}
.lp-pilot .on-navy :is(.aviso-tele,.scan-limit) .ico{stroke:var(--primary-200)}
.lp-pilot .on-navy .selo--inline{background:var(--navy-800)}
.lp-pilot .stat-line:not(.stat-line--light){background:var(--navy-800);border-color:var(--navy-800)}
.lp-pilot .scan-corners{--cyan:var(--primary-200)}

/* one panel per group, items split by a hairline, instead of a grid of identical cards */
.lp-pilot :is(.trio,.como-steps,.entra,.fat,.faq-list,.steps,.side){gap:0;border-radius:var(--r-card);overflow:hidden;background:var(--white);border:1px solid var(--n200)}
.lp-pilot :is(.trio-item,.como-steps li,.entra li,.fat-item,.faq-item,.step,.side-card){border:0;border-radius:0;box-shadow:none;background:none}
.lp-pilot :is(.trio-item,.como-steps li,.entra li,.fat-item,.faq-item,.step,.side-card)+:is(.trio-item,li,.fat-item,.faq-item,.step,.side-card){border-top:1px solid var(--n200)}
.lp-pilot .side{align-self:start}
.lp-pilot .side>.h2{padding:24px 20px 4px}
.lp-pilot .section--white :is(.entra,.fat,.faq-list){background:var(--n50)}
.lp-pilot .on-navy .trio{background:var(--navy-800);border-color:var(--navy-800)}
.lp-pilot .on-navy .trio-item+.trio-item{border-color:var(--glass-line-soft)}
.lp-pilot .on-navy .trio .tile{background:var(--navy-900);border-color:var(--navy-900)}

/* a trio on a light section (/empresas): text in navy, the tile title in brand blue */
.lp-pilot :not(.on-navy)>.container>.trio .fact-k{color:var(--primary-600)}
.lp-pilot :not(.on-navy)>.container>.trio .fact-v{color:var(--navy-900)}
.lp-pilot :not(.on-navy)>.container>.nr1-note{color:var(--n700)}
.lp-pilot :not(.on-navy)>.container>.nr1-note .ico{stroke:var(--primary-600)}

/* green bands: navy text and actions; the WhatsApp band of /parceiros; the second action as an outline */
.lp-pilot .section--green :is(.wa-k,.wa-num){color:var(--on-green)}
.lp-pilot .section--green :is(.btn-ghost,.btn-outline){color:var(--on-green);border:1.5px solid var(--on-green);background:none}
.lp-pilot .section--green :is(.btn-ghost,.btn-outline):hover{background:var(--green-400)}
/* /contato: the first card of the channel column, "WhatsApp de atendimento" (V2-CONT-CANAIS-2 to -5), is the
   green band of the page; picked by position so the card markup stays the approved one */
.lp-contato .side>.side-card:first-of-type{background:var(--green);color:var(--on-green)}   /* beats the :is() panel reset (0,2,1) */
.lp-contato .side>.side-card:first-of-type :is(.h3,.side-num,.body){color:var(--on-green)}
.lp-contato .side>.side-card:first-of-type .ico{stroke:var(--on-green)}
.lp-contato .side>.side-card:first-of-type .btn-primary{background:var(--navy-900);color:var(--white)}
.lp-contato .side>.side-card:first-of-type .btn-primary .ico{stroke:var(--white)}
.lp-contato .side>.side-card:first-of-type .btn-primary:hover{background:var(--navy-800)}
.lp-contato .side>.side-card:first-of-type :focus-visible{outline-color:var(--on-green)}
.lp-contato .side>.h2{padding-bottom:var(--space-6)}
@media(min-width:1024px){.lp-contato .side>.h2{padding-bottom:var(--space-8)}}

/* the NR-1 telemedicine line and its FAIXA travel together (director's review, item 1) */
.lp-pilot .nr1-glue{max-width:40em}
.lp-pilot .nr1-glue .nr1-note--gap{margin-top:0}
.lp-pilot .emp-nr1 .nr1-glue{margin-top:24px}
.lp-pilot .emp-nr1 .nr1-note{color:var(--n700)}
.lp-pilot .emp-nr1 .nr1-note .ico{stroke:var(--primary-600)}

/* the three takes of the dome (ORB_VAR): B mirrored right of centre, C left of centre on phones */
.lp-pilot .orb-dome.orb-vb,.lp-emp .orb-emp.orb-vb{left:calc(50% - 233px)}
.lp-pilot .orb-dome.orb-vc{left:calc(40% - 213px)}

/* /sobre below 1024 px: the three objects stay inside their box (they overflowed it at 768 px and hid the dome) */
@media(max-width:1023.98px){.lp-sobre .trio-art{width:min(100%,400px);height:auto;aspect-ratio:1/.88;margin:0 auto}}

/* /empresas: the navy block holds the object and the Orbita on every width */
.lp-emp .ph-empresas .navy-block{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);padding:8px 0 104px}
.lp-emp .emp-art{z-index:1}
.lp-emp .orb-emp{--orb-d:426px;z-index:0;left:calc(50% - 193px);top:calc(100% - 88px)}

@media(min-width:1024px){
  .lp-pilot .orb-dome{--orb-d:766px;left:calc(50% - 773px);top:calc(100% - 194px)}
  .lp-pilot :is(.page-hero,.section):has(>.orb-dome){padding-bottom:208px}
  /* NR-1: the plaque holds the bottom centre, so the Orbita is the mirrored dome at the right, cut by the
     hero's bottom edge (the hero lets the plaque overflow, so the SVG clips itself at that edge) */
  .lp-nr1 .orb-nr1{display:block;--orb-d:511px;left:calc(50% + 430px);top:calc(100% - 126px);clip-path:inset(0 0 385px 0)}
  .lp-nr1 .nr1-mudou{padding-top:216px}
  .lp-pilot :is(.trio,.como-steps,.entra,.fat,.faq-list,.steps){gap:0}
  .lp-pilot :is(.trio-item,.como-steps li,.entra li,.fat-item,.faq-item,.step)+:is(.trio-item,li,.fat-item,.faq-item,.step){border-top:0;border-left:1px solid var(--n200)}
  .lp-pilot .on-navy .trio-item+.trio-item{border-color:var(--glass-line-soft)}
  .lp-emp .ph-empresas .navy-block{display:flex;padding:64px 0 160px}
  .lp-emp .orb-emp{--orb-d:600px;left:calc(50% - 300px);top:calc(100% - 150px)}
  .lp-emp .orb-emp.orb-vb{left:calc(50% - 300px)}
  .lp-pilot .orb-dome.orb-vb{left:calc(50% - 183px)}
  .lp-pilot .orb-dome.orb-vc{left:calc(50% - 383px)}
}

@media(prefers-reduced-motion:reduce){
  .lp-pilot{scroll-behavior:auto}
  .lp-pilot *,.lp-pilot *::before,.lp-pilot *::after{transition:none!important;animation:none!important}
}