/* RadConsult Design System — compilado dos tokens do projeto claude.ai/design
   (RadConsultDesignSystem 5b5827): fonts, colors, typography, spacing, effects,
   surfaces e base, mais as classes estáticas dos componentes. */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Roboto+Slab:wght@400;700&display=swap");

:root{
  /* Teal — cor da marca e ações em superfície clara */
  --rad-primary-50: 164 43% 93%;
  --rad-primary-100: 166 51% 78%;
  --rad-primary-200: 168 46% 58%;
  --rad-primary-300: 168 72% 44%;
  --rad-primary-400: 168 100% 32%;
  --rad-primary-500: 168 100% 26%;
  --rad-primary-600: 168 89% 23%;
  --rad-primary-700: 168 91% 19%;
  --rad-primary-800: 167 89% 15%;
  --rad-primary-900: 168 88% 10%;

  /* Mint — metade clara da marca; acentos em superfícies escuras */
  --rad-mint-100: 167 67% 85%;
  --rad-mint-200: 168 66% 73%;
  --rad-mint-300: 168 66% 61%;
  --rad-mint-400: 168 46% 58%;
  --rad-mint-500: 168 58% 48%;
  --rad-mint-600: 168 66% 38%;

  /* Neutros verde-preto */
  --rad-dark-300: 170 10% 32%;
  --rad-dark-400: 170 12% 26%;
  --rad-dark-500: 168 14% 20%;
  --rad-dark-700: 168 22% 11%;
  --rad-dark-800: 168 20% 8%;
  --rad-dark-900: 0 0% 4%;

  --rad-light-0: 0 0% 100%;
  --rad-light-100: 168 14% 96%;
  --rad-light-300: 168 8% 88%;

  --rad-text-black: 0 0% 4%;
  --rad-text-grey: 0 0% 33%;
  --rad-text-white: 0 0% 100%;
  --rad-text-on-dark-secondary: 200 9% 80%;

  --rad-accent: hsl(var(--rad-primary-500));
  --rad-accent-hover: hsl(var(--rad-primary-400));
  --rad-accent-press: hsl(var(--rad-primary-600));
  --rad-accent-on-dark: hsl(var(--rad-mint-300));
  --rad-text-strong: hsl(var(--rad-text-black));
  --rad-text-body: hsl(var(--rad-text-grey));
  --rad-text-muted: hsl(var(--rad-text-black) / .58);
  --rad-cookie-banner-bg: hsl(var(--rad-dark-900));

  /* Tipografia */
  --rad-font-display: "Roboto Slab", Georgia, "Times New Roman", serif;
  --rad-font-sans: "Lato", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --rad-h1-size: 56px; --rad-h1-line: 1.286em;
  --rad-h2-size: 40px; --rad-h2-line: 1.4em;
  --rad-h3-size: 32px; --rad-h3-line: 1.375em;
  --rad-h4-size: 22px; --rad-h4-line: 1.636em;
  --rad-h5-size: 18px; --rad-h5-line: 1.778em;
  --rad-h6-size: 16px; --rad-h6-line: 1.75em; --rad-h6-tracking: 0.187em;
  --rad-body-size: 16px; --rad-body-line: 1.75em;
  --rad-counter-size: 56px;

  /* Grid e espaçamento */
  --rad-column-gap: 30px;
  --rad-container-padding: 15px;
  --rad-container-max: 1300px;
  --rad-card-padding-y: 24px;
  --rad-card-padding-x: 32px;
  --rad-feature-row-gap: 24px;
  --rad-stack-gap-sm: 12px;
  --rad-stack-gap: 28px;
  --rad-tag-gap: 4px;
  --rad-icon-size: 56px;

  /* Efeitos */
  --rad-radius-base: 4px;
  --rad-radius-button: 4px;
  --rad-radius-tag: 6px;
  --rad-shadow-card: 0px 10px 20px rgba(0,0,0,.12), 0px 0px 6px rgba(0,0,0,.06);
  --rad-transition-standard: .2s cubic-bezier(.4,0,.2,1);
  --rad-hero-overlay: hsl(var(--rad-dark-900) / .8);
}
@media (min-width: 992px){:root{--rad-card-padding-y: 28px; --rad-card-padding-x: 36px}}
@media (min-width: 1200px){:root{--rad-card-padding-y: 32px; --rad-card-padding-x: 40px}}

/* Superfícies */
[data-rad-surface="light-0"],:root{
  --rad-s-bg: hsl(var(--rad-light-0));
  --rad-s-heading: hsl(var(--rad-text-black));
  --rad-s-text: hsl(var(--rad-text-grey));
  --rad-s-kicker: hsl(var(--rad-text-black) / .58);
  --rad-s-border: hsl(var(--rad-light-300));
  --rad-s-tag-bg: hsl(var(--rad-light-300));
  --rad-s-tag-text: hsl(var(--rad-text-black) / .58);
  --rad-s-icon: hsl(var(--rad-primary-500));
  --rad-s-link: hsl(var(--rad-primary-500));
  --rad-s-link-hover: hsl(var(--rad-primary-600));
}
[data-rad-surface="dark-0"]{
  --rad-s-bg: hsl(var(--rad-dark-800));
  --rad-s-heading: hsl(var(--rad-text-white));
  --rad-s-text: hsl(var(--rad-text-on-dark-secondary));
  --rad-s-kicker: hsl(var(--rad-text-white) / .58);
  --rad-s-border: hsl(var(--rad-dark-300));
  --rad-s-tag-bg: hsl(var(--rad-dark-500));
  --rad-s-tag-text: hsl(var(--rad-text-on-dark-secondary));
  --rad-s-icon: hsl(var(--rad-mint-300));
  --rad-s-link: hsl(var(--rad-text-white));
  --rad-s-link-hover: hsl(var(--rad-mint-300));
}
[data-rad-surface="dark-1"]{
  --rad-s-bg: hsl(var(--rad-dark-700));
  --rad-s-heading: hsl(var(--rad-text-white));
  --rad-s-text: hsl(var(--rad-text-on-dark-secondary));
  --rad-s-kicker: hsl(var(--rad-text-white) / .58);
  --rad-s-border: hsl(var(--rad-dark-300));
  --rad-s-tag-bg: hsl(var(--rad-dark-400));
  --rad-s-tag-text: hsl(var(--rad-text-on-dark-secondary));
  --rad-s-icon: hsl(var(--rad-mint-300));
  --rad-s-link: hsl(var(--rad-text-white));
  --rad-s-link-hover: hsl(var(--rad-mint-300));
}

/* Base */
body.rad-root{
  margin:0; background: hsl(var(--rad-light-0));
  font-family: var(--rad-font-sans); font-size: var(--rad-body-size);
  line-height: var(--rad-body-line); font-weight: 400;
  color: var(--rad-text-body);
  -webkit-font-smoothing: antialiased;
}
.rad-root h1,.rad-root h2,.rad-root h3,.rad-root h4,.rad-root h5,.rad-root h6,.rad-root p{margin:0}
.rad-root a{color:var(--rad-s-link,var(--rad-accent));text-decoration:none;transition:color var(--rad-transition-standard)}
.rad-root a:hover{color:var(--rad-s-link-hover,var(--rad-accent-press))}
html{scroll-behavior:smooth}

/* Section */
.rad-section{position:relative;background-color:var(--rad-s-bg);overflow:hidden}
.rad-section--hero{min-height:100vh;display:flex;align-items:center}
.rad-section__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.rad-section__overlay{position:absolute;inset:0;background-color:var(--rad-hero-overlay)}
.rad-container{position:relative;width:100%;max-width:var(--rad-container-max);margin:0 auto;padding:0 var(--rad-container-padding);box-sizing:border-box}

/* SectionTitle */
.rad-title{display:grid;gap:var(--rad-stack-gap-sm)}
.rad-title--center{text-align:center;margin-inline:auto}
.rad-title--m570{max-width:570px}
.rad-title--m770{max-width:770px}
.rad-title .rad-kicker{font-family:var(--rad-font-sans);font-size:var(--rad-h6-size);line-height:var(--rad-h6-line);font-weight:400;text-transform:uppercase;letter-spacing:var(--rad-h6-tracking);color:var(--rad-s-kicker)}
.rad-title .rad-heading{color:var(--rad-s-heading);text-wrap:pretty}
.rad-title h1.rad-heading{font-family:var(--rad-font-display);font-size:var(--rad-h1-size);line-height:var(--rad-h1-line);font-weight:400}
.rad-title h2.rad-heading{font-family:var(--rad-font-display);font-size:var(--rad-h2-size);line-height:var(--rad-h2-line);font-weight:400}
.rad-title h3.rad-heading{font-family:var(--rad-font-display);font-size:var(--rad-h3-size);line-height:var(--rad-h3-line);font-weight:400}
.rad-title .rad-lead{font-family:var(--rad-font-sans);font-size:var(--rad-h5-size);line-height:var(--rad-h5-line);color:var(--rad-s-text);text-wrap:pretty}
@media (max-width: 600px){
  .rad-title h1.rad-heading{font-size:40px}
  .rad-title h2.rad-heading{font-size:32px}
}

/* Columns */
.rad-cols{display:grid;gap:var(--rad-column-gap);align-items:stretch}
.rad-cols--230{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.rad-cols--250{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.rad-cols--220{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.rad-cols--200{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}

/* Split (mídia + texto) */
.rad-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:var(--rad-column-gap);align-items:center}

/* MediaFrame */
.rad-media{margin:0;border-radius:var(--rad-radius-base);overflow:hidden}
.rad-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* FeatureCard */
.rad-feature{display:flex;flex-direction:column;row-gap:var(--rad-feature-row-gap);height:100%;text-align:left;align-items:flex-start}
.rad-feature--center{text-align:center;align-items:center}
.rad-feature__icon{width:var(--rad-icon-size);height:var(--rad-icon-size);flex-shrink:0;background-color:var(--rad-s-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.rad-feature__body{display:grid;gap:4px;flex-grow:1}
.rad-feature h5{font-family:var(--rad-font-sans);font-size:var(--rad-h5-size);line-height:var(--rad-h5-line);font-weight:400;color:var(--rad-s-heading)}
.rad-feature p{font-size:var(--rad-body-size);line-height:var(--rad-body-line);color:var(--rad-s-text);text-wrap:pretty}

/* ServiceCard */
.rad-card{height:100%;box-sizing:border-box;padding:var(--rad-card-padding-y) var(--rad-card-padding-x);background-color:var(--rad-s-bg);border-radius:var(--rad-radius-base);box-shadow:var(--rad-shadow-card);display:grid;gap:4px;align-content:start}
.rad-card__kicker{font-size:var(--rad-body-size);line-height:var(--rad-body-line);color:var(--rad-s-kicker);text-transform:uppercase;letter-spacing:.06em}
.rad-card h4{font-family:var(--rad-font-sans);font-size:var(--rad-h4-size);line-height:var(--rad-h4-line);font-weight:600;color:var(--rad-s-heading)}
.rad-card p{font-size:var(--rad-body-size);line-height:var(--rad-body-line);color:var(--rad-s-text);text-wrap:pretty}

/* Counter */
.rad-counter{text-align:center}
.rad-counter__value{font-family:var(--rad-font-display);font-size:var(--rad-counter-size);font-weight:700;line-height:1.286em;color:var(--rad-s-heading)}
.rad-counter p{font-size:var(--rad-body-size);line-height:var(--rad-body-line);color:var(--rad-s-text)}

/* Tags */
.rad-tags{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:calc(var(--rad-tag-gap) * -1);padding:0}
.rad-tags li{display:inline-block;margin:var(--rad-tag-gap);padding:2px 12px;border-radius:var(--rad-radius-tag);background-color:var(--rad-s-tag-bg);color:var(--rad-s-tag-text);font-family:var(--rad-font-sans);font-size:var(--rad-h5-size);line-height:var(--rad-h5-line);font-weight:400}

/* Button */
.rad-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--rad-font-sans);font-size:16px;line-height:28px;font-weight:600;padding:8px 30px;border-radius:var(--rad-radius-button);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--rad-transition-standard),color var(--rad-transition-standard),border-color var(--rad-transition-standard);box-sizing:border-box;white-space:nowrap}
.rad-btn--primary{background-color:hsl(var(--rad-primary-500));border-color:hsl(var(--rad-primary-500));color:hsl(var(--rad-text-white))}
.rad-root a.rad-btn--primary{color:hsl(var(--rad-text-white))}
.rad-btn--primary:hover{background-color:hsl(var(--rad-primary-400));border-color:hsl(var(--rad-primary-400));color:hsl(var(--rad-text-white))}
.rad-btn--primary:active{background-color:hsl(var(--rad-primary-600));border-color:hsl(var(--rad-primary-600))}
.rad-btn--secondary{background-color:transparent;border-color:hsl(var(--rad-primary-500));color:var(--rad-s-heading)}
.rad-btn--secondary:hover{background-color:hsl(var(--rad-primary-500));color:hsl(var(--rad-text-white))}
.rad-btn--secondary:active{background-color:hsl(var(--rad-primary-600));color:hsl(var(--rad-text-white))}
.rad-btn--ghost{background:transparent;border-color:transparent;padding:8px 2px;color:hsl(var(--rad-text-white) / .7)}
.rad-btn--ghost:hover{color:hsl(var(--rad-mint-300))}

/* Header */
.rad-header-wrap{position:sticky;top:0;z-index:5}
.rad-header{background-color:var(--rad-s-bg)}
.rad-header__inner{width:100%;max-width:var(--rad-container-max);margin:0 auto;padding:18px var(--rad-container-padding);box-sizing:border-box;display:flex;align-items:center;gap:40px}
.rad-header__logo{width:160px;height:auto;flex-shrink:0;display:block}
.rad-header nav{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:32px}
.rad-header nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}
.rad-header nav ul a{font-family:var(--rad-font-sans);font-size:16px;font-weight:600;text-decoration:none;color:hsl(var(--rad-text-white))}
.rad-header nav ul a:hover{color:hsl(var(--rad-mint-300))}
.rad-nav__link{position:relative;display:block;padding:6px 0;font-family:var(--rad-font-sans);font-size:16px;font-weight:600;text-decoration:none;color:hsl(var(--rad-text-white));transition:color var(--rad-transition-standard)}
/* Seletor de idioma: mostra só a bandeira atual; clicando, abre as outras */
.rad-lang{position:relative;flex:0 0 auto;padding-left:8px}
.rad-lang__atual{display:flex;align-items:center;gap:7px;padding:6px 0;background:none;border:0;cursor:pointer;color:hsl(var(--rad-text-white));transition:color var(--rad-transition-standard)}
.rad-lang__atual:hover,.rad-lang.is-open .rad-lang__atual{color:hsl(var(--rad-mint-300))}
.rad-lang__atual .rad-lang__seta{transition:transform var(--rad-transition-standard)}
.rad-lang.is-open .rad-lang__atual .rad-lang__seta{transform:rotate(180deg)}
.rad-lang__flag{display:block;width:26px;height:19px;border-radius:3px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.rad-lang__flag svg{display:block;width:100%;height:100%}
.rad-lang__menu{position:absolute;top:100%;right:-8px;min-width:180px;margin-top:14px;padding:8px;background-color:hsl(var(--rad-light-0));border-radius:var(--rad-radius-base);box-shadow:0px 10px 20px rgba(0,0,0,.12),0px 0px 6px rgba(0,0,0,.06);display:none;z-index:4}
.rad-lang.is-open .rad-lang__menu{display:grid;gap:2px}
.rad-lang__menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--rad-radius-base);font-family:var(--rad-font-sans);font-size:var(--rad-body-size);color:hsl(var(--rad-text-black));text-decoration:none;white-space:nowrap;transition:background-color var(--rad-transition-standard),color var(--rad-transition-standard)}
.rad-lang__menu a:hover{background-color:hsl(var(--rad-light-100));color:hsl(var(--rad-primary-500))}
@media (max-width:900px){.rad-lang{padding-left:0}.rad-lang__menu{right:auto;left:50%;transform:translateX(-50%)}}
/* marca que o destino do link está em outro idioma (ex.: política de privacidade em PT) */
.rad-lang-nota{font-size:.82em;opacity:.7}
.rad-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:hsl(var(--rad-mint-300));transform:scaleX(0);transform-origin:left;transition:transform var(--rad-transition-standard)}
.rad-nav__link:hover,.rad-nav__link.is-active{color:hsl(var(--rad-mint-300))}
.rad-nav__link:hover::after,.rad-nav__link.is-active::after{transform:scaleX(1)}
.rad-nav__group{position:relative}
.rad-nav__group-btn{display:flex;align-items:center;gap:8px;padding:6px 0;background:none;border:0;cursor:pointer;font-family:var(--rad-font-sans);font-size:16px;font-weight:600;color:hsl(var(--rad-text-white));transition:color var(--rad-transition-standard)}
.rad-nav__group-btn svg{transition:transform var(--rad-transition-standard)}
.rad-nav__group:hover .rad-nav__group-btn,.rad-nav__group.is-open .rad-nav__group-btn{color:hsl(var(--rad-mint-300))}
.rad-nav__group.is-open .rad-nav__group-btn svg,.rad-nav__group:hover .rad-nav__group-btn svg{transform:rotate(180deg)}
.rad-nav__dropdown{position:absolute;top:100%;left:-16px;min-width:230px;background-color:hsl(var(--rad-light-0));border-radius:var(--rad-radius-base);box-shadow:0px 10px 20px rgba(0,0,0,.12),0px 0px 6px rgba(0,0,0,.06);padding:8px;display:none;z-index:3;margin-top:14px}
.rad-nav__group::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.rad-nav__group:hover .rad-nav__dropdown,.rad-nav__group.is-open .rad-nav__dropdown{display:grid}
.rad-nav__dropdown a{font-family:var(--rad-font-sans);font-size:var(--rad-body-size);color:hsl(var(--rad-text-black));text-decoration:none;padding:10px 12px;border-radius:var(--rad-radius-base);transition:background-color var(--rad-transition-standard),color var(--rad-transition-standard)}
.rad-nav__dropdown a:hover{background-color:hsl(var(--rad-light-100));color:hsl(var(--rad-primary-500))}
/* Botão hambúrguer — só aparece no mobile */
.rad-nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;color:hsl(var(--rad-text-white));transition:color var(--rad-transition-standard)}
.rad-nav-toggle:hover{color:hsl(var(--rad-mint-300))}
.rad-nav-toggle__barras{position:relative;display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:background var(--rad-transition-standard)}
.rad-nav-toggle__barras::before,.rad-nav-toggle__barras::after{content:"";position:absolute;left:0;display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--rad-transition-standard)}
.rad-nav-toggle__barras::before{top:-7px}
.rad-nav-toggle__barras::after{top:7px}
.rad-nav-toggle.is-open .rad-nav-toggle__barras{background:transparent}
.rad-nav-toggle.is-open .rad-nav-toggle__barras::before{transform:translateY(7px) rotate(45deg)}
.rad-nav-toggle.is-open .rad-nav-toggle__barras::after{transform:translateY(-7px) rotate(-45deg)}

@media (max-width: 900px){
  /* logo à esquerda, bandeira e hambúrguer à direita; o menu abre embaixo */
  .rad-header__inner{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px}
  .rad-nav-toggle{display:flex;order:3}
  .rad-lang{order:2;margin-left:auto}
  .rad-header nav{order:4;flex:1 0 100%;display:none;flex-direction:column;align-items:stretch;gap:0;margin-top:4px;border-top:1px solid hsl(var(--rad-dark-300))}
  .rad-header nav.is-open{display:flex}
  .rad-nav__link{padding:15px 2px;border-bottom:1px solid hsl(var(--rad-dark-300) / .55)}
  .rad-nav__link::after{display:none}
  /* submenu "A RAD" abre em linha, empurrando o conteúdo — não flutuando */
  .rad-nav__group{width:100%}
  .rad-nav__group-btn{width:100%;justify-content:space-between;padding:15px 2px;border-bottom:1px solid hsl(var(--rad-dark-300) / .55)}
  .rad-nav__group::after{display:none}
  .rad-nav__dropdown{position:static;top:auto;left:auto;margin:0;min-width:0;padding:4px 0 8px 14px;background:transparent;box-shadow:none;border-radius:0}
  .rad-nav__group:hover .rad-nav__dropdown{display:none} /* toque não tem hover */
  .rad-nav__group.is-open .rad-nav__dropdown{display:grid}
  .rad-nav__group:hover .rad-nav__group-btn{color:hsl(var(--rad-text-white))}
  .rad-nav__group.is-open .rad-nav__group-btn{color:hsl(var(--rad-mint-300))}
  .rad-nav__dropdown a{color:hsl(var(--rad-text-on-dark-secondary));padding:11px 6px}
  .rad-nav__dropdown a:hover{background:transparent;color:hsl(var(--rad-mint-300))}
  .rad-lang__menu{right:0;left:auto;transform:none}
}

/* Footer */
.rad-footer{background-color:var(--rad-s-bg)}
.rad-footer__inner{width:100%;max-width:var(--rad-container-max);margin:0 auto;padding:48px var(--rad-container-padding);box-sizing:border-box;display:grid;gap:28px;justify-items:center;text-align:center}
.rad-footer__logo{width:160px;height:auto}
.rad-footer ul.rad-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center}
.rad-footer ul.rad-footer__links a{font-size:var(--rad-body-size);color:hsl(var(--rad-text-white));text-decoration:none;transition:color var(--rad-transition-standard)}
.rad-footer ul.rad-footer__links a:hover{color:hsl(var(--rad-mint-300))}
.rad-footer__copy{font-size:var(--rad-body-size);color:hsl(var(--rad-text-white) / .58)}
.rad-footer__inst{display:grid;gap:8px;justify-items:center}
.rad-footer__inst-nome{font-family:var(--rad-font-display);font-size:18px;font-weight:700;color:hsl(var(--rad-text-white))}
.rad-footer__inst ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px}
.rad-footer__inst li{font-size:14px;color:hsl(var(--rad-text-white) / .58)}
.rad-footer__inst strong{color:hsl(var(--rad-text-on-dark-secondary));font-weight:600}
.rad-footer__social{display:flex;justify-content:center;gap:16px}
.rad-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:hsl(var(--rad-text-white) / .08);color:hsl(var(--rad-text-on-dark-secondary));transition:background var(--rad-transition-standard),color var(--rad-transition-standard)}
.rad-footer__social a:hover{background:hsl(var(--rad-mint-300) / .2);color:hsl(var(--rad-mint-300))}

/* Compliance */
.rad-compliance{max-width:770px;margin:0 auto;text-align:center;display:grid;gap:20px;justify-items:center}
.rad-compliance__kicker{font-family:var(--rad-font-sans);font-size:var(--rad-h6-size);line-height:var(--rad-h6-line);font-weight:400;letter-spacing:var(--rad-h6-tracking);text-transform:uppercase;color:var(--rad-s-kicker)}
.rad-compliance h2{font-family:var(--rad-font-display);font-size:38px;font-weight:700;line-height:1.25;color:var(--rad-text-strong)}
.rad-compliance p.rad-compliance__texto{font-size:18px;line-height:1.7;color:var(--rad-text-body)}
@media (max-width: 600px){.rad-compliance h2{font-size:28px}}

/* ClientLogos — carrossel infinito de clientes */
@keyframes rad-logo-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.rad-logos{position:relative;overflow:hidden;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 96px,#000 calc(100% - 96px),transparent);mask-image:linear-gradient(90deg,transparent,#000 96px,#000 calc(100% - 96px),transparent)}
.rad-logos ul{list-style:none;margin:0;padding:0;display:flex;width:max-content;align-items:center;animation:rad-logo-marquee 68s linear infinite}
.rad-logos:hover ul{animation-play-state:paused}
.rad-logos li{flex:0 0 auto;display:grid;place-items:center;min-width:160px;padding-inline:36px;box-sizing:content-box}
.rad-logos img{max-width:220px;height:40px;object-fit:contain;filter:grayscale(1);opacity:.62}
/* Lockups empilhados (marca sobre o nome) ficam ilegíveis nos 40px dos wordmarks */
.rad-logos img.is-alto{height:64px;max-width:150px}
.rad-logos span{font-family:var(--rad-font-sans);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--rad-text-body)}

/* Botão flutuante do WhatsApp */
#whats-flutuante{position:fixed;right:22px;bottom:22px;z-index:99999;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform var(--rad-transition-standard),background var(--rad-transition-standard)}
#whats-flutuante:hover{transform:scale(1.1);background:#1EBE5D;color:#fff}

/* Banner de cookies */
.rad-cookies{position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--rad-cookie-banner-bg);padding:16px var(--rad-container-padding);display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:center}
.rad-cookies p{flex:1 1 420px;max-width:760px;font-size:14px;line-height:1.6;color:hsl(var(--rad-text-white))}
.rad-cookies p a{color:hsl(var(--rad-text-white));text-decoration:underline}
.rad-cookies__actions{display:flex;gap:8px}
.rad-cookies.is-hidden{display:none}

/* ====== Blog (BlogPost.dc.html do projeto de design 47ac4dc5) ====== */

/* Breadcrumb do hero */
.bp-crumb{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--rad-mint-300));display:flex;gap:10px;flex-wrap:wrap}
.bp-crumb a{color:inherit}
.bp-crumb a:hover{color:#fff}
.bp-crumb .sep{opacity:.5}
.bp-crumb .atual{opacity:.7}

/* Hero do post */
.bp-hero-inner{display:grid;gap:40px;max-width:900px}
.bp-hero-titulo{display:grid;gap:24px}
.bp-hero-titulo h1{font-family:var(--rad-font-display);font-size:56px;line-height:1.12;font-weight:400;color:#fff;text-wrap:pretty}
.bp-hero-titulo .bp-lead{font-size:18px;line-height:1.6;color:hsl(var(--rad-text-on-dark-secondary));max-width:770px;text-wrap:pretty}
.bp-authorbar{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:8px;border-top:1px solid rgba(255,255,255,.18)}
.bp-authorbar .nome{font-size:16px;font-weight:600;color:#fff}
.bp-authorbar .cargo{font-size:14px;color:hsl(var(--rad-text-on-dark-secondary))}
.bp-authorbar .divisor{width:1px;height:36px;background:rgba(255,255,255,.18)}
.bp-authorbar .meta{display:flex;gap:16px;font-size:14px;color:hsl(var(--rad-text-on-dark-secondary))}
.bp-linkedin-hero{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:14px;font-weight:600;color:#fff;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:var(--rad-radius-button);transition:border-color var(--rad-transition-standard),color var(--rad-transition-standard)}
.bp-linkedin-hero:hover{border-color:hsl(var(--rad-mint-300));color:hsl(var(--rad-mint-300))}
@media (max-width:700px){.bp-hero-titulo h1{font-size:38px}.bp-linkedin-hero{margin-left:0}}

/* Avatar placeholder (até a foto real ser fornecida) */
.bp-avatar{display:flex;align-items:center;justify-content:center;background:hsl(var(--rad-light-300));color:hsl(var(--rad-text-black) / .45);font-family:var(--rad-font-display);font-weight:700;overflow:hidden;flex:0 0 auto}
.bp-avatar--circulo{border-radius:50%}
.bp-avatar--quadrado{border-radius:var(--rad-radius-base)}
.bp-avatar img{width:100%;height:100%;object-fit:cover}

/* Grade artigo + sidebar */
.bp-layout{display:grid;grid-template-columns:minmax(0,770px) 320px;gap:72px;align-items:start}
@media (max-width:1024px){.bp-layout{grid-template-columns:1fr}}

/* Prosa do artigo */
.bp-article{display:grid;gap:32px;font-size:16px;line-height:1.75;color:var(--rad-s-text)}
.bp-article .bp-intro{font-size:20px;line-height:1.65;color:hsl(var(--rad-text-black));text-wrap:pretty}
.bp-article h2{font-family:var(--rad-font-display);font-size:40px;line-height:1.2;font-weight:400;color:hsl(var(--rad-text-black));margin-top:24px;text-wrap:pretty;scroll-margin-top:110px}
.bp-article h3{font-family:var(--rad-font-display);font-size:32px;line-height:1.25;font-weight:400;color:hsl(var(--rad-text-black))}
.bp-article ul,.bp-article ol{padding-left:22px;display:grid;gap:10px}
.bp-article ol{gap:14px}
.bp-article .rad-tags{display:flex;padding-left:0;gap:0}
.bp-article li strong{color:hsl(var(--rad-text-black))}
.bp-article figure{margin:16px 0;display:grid;gap:12px}
.bp-article figure .bp-figura{width:100%;aspect-ratio:1.765;background:hsl(var(--rad-light-100));border:1px dashed hsl(var(--rad-light-300));border-radius:var(--rad-radius-base);display:flex;align-items:center;justify-content:center;color:var(--rad-text-muted);font-size:14px}
.bp-article figure img{width:100%;aspect-ratio:1.765;object-fit:cover;border-radius:var(--rad-radius-base);display:block}
.bp-article figcaption{font-size:14px;color:var(--rad-text-muted)}
.bp-article blockquote{margin:24px 0;padding:32px 0;border-top:1px solid var(--rad-s-border);border-bottom:1px solid var(--rad-s-border);display:grid;gap:16px}
.bp-article blockquote p{font-family:var(--rad-font-display);font-size:28px;line-height:1.35;color:hsl(var(--rad-text-black));text-wrap:pretty}
.bp-article blockquote cite{font-style:normal;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rad-text-muted)}
@media (max-width:700px){.bp-article h2{font-size:30px}.bp-article h3{font-size:24px}.bp-article blockquote p{font-size:22px}}

/* Rodapé do post: tags + compartilhar */
.bp-postfoot{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--rad-s-border)}
.bp-share{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--rad-text-muted)}
.bp-share a{display:flex;align-items:center;gap:6px;font-weight:600;color:hsl(var(--rad-text-black))}
.bp-share a:hover{color:hsl(var(--rad-primary-500))}

/* Sidebar */
.bp-side{position:sticky;top:104px;display:grid;gap:24px}
@media (max-width:1024px){.bp-side{position:static}}
.bp-card{background:#fff;border-radius:var(--rad-radius-base);box-shadow:var(--rad-shadow-card);padding:28px;display:grid;gap:18px}
.bp-card .topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bp-card .rotulo{font-size:12px;font-weight:600;letter-spacing:.187em;text-transform:uppercase;color:var(--rad-text-muted)}
.bp-card .nome{font-family:var(--rad-font-display);font-size:22px;line-height:1.3;color:hsl(var(--rad-text-black))}
.bp-card .bio{font-size:15px;line-height:1.5;color:var(--rad-s-text)}
.bp-card .local{font-size:14px;color:var(--rad-text-muted)}
.bp-card .stats{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--rad-s-border);border-bottom:1px solid var(--rad-s-border)}
.bp-card .stats .num{font-family:var(--rad-font-display);font-size:20px;color:hsl(var(--rad-text-black))}
.bp-card .stats .leg{font-size:13px;color:var(--rad-text-muted)}
.bp-toc{border:1px solid var(--rad-s-border);border-radius:var(--rad-radius-base);padding:24px;display:grid;gap:12px}
.bp-toc .rotulo{font-size:12px;font-weight:600;letter-spacing:.187em;text-transform:uppercase;color:var(--rad-text-muted)}
.bp-toc a{font-size:15px;line-height:1.5}

/* Banda "Sobre o autor" (dark) */
.bp-band{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:900px){.bp-band{grid-template-columns:1fr}}
.bp-band .kicker{font-size:16px;font-weight:600;letter-spacing:.187em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.bp-band h2{font-family:var(--rad-font-display);font-size:40px;line-height:1.2;font-weight:400;color:#fff}
.bp-band .bio{font-size:18px;line-height:1.6;color:hsl(var(--rad-text-on-dark-secondary));max-width:640px;text-wrap:pretty}
.bp-band .fatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.bp-band .fato{display:grid;gap:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.bp-band .fato .rot{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.bp-band .fato .val{font-size:16px;color:#fff}
.bp-band .fato .sub{font-size:14px;color:hsl(var(--rad-text-on-dark-secondary))}
.bp-band .li-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:hsl(var(--rad-mint-300))}

/* Listagem do blog */
.blog-card{display:grid;gap:0;background:var(--rad-s-bg);border-radius:var(--rad-radius-base);box-shadow:var(--rad-shadow-card);overflow:hidden;text-decoration:none;transition:transform var(--rad-transition-standard),box-shadow var(--rad-transition-standard)}
.blog-card:hover{transform:translateY(-4px)}
.blog-card .capa{aspect-ratio:1.765;background:hsl(var(--rad-dark-800));display:block;width:100%;object-fit:cover}
.blog-card .corpo{padding:var(--rad-card-padding-y) var(--rad-card-padding-x);display:grid;gap:8px}
.blog-card .cat{font-size:14px;line-height:1.4;color:var(--rad-s-kicker);text-transform:uppercase;letter-spacing:.06em}
.blog-card h3{font-family:var(--rad-font-sans);font-size:var(--rad-h4-size);line-height:var(--rad-h4-line);font-weight:600;color:var(--rad-s-heading)}
.blog-card .resumo{font-size:16px;line-height:1.75;color:var(--rad-s-text)}
.blog-card .meta{font-size:14px;color:var(--rad-text-muted);display:flex;gap:12px;margin-top:8px}

/* Card "Mais populares" da sidebar do post (dados em blog/populares.json) */
.bp-populares{background:#fff;border-radius:var(--rad-radius-base);box-shadow:var(--rad-shadow-card);padding:28px;display:grid}
.bp-populares .rotulo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.187em;text-transform:uppercase;color:var(--rad-text-muted);margin-bottom:6px}
.bp-populares .rotulo svg{color:hsl(var(--rad-primary-500));flex:none}
.bp-populares .item{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:14px 0;text-decoration:none}
.bp-populares .item + .item{border-top:1px solid var(--rad-s-border)}
.bp-populares .pos{font-family:var(--rad-font-display);font-size:20px;font-weight:700;line-height:1.2;color:hsl(var(--rad-primary-500))}
.bp-populares .titulo{display:block;font-size:15px;line-height:1.5;font-weight:600;color:hsl(var(--rad-text-black));transition:color var(--rad-transition-standard)}
.bp-populares .item:hover .titulo{color:hsl(var(--rad-primary-500))}
.bp-populares .leituras{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;color:var(--rad-text-muted)}
.bp-populares .leituras svg{flex:none}

/* Botão "voltar ao blog" da página de post */
.bp-voltar{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px 8px 16px;font-family:var(--rad-font-sans);font-size:15px;font-weight:600;color:var(--rad-s-text);text-decoration:none;border:1px solid var(--rad-s-border);border-radius:30px;transition:background var(--rad-transition-standard),color var(--rad-transition-standard),border-color var(--rad-transition-standard)}
.bp-voltar:hover{border-color:hsl(var(--rad-primary-500));color:hsl(var(--rad-primary-500))}
.bp-voltar svg{transition:transform var(--rad-transition-standard)}
.bp-voltar:hover svg{transform:translateX(-3px)}

/* Grid da listagem do blog: colunas fixas para o card não esticar com poucos posts */
.blog-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}

/* Listagem com sidebar (posts à esquerda, "Mais populares" à direita) */
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.blog-layout .blog-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}}
@media (max-width:640px){.blog-layout .blog-grid{grid-template-columns:1fr}}

/* Barra de filtros do blog: categorias à esquerda, busca à direita */
.blog-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:40px}
.blog-filtros{display:flex;flex-wrap:wrap;gap:10px}
.blog-filtros button{font-family:var(--rad-font-sans);font-size:15px;font-weight:600;padding:8px 20px;border-radius:30px;border:1px solid var(--rad-s-border);background:transparent;color:var(--rad-s-text);cursor:pointer;transition:background var(--rad-transition-standard),color var(--rad-transition-standard),border-color var(--rad-transition-standard)}
.blog-filtros button:hover{border-color:hsl(var(--rad-primary-500));color:hsl(var(--rad-primary-500))}
.blog-filtros button.is-active{background:hsl(var(--rad-primary-500));border-color:hsl(var(--rad-primary-500));color:#fff}
/* Excedente de categorias: botão "⋯" com dropdown */
.blog-filtros__mais{position:relative}
.blog-filtros__mais > button{min-width:52px;letter-spacing:.1em}
.blog-filtros__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:none;min-width:200px;padding:6px;background:#fff;border:1px solid var(--rad-s-border);border-radius:8px;box-shadow:var(--rad-shadow-card)}
.blog-filtros__mais.is-open .blog-filtros__menu{display:grid}
.blog-filtros .blog-filtros__menu button{border:0;border-radius:6px;text-align:left;padding:9px 14px;width:100%;box-sizing:border-box}
.blog-filtros .blog-filtros__menu button:hover{background:hsl(var(--rad-primary-500) / .08)}

/* Paginador do blog */
.blog-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px}
.blog-pager button{font-family:var(--rad-font-sans);font-size:15px;font-weight:600;min-width:42px;height:42px;padding:0 12px;border-radius:var(--rad-radius-base);border:1px solid var(--rad-s-border);background:transparent;color:var(--rad-s-text);cursor:pointer;transition:background var(--rad-transition-standard),color var(--rad-transition-standard),border-color var(--rad-transition-standard)}
.blog-pager button:hover:not(:disabled){border-color:hsl(var(--rad-primary-500));color:hsl(var(--rad-primary-500))}
.blog-pager button.is-active{background:hsl(var(--rad-primary-500));border-color:hsl(var(--rad-primary-500));color:#fff}
.blog-pager button:disabled{opacity:.35;cursor:default}

/* Estado vazio da listagem */
.blog-vazio{padding:48px 0;text-align:center;color:var(--rad-text-muted);font-size:18px}

/* Busca do blog */
.blog-busca{position:relative;flex:1 1 320px;margin-left:auto}
.blog-busca input{-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box;font-family:var(--rad-font-sans);font-size:15px;line-height:24px;padding:9px 40px 9px 42px;border:1px solid var(--rad-s-border);border-radius:30px;color:var(--rad-text-body);background:#fff;transition:border-color var(--rad-transition-standard),box-shadow var(--rad-transition-standard)}
.blog-busca input:focus{outline:none;border-color:hsl(var(--rad-primary-500));box-shadow:0 0 0 3px hsl(var(--rad-primary-200) / .35)}
.blog-busca input::-webkit-search-cancel-button,.blog-busca input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.blog-busca > svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--rad-text-muted);pointer-events:none}
.blog-busca__limpar{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--rad-text-muted);cursor:pointer;transition:background var(--rad-transition-standard),color var(--rad-transition-standard)}
.blog-busca__limpar:hover{background:hsl(var(--rad-dark-800) / .06);color:var(--rad-text-body)}
.blog-busca__limpar[hidden]{display:none}
.blog-conta{margin:-24px 0 32px;font-size:14px;color:var(--rad-text-muted)}
@media (max-width:700px){
  .blog-toolbar{flex-direction:column-reverse;align-items:stretch}
  /* na coluna, o flex-basis viraria ALTURA — zera para o bloco da busca ter altura natural */
  .blog-busca{margin-left:0;flex:0 0 auto}
}
