:root{
  /* Tema claro: fundo branco / cinza muito claro (alinhado à percepção de “homepage branca”) */
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-muted: #f1f5f9;
  --panel: rgba(15, 23, 42, .04);
  --panel2: rgba(15, 23, 42, .06);
  --border: rgba(15, 23, 42, .10);
  --border-strong: rgba(15, 23, 42, .14);
  --text: #0f172a;
  --muted: #475569;
  --brand: #0891b2;
  --brand2: #6366f1;
  --ok: #059669;
  --warn: #d97706;
  --danger: #e11d48;
  --shadow: 0 16px 48px rgba(15, 23, 42, .08);
  --radius: 18px;
  --radius2: 12px;
  --header-offset: 5.75rem;
}
*{box-sizing:border-box}
html{
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-offset);
  overflow-x: clip;
}
body{
  margin:0;
  max-width: 100%;
  overflow-x: clip;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height:1.55;
  color:var(--text);
  background:
    radial-gradient(1000px 520px at 18% 0%, rgba(8, 145, 178, 0.06), transparent 58%),
    radial-gradient(900px 480px at 88% 12%, rgba(99, 102, 241, 0.06), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 42%, var(--bg) 100%);
}
a{color:inherit}
img{max-width:100%; height:auto; display:block}

.prev-8f0c{
  width: 100%;
  max-width: 1120px;
  margin-inline: auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  box-sizing: border-box;
}

.link_6153{
  position:absolute;
  left:-999px;
  top:8px;
  z-index:9999;
  padding:10px 12px;
  border-radius:10px;
  background:#fff;
  color:#000;
}
.link_6153:focus{left:12px}

.highlight_c1cd{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter: blur(14px);
  background: rgba(245, 248, 255, .88);
  border-bottom:1px solid rgba(15, 23, 42, .14);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.highlight_c1cd .prev-8f0c{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-block: 14px;
  min-width: 0;
}
.picture_4a66{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.badge-443a{position:absolute; opacity:0; pointer-events:none}
.link-rough-301b{
  width:44px;
  height:40px;
  display:none;
  border:1px solid rgba(15, 23, 42, .18);
  border-radius:12px;
  background:rgba(15, 23, 42, .05);
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 10px;
  cursor:pointer;
}
.link-rough-301b span{
  display:block;
  width:18px;
  height:2px;
  background:rgba(15, 23, 42, .92);
  border-radius:2px;
}
.white-23e5{
  display:none;
  margin-left:6px;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  color: rgba(15, 23, 42, .88);
  font-weight: 900;
  font-size: .92rem;
  letter-spacing: .02em;
}

.upper-caea{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.upper-caea a{
  text-decoration:none;
  font-weight:900;
  font-size:.92rem;
  opacity:1;
  padding:9px 10px;
  border-radius:999px;
  color: rgba(15, 23, 42, .92);
  background: rgba(15, 23, 42, .06);
  border: 1px solid rgba(15, 23, 42, .10);
}
.upper-caea a:hover{background: rgba(15, 23, 42, .10); border-color: rgba(15, 23, 42, .18)}
.upper-caea a[aria-current="page"]{
  background: linear-gradient(135deg, rgba(110,231,255,.28), rgba(167,139,250,.22));
  border-color: rgba(15, 23, 42, .18);
}
.upper-caea a.header_out_949e{
  background: linear-gradient(135deg, #ff3d00, #ffb300);
  border: 1px solid rgba(124, 45, 18, .35);
  color: #0b1020;
  box-shadow: 0 10px 22px rgba(255, 61, 0, .22);
  text-shadow: none;
}
.upper-caea a.header_out_949e:hover{
  filter: brightness(1.02) saturate(1.1);
  border-color: rgba(124, 45, 18, .55);
}
.upper-caea a.header_out_949e:focus-visible{
  outline: 3px solid rgba(255, 61, 0, .35);
  outline-offset: 2px;
}

.huge-4423{
  padding:52px 0 22px;
}
.article-large-8feb{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:24px;
  align-items:stretch;
}
.nav_solid_d4e5{
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-size:.9rem;
  color:var(--muted);
  margin:0 0 12px;
}
.huge-4423 h1{
  font-size: clamp(1.9rem, 3.2vw, 3rem);
  line-height:1.12;
  margin:0 0 12px;
  letter-spacing:-.02em;
}
.last-0554{
  font-size:1.05rem;
  color:var(--text);
  opacity:.92;
  margin:0 0 16px;
}
.gallery-iron-20d8{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0 14px;
}
.header_lower_ea57,.hidden_complex_2f43{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
  border-radius:14px;
  padding:12px 14px;
  border:1px solid var(--border-strong);
  color: var(--text);
}
.header_lower_ea57{
  background: linear-gradient(135deg, rgba(8, 145, 178, .14), rgba(99, 102, 241, .14));
  box-shadow: var(--shadow);
}
.hidden_complex_2f43{
  background: var(--surface-muted);
}
.header_lower_ea57:hover,.hidden_complex_2f43:hover{border-color: rgba(15, 23, 42, .22)}

.accordion-under-67aa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 950;
  letter-spacing: .01em;
  border-radius: 999px;
  padding: 13px 16px;
  border: 1px solid transparent;
  min-height: 46px;
}
.prev_9aed{
  background: linear-gradient(135deg, #ff3d00, #ffb300);
  border-color: rgba(255, 179, 0, .55);
  color: #0b1020;
  box-shadow: 0 14px 30px rgba(255, 61, 0, .22);
}
.prev_9aed:hover{
  filter: brightness(1.03) saturate(1.08);
  border-color: rgba(255, 179, 0, .75);
}
.prev_9aed:focus-visible{
  outline: 3px solid rgba(255, 179, 0, .35);
  outline-offset: 2px;
}

.paper_1afc{
  background: linear-gradient(135deg, rgba(34, 211, 238, .22), rgba(99, 102, 241, .22));
  border-color: rgba(34, 211, 238, .55);
  color: #0f172a;
  box-shadow: 0 14px 30px rgba(34, 211, 238, .12);
}
.paper_1afc:hover{
  background: linear-gradient(135deg, rgba(34, 211, 238, .30), rgba(99, 102, 241, .30));
  border-color: rgba(34, 211, 238, .85);
}
.paper_1afc:focus-visible{
  outline: 3px solid rgba(34, 211, 238, .30);
  outline-offset: 2px;
}

.plasma_410a{
  list-style:none;
  padding:0;
  margin:10px 0 0;
  display:grid;
  gap:10px;
}
.plasma_410a li{
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--border);
  background: var(--surface-muted);
  color:var(--muted);
}
.plasma_410a strong{color:var(--text)}

.block-out-49a1{
  margin:0;
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid var(--border-strong);
  background: var(--surface);
  box-shadow: var(--shadow);
}
.block-out-49a1 img{width:100%; height:auto}
.block-out-49a1 figcaption{
  padding:12px 14px;
  font-size:.92rem;
  color:var(--muted);
  border-top:1px solid var(--border);
}

@media (min-width: 981px){
  .backdrop-green-06f3{text-align:center}
  .huge-4423 .nav_solid_d4e5{justify-content:center}
  .gallery-iron-20d8{justify-content:center}
  .plasma_410a{
    margin-inline:auto;
    max-width:42rem;
    text-align:left;
  }
  .block-out-49a1{margin-inline:auto;max-width:min(100%, 560px)}
}

.plasma_22ba{padding:18px 0 8px}
.layout_warm_2a23{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
}
.plasma_22ba .tiny_c321{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.plasma_22ba .tiny_c321 .bottom-c063{
  width:100%;
  max-width:15rem;
  margin-inline:auto;
  text-align:left;
}
.tiny_c321{
  border-radius: var(--radius);
  border:1px solid var(--border-strong);
  background: var(--surface);
  padding:18px 18px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
}
.tiny_c321 h2{margin:0 0 8px; font-size:1.1rem}
.tiny_c321 p{margin:0 0 10px; color:var(--muted)}
.simple-84b9{font-weight:800; text-decoration:none; opacity:.95}
.simple-84b9:hover{text-decoration:underline}
.advanced-c847{
  background:
    radial-gradient(700px 260px at 20% 10%, rgba(8, 145, 178, .12), transparent 55%),
    var(--surface-muted);
  border-color: rgba(8, 145, 178, .28);
}
.bottom-c063{margin:10px 0 0; padding-left:18px; color:var(--muted)}
.bottom-c063 a{text-decoration:none}
.bottom-c063 a:hover{text-decoration:underline}
.element_hard_eb40{color:var(--muted)}

.title-a2e6{padding:34px 0}
.stale-ceab{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap:18px;
  align-items:start;
}
.title-a2e6 h2{
  margin:0 0 10px;
  font-size:1.55rem;
  letter-spacing:-.01em;
}
.under_e922{
  margin:16px 0 0;
  padding-left:18px;
  display:grid;
  gap:12px;
}
.under_e922 li{
  padding:14px 14px;
  border-radius: var(--radius2);
  background: var(--surface-muted);
  border:1px solid var(--border);
}
.under_e922 h3{margin:0 0 4px; font-size:1.05rem}
.under_e922 p{margin:0; color:var(--muted)}

.component_purple_e574,.tooltip-inner-2dcf{
  border-radius: var(--radius);
  border:1px solid var(--border-strong);
  background: var(--surface);
  padding:16px 16px;
}
.component_purple_e574{margin-bottom:14px}
.texture_yellow_bce4{
  list-style:none;
  padding:0;
  margin:10px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.texture_yellow_bce4 a{
  text-decoration:none;
  display:inline-flex;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--border-strong);
  background: var(--surface-muted);
  font-weight:800;
  font-size:.92rem;
  color: var(--text);
}
.texture_yellow_bce4 a:hover{border-color: rgba(15, 23, 42, .22)}
.tall-da6d{
  display:grid;
  grid-template-columns: 1fr;
  gap:6px;
  margin:10px 0 0;
}
.tall-da6d dt{font-weight:800; color:var(--text)}
.tall-da6d dd{margin:0; color:var(--muted)}
.tall-da6d code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .9em;
  padding: .1rem .35rem;
  border-radius: 8px;
  border: 1px solid var(--border-strong);
  background: var(--surface-muted);
  color: var(--text);
}

.shadow-motion-621b{padding: 6px 0 18px}
.shadow-motion-621b h2{
  margin: 0 0 14px;
  font-size: 1.55rem;
  letter-spacing: -.01em;
  text-align: center;
}
.gallery-e194{
  margin: -6px auto 14px;
  max-width: 52rem;
  color: var(--muted);
  text-align: center;
}
.hidden-inner-4af9{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.active-easy-46f2{
  grid-template-columns: 1fr;
}
@media (min-width: 720px){
  .active-easy-46f2{grid-template-columns: repeat(2, 1fr)}
}
@media (min-width: 1100px){
  .active-easy-46f2{grid-template-columns: repeat(4, 1fr)}
}
.fast-539d{padding: 2px 0 6px}
.bright_ce95{
  margin:0;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.5;
  text-align: center;
}
.bright_ce95 .overlay-53c0{font-weight: 800; color: var(--text)}
.aside-pressed-93cf{
  margin: 0 auto 6px;
  padding: 14px 16px;
  border-radius: var(--radius);
  border: 1px solid var(--border-strong);
  background: var(--surface);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.aside-pressed-93cf h2{
  margin: 0 0 12px;
  font-size: 1.05rem;
  letter-spacing: -.01em;
  width: 100%;
  text-align: center;
}
.aside-pressed-93cf .texture_yellow_bce4{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
}
.aside-pressed-93cf .texture_yellow_bce4 li{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.dirty_9d7b{
  border-radius: var(--radius);
  border: 1px solid var(--border-strong);
  background: var(--surface);
  padding: 16px 16px;
}
.dirty_9d7b h3{margin: 0 0 8px; font-size: 1.05rem}
.dropdown-7b8e{
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
}
.dropdown-7b8e a{color: #0e7490; text-decoration: underline; text-underline-offset: 3px}
.dropdown-7b8e a:hover{color: #0f172a}

@media (max-width: 980px){
  .hidden-inner-4af9{grid-template-columns: 1fr}
}

.hovered-3e45{padding:12px 0 42px}
.hovered-3e45 .prev-8f0c > h2{
  text-align: center;
  margin:0 0 14px;
  font-size:1.55rem;
}
.old-d21a{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:12px;
}
.pro_652d{
  text-decoration:none;
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid var(--border-strong);
  background: var(--surface);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .07);
  transition: transform .15s ease, border-color .15s ease;
}
.pro_652d:hover{transform: translateY(-2px); border-color: rgba(15, 23, 42, .2)}
.pro_652d img{aspect-ratio: 4 / 2.6; object-fit: cover; width:100%}
.pro_652d div{padding:12px 12px; text-align:center}
.pro_652d h3{margin:0 0 4px; font-size:1.05rem}
.pro_652d p{margin:0; color:var(--muted); font-size:.95rem}

.hover-0b0b{padding:24px 0 44px}
.caption-hovered-5358{
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap:16px;
  align-items:start;
}
.caption-hovered-5358 > div:first-child{
  text-align: center;
}
.row_418e details{
  border-radius: var(--radius);
  border:1px solid var(--border-strong);
  background: var(--surface);
  padding:12px 14px;
  margin-bottom:12px;
}
.row_418e summary{
  cursor:pointer;
  font-weight:900;
  list-style:none;
}
.row_418e summary::-webkit-details-marker{display:none}
.fast_268e{color:var(--muted); padding-top:8px}
.fast_268e p{margin:0}

.modal-glass-cb01{padding:12px 0 54px}
.feature-bottom-4c87{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:16px;
  align-items:start;
}
.feature-bottom-4c87 > div:first-child{
  text-align:center;
}
.feature-bottom-4c87 > div:first-child .soft_c9b2{
  display:inline-block;
  max-width:42rem;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.soft_c9b2{margin:10px 0 0; padding-left:18px; color:var(--muted)}
.full-5df9{
  border-radius: var(--radius);
  border:1px solid rgba(251,113,133,.35);
  background:
    radial-gradient(700px 260px at 20% 10%, rgba(251,113,133,.12), transparent 55%),
    #fff7f7;
  padding:16px 16px;
  text-align:center;
}
.rough_1150{
  margin:10px auto 0;
  padding-left:18px;
  color:var(--muted);
  display:inline-block;
  text-align:left;
}

.table_bbdc{
  border-top:1px solid var(--border);
  background: #f1f5f9;
  padding:26px 0 10px;
}
.large-2306{
  display:grid;
  grid-template-columns: 1.2fr .8fr .8fr;
  gap:16px;
  align-items:start;
}
.message-north-7b17{margin:0 0 8px}
.list_47d8{
  list-style:none;
  padding:0;
  margin:8px 0 0;
  display:grid;
  gap:8px;
}
.list_47d8 a{text-decoration:none; color:var(--muted); font-weight:700}
.list_47d8 a:hover{color:var(--text); text-decoration:underline}
.message-down-4308{
  margin-top:18px;
  padding:16px 0 0;
  text-align:center;
}
.message-down-4308 h2{font-size:1.15rem; margin:0 0 8px}
.message-down-4308 p{
  margin:0 auto;
  max-width:52rem;
  color:var(--muted);
}

.video-bronze-1890{
  padding:10px 0 0;
  color: var(--muted);
  font-size:.9rem;
}
.basic_3622{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content: center;
  gap:6px;
}
.basic_3622 li{
  display:flex;
  align-items:center;
  gap:6px;
}
.basic_3622 li:not(:last-child)::after{
  content:"/";
  opacity:.45;
  font-weight:700;
}
.basic_3622 a{
  color: #0f172a;
  font-weight:800;
  text-decoration:none;
}
.basic_3622 a:hover{text-decoration:underline}
.basic_3622 li[aria-current="page"]{
  color: var(--muted);
  font-weight:800;
}

@media (max-width: 980px){
  main#conteudo{
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }
  .article-large-8feb{grid-template-columns: 1fr; }
  .layout_warm_2a23{grid-template-columns: 1fr}
  .stale-ceab{grid-template-columns: 1fr}
  .old-d21a{grid-template-columns: 1fr 1fr}
  .caption-hovered-5358{grid-template-columns: 1fr}
  .feature-bottom-4c87{grid-template-columns: 1fr}
  .large-2306{grid-template-columns: 1fr; text-align:center}
  .list_47d8{
    justify-items:center;
  }
  .gold-2591{
    text-align:center;
  }
  .gold-2591 .texture_yellow_bce4{
    justify-content:center;
  }
  .gold-2591 .hidden_complex_2f43{
    margin-inline:auto;
  }
  .gold-2591 .tall-da6d{
    text-align:left;
    margin-inline:auto;
    max-width:22rem;
  }
  .backdrop-green-06f3{ text-align: center; }
  .nav_solid_d4e5{ justify-content: center; }
  .gallery-iron-20d8{ justify-content: center; }
  .plasma_410a{
    text-align: left;
    margin-inline: auto;
    max-width: 42rem;
  }
  .picture_4a66 img{
    max-width: min(162px, 50vw);
    height: auto;
  }
  .link-rough-301b{display:flex}
  .white-23e5{display:inline}
  .upper-caea{
    position:fixed;
    left:0;
    right:0;
    top:68px;
    margin:0;
    padding:14px 16px;
    display:grid;
    gap:6px;
    background: rgba(245, 248, 255, .96);
    border-top:1px solid rgba(15, 23, 42, .14);
    transform: translateY(-10px);
    opacity:0;
    pointer-events:none;
    max-height: calc(100vh - 68px);
    overflow:auto;
    -webkit-overflow-scrolling: touch;
  }
  .badge-443a:checked ~ .upper-caea{
    transform: translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .upper-caea a{padding:12px 12px}
  .header_out_949e{
    margin-top: 6px;
    text-align:center;
    padding: 13px 14px !important;
  }
}

/* css-noise: bb9c */
.shadow-element-b5 {
  padding: 0.3rem;
  font-size: 12px;
  line-height: 1.0;
}