/* ========================================================================== QRA · Growth Partnership — page-specific styles. DARK theme is official: the page sets data-theme="dark" on (via the `theme` meta in content/pages/{locale}/growth.php), which flips the semantic aliases in tokens.css. The old --sab-* :root palette was folded into those. This page is a self-contained funnel (own header/footer, `bare` layout), so its components are namespaced `.g-*` instead of living in qra-components.css. Shared behavior (lang, [data-nav]) lives in qra-common.js; reveal + FAQ in growth.js — which relies on the .sab-faq-* class names, keep them. ========================================================================== */ *{box-sizing:border-box;} html,body{margin:0;padding:0;background:var(--surface-0);} body{font-family:var(--font-body);color:var(--text-body);-webkit-font-smoothing:antialiased;} a{color:var(--text-strong);text-decoration:none;} a:hover{color:var(--secondary-400);} @keyframes sabFade{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} [data-reveal]{opacity:0;} [data-reveal].sab-in{animation:sabFade .7s cubic-bezier(.22,.61,.36,1) both;} /* -------------------------------------------------------------------------- Shell -------------------------------------------------------------------------- */ .g-page{background:var(--surface-0);overflow-x:hidden;} .g-wrap{max-width:1440px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);} .g-sec{padding-top:var(--section-y-lg);padding-bottom:var(--section-y-lg);} .g-sec--tight{padding-bottom:var(--section-y);} .g-band{background:var(--surface-1);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);} .g-band--top{background:var(--surface-0);border-top:1px solid var(--border-default);} /* -------------------------------------------------------------------------- Header · language · mobile bar -------------------------------------------------------------------------- */ .g-head{position:sticky;top:0;z-index:40;background:rgba(10,7,19,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);} .g-head-row{max-width:1440px;margin:0 auto;padding:0 var(--space-5);height:66px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);} .g-head-brand{display:flex;align-items:center;gap:12px;} /* the shrink-on-scroll signo only makes sense inside .qra-navbox — hide it here */ .g-head .qra-logo-signo,.g-foot .qra-logo-signo{display:none;} .g-head .qra-logo-full{height:26px;width:auto;display:block;} .g-foot .qra-logo-full{height:24px;width:auto;display:block;} /* Two-line, centered tagline next to the logo. The break is forced by an inline
from `head.tag` (structured as [line1, line2] per locale). */ .g-head-tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);text-align:center;line-height:1.35;} .g-head-actions{display:flex;align-items:center;gap:12px;} .g-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-default);border-radius:var(--radius-lg);} .g-lang a{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.08em;padding:5px 8px;border-radius:var(--radius-md);color:var(--ink-400);transition:color .15s,background .15s;} .g-lang a:hover{color:var(--ink-0);background:rgba(255,255,255,.08);} .g-lang a.is-active{color:var(--ink-0);background:rgba(107,63,255,.30);} .g-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px var(--space-4) calc(12px + env(safe-area-inset-bottom));background:rgba(10,7,19,.9);backdrop-filter:blur(12px);border-top:1px solid var(--border-default);} .g-bar .g-btn{width:100%;padding:var(--space-4);box-shadow:none;} /* -------------------------------------------------------------------------- Type -------------------------------------------------------------------------- */ .g-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary-400);} .g-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);padding-top:6px;} .g-label--accent{color:var(--secondary-400);} .g-h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(38px,6.4vw,76px);line-height:1.02;letter-spacing:-.03em;color:var(--text-strong);margin:0;text-wrap:balance;} .g-h2{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--g-h2-size,clamp(30px,4.4vw,52px));line-height:1.06;letter-spacing:-.025em;color:var(--text-strong);margin:0;text-wrap:balance;} .g-h2--display{--g-h2-size:clamp(34px,5.2vw,72px);line-height:1.02;letter-spacing:-.03em;} .g-h2--lg{--g-h2-size:clamp(30px,4.6vw,60px);line-height:1.04;letter-spacing:-.03em;} .g-h2--cta{--g-h2-size:clamp(32px,5.4vw,64px);line-height:1.04;letter-spacing:-.03em;} .g-h2--md{--g-h2-size:clamp(28px,4vw,48px);line-height:1.08;} .g-h2 .g-dim{color:var(--ink-600);} .g-grad{background:linear-gradient(100deg,var(--secondary-400),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent;} .g-strong{color:var(--text-strong);font-weight:var(--weight-bold);} .g-accent{color:var(--brand);font-weight:var(--weight-bold);} .g-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--ink-300);margin:0;} .g-note{font-size:var(--text-base);color:var(--ink-500);} .g-body{font-size:clamp(16px,1.5vw,20px);line-height:1.65;color:var(--text-body);margin:0;} .g-body--sm{font-size:clamp(16px,1.5vw,19px);color:var(--ink-400);} .g-punch{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--display-sm);letter-spacing:-.02em;color:var(--text-strong);margin:var(--space-5) 0 0;} .g-punch--lg{font-size:clamp(26px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em;margin:0 0 var(--space-5);text-wrap:balance;} /* -------------------------------------------------------------------------- Buttons -------------------------------------------------------------------------- */ .g-btn{appearance:none;cursor:pointer;border:none;border-radius:var(--radius-xl);padding:17px 28px;font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-bold);background:var(--brand);color:var(--ink-0);box-shadow:0 14px 36px rgba(107,63,255,.4);transition:background .18s,box-shadow .18s,transform .18s,border-color .18s;} /* same hover language as .qra-btn: surface steps one shade + the label rolls up */ .g-btn:hover{background:var(--primary-600);} .g-btn:hover .qra-roll-in{transform:translateY(-100%);} @media (prefers-reduced-motion:reduce){.g-btn:hover .qra-roll-in{transform:none;}} .g-btn--lg{padding:18px 30px;box-shadow:0 18px 44px rgba(107,63,255,.42);} .g-btn--ghost{padding:11px 18px;font-size:var(--text-base);background:transparent;border:1px solid var(--border-default);box-shadow:none;} .g-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42);} .g-btn-row{margin-top:36px;display:flex;justify-content:center;} /* -------------------------------------------------------------------------- Hero + trust strip -------------------------------------------------------------------------- */ .g-hero{position:relative;overflow:hidden;} .g-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 22% 0%,rgba(107,63,255,.30),transparent 60%),radial-gradient(60% 55% at 92% 12%,rgba(232,62,140,.20),transparent 62%);} .g-hero-veil{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(58% 52% at 40% 40%,rgba(10,7,19,.62),transparent 72%);} .g-hero-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:clamp(64px,10vw,120px) var(--space-5) clamp(56px,7vw,88px);text-align:center;} .g-hero-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px;} .g-hero-cta .g-note{max-width:44ch;} .g-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--ink-200);margin-bottom:28px;} .g-pill-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--secondary-400);box-shadow:0 0 10px var(--secondary-400);} .g-trust{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:0 var(--space-5) clamp(56px,7vw,88px);} .g-trust-row{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,30px);flex-wrap:wrap;margin-bottom:clamp(40px,5vw,60px);} .g-trust-item{display:inline-flex;align-items:center;gap:9px;font-size:var(--text-base);color:var(--ink-200);} .g-trust-item--dim{color:var(--ink-400);} .g-trust-div{width:1px;height:20px;background:var(--border-default);} .g-logos{display:flex;flex-direction:column;align-items:center;gap:18px;} .g-logos-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-600);} .g-logos-row{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,52px);flex-wrap:wrap;} /* client logos sit on a dark background — render them white */ .sab-clientlogo{filter:brightness(0) invert(1);opacity:.9;transition:opacity .2s;height:34px;width:auto;display:block;} .sab-clientlogo:hover{opacity:1;} /* -------------------------------------------------------------------------- Editorial rows (label column + content column) -------------------------------------------------------------------------- */ .g-row{display:grid;grid-template-columns:180px 1fr;gap:clamp(16px,4vw,64px);align-items:start;border-top:1px solid var(--border-default);padding:clamp(34px,4.5vw,56px) 0;} .g-row--first{margin-top:clamp(40px,5vw,72px);} .g-row--last{padding-bottom:0;} .g-row-body{max-width:66ch;} .g-row-body--narrow{max-width:60ch;} .g-model{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);} .g-model-item{display:flex;flex-direction:column;gap:10px;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--ink-100);} /* -------------------------------------------------------------------------- The 4 stacks -------------------------------------------------------------------------- */ .g-stacks{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,auto);border:1px solid var(--border-default);border-radius:var(--radius-3xl);background:var(--surface-1);overflow:hidden;} .g-stack{display:grid;grid-template-rows:subgrid;grid-row:1 / span 6;padding:clamp(24px,2.2vw,34px);border-left:1px solid var(--border-default);} .g-stack:first-child{border-left:none;} .g-stack-n{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);margin-bottom:18px;} .g-stack-price{display:flex;align-items:baseline;gap:7px;} .g-stack-price b{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(30px,3vw,40px);letter-spacing:-.02em;color:var(--secondary-400);} .g-stack-price span{font-size:var(--text-sm);color:var(--ink-500);} .g-stack-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:1.2;letter-spacing:-.01em;color:var(--text-strong);margin:12px 0 var(--space-2);} .g-stack-desc{font-size:var(--text-base);line-height:1.55;color:var(--ink-400);margin:0 0 22px;} .g-stack-rule{height:1px;background:var(--border-default);margin:0 0 18px;} .g-stack-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;} .g-stack-list li{display:flex;gap:10px;align-items:flex-start;font-size:var(--text-base);line-height:1.4;color:var(--ink-200);} .g-stack-list li::before{content:"";width:5px;height:5px;border-radius:var(--radius-full);background:var(--brand);margin-top:6px;flex-shrink:0;} /* -------------------------------------------------------------------------- The offer -------------------------------------------------------------------------- */ .g-deal{font-size:clamp(17px,1.7vw,22px);line-height:var(--leading-relaxed);color:var(--text-body);margin:0;max-width:60ch;} .g-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);} .g-price-label{font-size:var(--text-sm);color:var(--ink-500);margin-bottom:10px;} .g-price-val{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--display-2xl);letter-spacing:-.025em;color:var(--text-strong);line-height:var(--leading-none);} .g-price-val small{font-size:.32em;font-weight:var(--weight-semibold);color:var(--ink-500);} .g-bonus-label{display:flex;flex-direction:column;gap:12px;padding-top:2px;} .g-bonus-ico{display:inline-flex;width:36px;height:36px;border-radius:var(--radius-lg);align-items:center;justify-content:center;background:rgba(232,62,140,.12);color:var(--secondary-400);} /* -------------------------------------------------------------------------- The guarantee -------------------------------------------------------------------------- */ .g-guarantee{position:relative;border-radius:var(--radius-3xl);padding:clamp(34px,5vw,60px);border:1px solid var(--border-default);background:radial-gradient(120% 130% at 50% 0%,rgba(107,63,255,.22),transparent 60%),var(--surface-2);overflow:hidden;} .g-guarantee::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 70%);mask-image:radial-gradient(70% 80% at 50% 0%,#000,transparent 70%);} .g-guarantee-claim{position:relative;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(24px,3.4vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--text-strong);margin:0 auto;max-width:24ch;text-wrap:balance;} .g-guarantee .g-btn{position:relative;margin-top:var(--space-6);} /* -------------------------------------------------------------------------- How it works -------------------------------------------------------------------------- */ .g-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);} .g-step{display:flex;flex-direction:column;} .g-step-media{position:relative;border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;} .g-step-media::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 8%,rgba(107,63,255,.16),transparent 60%);} .g-step-ico{position:relative;display:inline-flex;width:66px;height:66px;border-radius:var(--radius-2xl);align-items:center;justify-content:center;background:rgba(10,7,19,.72);border:1px solid var(--border-default);box-shadow:0 12px 30px rgba(0,0,0,.4);color:var(--ink-0);} .g-step-head{display:flex;align-items:baseline;gap:10px;margin:22px 0 var(--space-2);} .g-step-n{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--secondary-400);} .g-step-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--text-strong);margin:0;} .g-step-desc{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--ink-400);margin:0;} /* -------------------------------------------------------------------------- Fit check -------------------------------------------------------------------------- */ .g-fit{margin-top:clamp(40px,5vw,64px);} .g-fit-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:12px;border-top:1px solid var(--border-default);padding:clamp(16px,1.6vw,20px) 0;} .g-fit-head{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:12px;padding:0 0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-600);} .g-fit-head b{font-weight:inherit;text-align:center;letter-spacing:.1em;color:var(--text-strong);} .g-fit-head i{font-style:normal;text-align:center;letter-spacing:.1em;} .g-fit-what{font-size:var(--display-xs);color:var(--ink-200);line-height:1.4;} .g-fit-cell{display:flex;justify-content:center;} .g-fit-yes{display:inline-flex;width:46px;height:34px;border-radius:var(--radius-lg);background:rgba(107,63,255,.16);border:1px solid rgba(107,63,255,.32);align-items:center;justify-content:center;} /* -------------------------------------------------------------------------- FAQ (growth.js toggles .sab-faq-answer inline display — do NOT set it here) -------------------------------------------------------------------------- */ .g-faq-head{text-align:center;margin-bottom:42px;} .sab-faq-item{border-top:1px solid var(--border-default);} .g-faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:20px 0;cursor:pointer;} .g-faq-qt{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--text-strong);} .sab-faq-icon{flex-shrink:0;display:inline-flex;transition:transform .2s;transform:rotate(0deg);} .g-faq-a{font-size:var(--text-md);line-height:1.65;color:var(--ink-400);margin:0;padding:0 0 22px;max-width:64ch;} /* -------------------------------------------------------------------------- Final CTA + footer -------------------------------------------------------------------------- */ .g-cta{position:relative;overflow:hidden;} .g-cta-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 90% at 50% 0%,rgba(107,63,255,.34),transparent 62%),radial-gradient(50% 70% at 82% 10%,rgba(232,62,140,.22),transparent 64%);} .g-cta-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:clamp(80px,11vw,140px) var(--space-5) clamp(64px,8vw,100px);text-align:center;} .g-cta-inner .g-h2{margin-bottom:var(--space-5);} .g-cta-p{font-size:clamp(16px,1.6vw,19px);line-height:var(--leading-relaxed);color:var(--ink-300);margin:0 auto 36px;max-width:52ch;} .g-cta-inner .g-note{display:block;margin-top:20px;} .g-foot{border-top:1px solid var(--border-default);background:var(--surface-0);} .g-foot-row{max-width:1440px;margin:0 auto;padding:44px var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;} .g-foot-tag{font-size:var(--text-sm);color:var(--ink-500);} .g-foot-links{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;} .g-foot-links a{font-size:var(--text-base);color:var(--ink-300);} .g-foot-links a.is-dim{color:var(--ink-500);} /* -------------------------------------------------------------------------- Responsive — the shared contract (docs/adr/0001). This page keeps its own .g-* namespace and its fixed .g-bar, but not its own breakpoints. -------------------------------------------------------------------------- */ /* The intermediate step is band-scoped, not max-width — otherwise its :nth-child rules outrank the plain .g-stack rules in the --bp-md block below and phones inherit the tablet borders. */ @media(min-width:768px) and (max-width:1023px){ /* 4 stacks side by side stop being readable well before they stop fitting */ .g-stacks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;} .g-stack{display:block;grid-row:auto;} .g-stack:nth-child(odd){border-left:none;} .g-stack:nth-child(n+3){border-top:1px solid var(--border-default);} .g-steps{grid-template-columns:repeat(2,minmax(0,1fr));} .g-row{grid-template-columns:140px 1fr;} } @media(max-width:767px){ .g-row,.g-stacks,.g-steps,.g-price-grid{grid-template-columns:1fr;} .g-hide-sm{display:none;} .g-bar{display:flex;} .g-page{padding-bottom:96px;} .g-stack{border-left:none;border-top:1px solid var(--border-default);display:block;grid-row:auto;} .g-stack:first-child{border-top:none;} .g-fit-row,.g-fit-head{grid-template-columns:minmax(0,1fr) 64px 64px;} } /* ========================================================================== PORQUÊ A QRA — Carta do Founder (variante dark). Cross-page com landing.css / .idx-porque — ver docs/adr/0016. ========================================================================== */ .g-porque{position:relative;overflow:hidden;} .g-porque-wrap{padding-top:clamp(72px,9vw,132px);padding-bottom:clamp(72px,9vw,132px);} /* Strip de 3 fotos ------------------------------------------------------- */ .g-porque-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,20px);margin-bottom:clamp(56px,7vw,120px);} .g-porque-fig{margin:0;overflow:hidden;background:var(--surface-2);aspect-ratio:3 / 4;} .g-porque-fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;} /* Bloco editorial -------------------------------------------------------- */ .g-porque-grid{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-template-areas:"meta pull" ". body" ". sig";column-gap:clamp(24px,4vw,96px);row-gap:clamp(48px,6vw,96px);align-items:start;} .g-porque-meta{grid-area:meta;} .g-porque-pull{grid-area:pull;} .g-porque-body{grid-area:body;} .g-porque-sig{grid-area:sig;} .g-porque-eyebrow,.g-porque-h2{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-muted);letter-spacing:0;text-transform:none;margin:0;} .g-porque-eyebrow{margin-bottom:10px;} .g-porque-eyebrow::before,.g-porque-h2::before{content:"(";} .g-porque-eyebrow::after,.g-porque-h2::after{content:")";} .g-porque-pull{margin:0;position:relative;padding-left:clamp(48px,4.5vw,88px);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(32px,5.4vw,68px);line-height:1.02;letter-spacing:-.03em;color:var(--text-strong);text-wrap:balance;} .g-porque-pull::before{content:"\201C";position:absolute;left:0;top:-.12em;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:1.35em;line-height:1;color:var(--primary-400);} .g-porque-body{max-width:65ch;color:var(--text-body);font-size:var(--text-lg);line-height:1.7;} .g-porque-body p{margin:0 0 1.2em;} .g-porque-body p:last-child{margin-bottom:0;} .g-porque-sig{padding-top:clamp(16px,2vw,32px);border-top:1px solid rgba(255,255,255,.12);} .g-porque-name{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:clamp(20px,2vw,28px);color:var(--text-strong);margin:0;} .g-porque-role{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:6px 0 0;} @media(min-width:768px) and (max-width:1023px){ .g-porque-grid{grid-template-columns:1fr;grid-template-areas:"meta" "pull" "body" "sig";row-gap:clamp(32px,5vw,56px);} } @media(max-width:767px){ .g-porque-grid{grid-template-columns:1fr;grid-template-areas:"meta" "pull" "body" "sig";row-gap:clamp(28px,5vw,48px);} .g-porque-strip{gap:6px;margin-bottom:clamp(40px,8vw,64px);} .g-porque-pull{padding-left:44px;font-size:clamp(26px,7vw,40px);} .g-porque-pull::before{font-size:1.25em;} .g-porque-body{font-size:var(--text-md);} }