/* ============================================================
   ClickSambo — Shield page (/shield, /tr/kalkan, /pt-br/escudo)
   Scoped to <main class="shPage">: header, footer and other pages are untouched.
   Every rule is prefixed with .shPage and every class carries the sh prefix, so the
   site-wide classes in layout.css (.btn, .card, section .inner, ...) cannot collide and the
   relative specificity of element vs. class rules matches the approved design.
   The three language designs share the same markup and styles.
   ============================================================ */
.shPage{--font-brand:"Nunito",-apple-system,"Segoe UI",Roboto,sans-serif; --font-mono:"JetBrains Mono",ui-monospace,monospace; --navy:#1C2841; --ink:#0F1420; --orange:#F94C10; --orange-d:#D93D08; --orange-soft:rgba(249,76,16,.1); --green:#22B573; --green-d:#17835A; --green-soft:#E9F7F0; --red:#F0453A; --cream:#FFF1E9; --cream-2:#FDF6F1; --cream-d:#EFDCD1; --white:#fff; --line:#ECECF3; --line-2:#F0E2D8; --muted:#51607A; --muted-2:#7C8AA3; --wrap:1120px; --r:20px; --r-sm:12px; --shadow:0 12px 40px rgba(28,40,65,.06); --shadow-lg:0 18px 50px rgba(28,40,65,.09)}
.shPage *{box-sizing:border-box}
.shPage{margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased}
/* layout.css sets `*{font-family:Mulish}`, `b,strong{font-weight:700}` and resets
   `vertical-align:baseline` on table parts; restore the browser defaults the design relies on. */
.shPage *{font-family:inherit}
.shPage b,.shPage strong{font-weight:bolder}
.shPage thead,.shPage tbody,.shPage tr{vertical-align:middle}
.shPage th,.shPage td{vertical-align:inherit}
.shPage .shWrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
.shPage h1,.shPage h2,.shPage h3{margin:0; font-weight:800; letter-spacing:-.015em; color:var(--navy)}
.shPage h1{font-size:clamp(32px,4.4vw,47px); line-height:1.12}
.shPage h2{font-size:clamp(25px,3vw,34px); line-height:1.2}
.shPage h3{font-size:clamp(18px,1.6vw,20px); line-height:1.3}
.shPage p{margin:0 0 1rem}
.shPage a{color:inherit}
.shPage img,.shPage svg{max-width:100%}
.shPage :focus-visible{outline:2px solid var(--orange); outline-offset:3px}
.shPage .shBtn{display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:700; padding:14px 26px; border-radius:10px; font-size:1rem; border:0; cursor:pointer; font-family:inherit; transition:background .15s ease, transform .15s ease, color .15s ease}
.shPage .shBtn:hover{background:var(--orange-d); transform:translateY(-1px)}
.shPage .shBtn.shGhost{background:transparent; border:1.6px solid var(--navy); color:var(--navy)}
.shPage .shBtn.shGhost:hover{background:var(--navy); color:#fff}
.shPage .shBtn.shWa{background:#25D366; color:#0a2e17}
.shPage .shBtn.shWa:hover{background:#1fbe5b}
.shPage .shBtn.shBlock{width:100%}
.shPage .shHero{position:relative; overflow:hidden; padding:60px 0 70px; background:radial-gradient(760px 420px at 88% 0%, rgba(249,76,16,.10), transparent 62%), radial-gradient(620px 380px at 0% 100%, rgba(34,181,115,.08), transparent 60%), var(--cream)}
.shPage .shHeroGrid{display:grid; grid-template-columns:1.02fr .98fr; gap:50px; align-items:center}
.shPage .shHero .shLede{color:var(--muted); font-size:16px; line-height:1.7; margin-top:18px; max-width:52ch}
.shPage .shHeroCta{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.shPage .shHeroChips{display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:24px; color:var(--muted); font-size:.9rem; font-weight:700}
.shPage .shHeroChips span{display:inline-flex; align-items:center; gap:7px}
.shPage .shHeroChips svg{color:var(--green); flex:none}
.shPage .shCp{position:relative; border-radius:22px; background:#0E1626; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 64px rgba(28,40,65,.22); overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .shPage .shHero .shCp{animation:shFloatin .7s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes shFloatin{from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none}}
.shPage .shCpHd{display:flex; align-items:center; justify-content:space-between; padding:12px 15px; border-bottom:1px solid rgba(255,255,255,.07)}
.shPage .shCpHd .shT{display:flex; align-items:center; gap:8px; color:#fff; font-weight:800; font-size:12.5px}
.shPage .shCpHd .shT em{color:var(--orange); font-style:normal}
.shPage .shCpHd .shOn{background:rgba(34,181,115,.16); color:#4fd39a; border-radius:6px; padding:3px 9px; font-size:9.5px; font-weight:800; letter-spacing:.02em}
.shPage .shCpScreen{position:relative; padding:16px; height:262px; overflow:hidden}
.shPage .shCpIp{display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; color:#9fb0c9; background:#141f37; border:1px solid rgba(255,255,255,.07); border-radius:8px; padding:6px 10px}
.shPage .shCpIp b{color:#ff8a80; font-weight:700}
.shPage .shCpIp .shPulse{width:7px; height:7px; border-radius:50%; background:#ff5b50; box-shadow:0 0 0 0 rgba(255,91,80,.6); animation:shPulse 1.6s infinite}
@keyframes shPulse{0%{box-shadow:0 0 0 0 rgba(255,91,80,.55)}70%{box-shadow:0 0 0 7px rgba(255,91,80,0)}100%{box-shadow:0 0 0 0 rgba(255,91,80,0)}}
.shPage .shCpSearchbar{display:flex; align-items:center; gap:9px; background:#fff; border-radius:999px; padding:10px 15px; margin-top:13px; box-shadow:0 6px 18px rgba(0,0,0,.25)}
.shPage .shCpSearchbar .shGg{flex:none}
.shPage .shCpQuery{color:#1f2937; font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden}
.shPage .shCpCaret{display:inline-block; width:1.5px; height:15px; background:#1f2937; margin-left:1px; vertical-align:-3px; animation:shBlink 1s step-end infinite}
@keyframes shBlink{50%{opacity:0}}
.shPage .shCpAd{margin-top:13px; background:#141f37; border:1px solid rgba(255,255,255,.08); border-radius:11px; padding:11px 12px; opacity:0; transform:translateY(8px); transition:opacity .35s ease, transform .35s ease}
.shPage .shCpAd.shShow{opacity:1; transform:none}
.shPage .shCpAdlabel{display:inline-block; font-size:9px; font-weight:800; color:#0E1626; background:#e8b84b; border-radius:4px; padding:1px 6px; letter-spacing:.03em}
.shPage .shCpAdtitle{color:#8ab4ff; font-size:13px; font-weight:700; margin-top:6px; line-height:1.3}
.shPage .shCpAdurl{color:#7f9b6f; font-size:10.5px; font-family:var(--font-mono); margin-top:2px}
.shPage .shCpCursor{position:absolute; right:44px; bottom:34px; color:#fff; opacity:0; transform:translate(14px,14px) scale(1); transition:opacity .3s ease, transform .55s cubic-bezier(.4,.9,.3,1); filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)); z-index:4}
.shPage .shCpCursor.shShow{opacity:1; transform:translate(0,0) scale(1)}
.shPage .shCpCursor.shClick{transform:translate(0,0) scale(.82)}
.shPage .shCpBlock{position:absolute; inset:0; background:rgba(9,14,26,.86); backdrop-filter:blur(2px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; gap:10px; opacity:0; pointer-events:none; transition:opacity .3s ease; z-index:5}
.shPage .shCpBlock.shShow{opacity:1}
.shPage .shCpBlock.shShow .shCpShieldIc{animation:shShake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes shShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.shPage .shCpShieldIc{width:56px; height:62px; filter:drop-shadow(0 8px 18px rgba(240,69,58,.4))}
.shPage .shCpBlockT{color:#fff; font-size:18px; font-weight:800}
.shPage .shCpBlockD{color:#c8d3e6; font-size:12.5px; max-width:30ch; line-height:1.5}
.shPage .shStrip{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.shPage .shStrip .shWrap{display:grid; grid-template-columns:repeat(4,1fr); padding:0}
.shPage .shStrip .shS{padding:30px 22px; text-align:center; border-right:1px solid var(--line)}
.shPage .shStrip .shS:last-child{border-right:0}
.shPage .shStrip .shS b{display:block; font-size:34px; font-weight:800; letter-spacing:-.02em; color:var(--navy)}
.shPage .shStrip .shS span{display:block; color:var(--muted); font-size:.88rem; margin-top:5px; line-height:1.4}
.shPage .shCrumbs{background:var(--cream); border-bottom:1px solid var(--line-2)}
.shPage .shCrumbs .shWrap{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 24px; flex-wrap:wrap}
.shPage .shCrumbs ol{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; font-size:.84rem; font-weight:700; color:var(--muted-2)}
.shPage .shCrumbs li+li::before{content:"\203A"; margin-right:8px; color:#C9B4A5}
.shPage .shCrumbs a{text-decoration:none}
.shPage .shCrumbs a:hover{color:var(--orange)}
.shPage .shCrumbs [aria-current]{color:var(--navy)}
.shPage .shCrumbs .shUpdated{margin:0; font-size:.82rem; color:var(--muted-2); font-weight:700}
.shPage section{padding:80px 0}
.shPage section[id]{scroll-margin-top:84px}
.shPage section.shAlt{background:var(--white)}
.shPage .shSechead{max-width:62ch; margin:0 auto 46px; text-align:center}
.shPage .shSechead p{color:var(--muted); margin-top:12px; font-size:16px; line-height:1.7}
.shPage .shSechead.shLeft{margin-left:0; text-align:left}
.shPage .shProb{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center}
.shPage .shProb .shPanel{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:30px}
.shPage .shProb .shPanel p{margin:0; color:var(--muted); font-size:16px; line-height:1.7}
.shPage .shProb .shPanel strong{color:var(--navy)}
.shPage .shLead{color:var(--muted)}
.shPage .shSrcstat{margin:16px 0 0; padding:15px 17px; background:var(--white); border:1px solid var(--line-2); border-left:4px solid var(--orange); border-radius:12px; font-size:15px; color:var(--muted); line-height:1.6}
.shPage .shSrcstat b{font-weight:800; color:var(--orange-d); font-size:1.15rem; margin-right:5px}
.shPage .shSrcstat a{display:block; margin-top:7px; font-size:.84rem; font-weight:700; color:var(--muted-2); text-decoration:none}
.shPage .shSrcstat a:hover{color:var(--orange-d)}
.shPage .shSteps{display:grid; gap:16px}
.shPage .shSteps.shFive{grid-template-columns:repeat(5,1fr)}
.shPage .shSteps.shFour{grid-template-columns:repeat(4,1fr)}
.shPage .shStep{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:24px 20px}
.shPage .shStep .shN{width:38px; height:38px; border-radius:11px; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:800; margin-bottom:14px}
.shPage .shStep.shBlock .shN{background:rgba(240,69,58,.12); color:var(--red)}
.shPage .shStep.shPass .shN{background:var(--green-soft); color:var(--green-d)}
.shPage .shStep h3{margin-bottom:6px; font-size:1.05rem}
.shPage .shStep p{margin:0; color:var(--muted); font-size:16px; line-height:1.7}
.shPage .shAlt .shStep{background:var(--cream)}
.shPage .shGrid3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.shPage .shCard{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:28px 26px}
.shPage .shAlt .shCard{background:var(--cream)}
.shPage .shCard .shCi{width:44px; height:44px; border-radius:13px; background:var(--orange-soft); color:var(--orange); display:grid; place-items:center; margin-bottom:16px}
.shPage .shCard .shCi svg{width:22px; height:22px}
.shPage .shCard h3{margin-bottom:8px}
.shPage .shCard p{margin:0; color:var(--muted); font-size:16px; line-height:1.7}
.shPage .shHonesty{margin-top:24px; background:var(--white); border:1px dashed var(--cream-d); border-radius:var(--r); padding:28px 30px}
.shPage .shHonesty h3{display:flex; align-items:center; gap:10px; font-size:1.1rem}
.shPage .shHonesty h3 svg{color:var(--muted-2)}
.shPage .shHonestyGrid{display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:14px}
.shPage .shHonestyGrid p{margin:0; color:var(--muted); font-size:16px; line-height:1.7}
.shPage .shFeatGrid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:22px}
.shPage .shFeatGrid.shPro{grid-template-columns:repeat(3,1fr)}
.shPage .shFeat{background:var(--cream-2); border:1px solid var(--line-2); border-radius:14px; padding:22px 20px}
.shPage .shFeat .shFi{width:46px; height:46px; border-radius:13px; background:var(--orange-soft); color:var(--orange); display:grid; place-items:center; margin-bottom:15px}
.shPage .shFeat .shFi svg{width:23px; height:23px}
.shPage .shFeat b{display:block; font-weight:800; color:var(--navy); font-size:1rem; margin-bottom:5px; line-height:1.3}
.shPage .shFeat .shD{display:block; color:var(--muted); font-size:16px; line-height:1.7; font-weight:400}
.shPage .shFeatGrid.shPro .shFeat{background:var(--white); box-shadow:var(--shadow)}
.shPage .shFeatGrid.shPro .shFi{background:var(--orange); color:#fff}
.shPage .shProHead{margin-top:42px; margin-bottom:2px}
@media(max-width:900px){
  .shPage .shFeatGrid,.shPage .shFeatGrid.shPro{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .shPage .shFeatGrid,.shPage .shFeatGrid.shPro{grid-template-columns:1fr}
}
.shPage .shPlans{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch}
.shPage .shPlan{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:30px 26px; display:flex; flex-direction:column}
.shPage .shPlan.shFeat{background:var(--white); border:2px solid var(--orange); box-shadow:var(--shadow-lg); position:relative}
.shPage .shPlan .shTag{position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--orange); color:#fff; font-weight:800; font-size:.74rem; letter-spacing:.02em; padding:6px 14px; border-radius:999px; white-space:nowrap}
.shPage .shPlan h3{font-size:1.3rem}
.shPage .shPlan .shFit{color:var(--muted); font-size:.9rem; margin:8px 0 0; min-height:3em}
.shPage .shPlan .shPrice{display:flex; align-items:baseline; gap:6px; margin:18px 0 3px}
.shPage .shPlan .shPrice .shAmt{font-size:2.3rem; font-weight:800; letter-spacing:-.02em; color:var(--navy)}
.shPage .shPlan .shPrice .shPer{color:var(--muted); font-size:.86rem; font-weight:700}
.shPage .shPlan .shSetup{color:var(--muted); font-size:.86rem; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line-2)}
.shPage .shPlan .shSetup b{color:var(--navy)}
.shPage .shPlan ul{list-style:none; margin:0 0 24px; padding:0; display:grid; gap:11px; flex:1}
.shPage .shPlan ul li{display:grid; grid-template-columns:19px 1fr; gap:10px; font-size:.92rem; color:var(--muted); font-weight:600}
.shPage .shPlan ul li svg{margin-top:3px; color:var(--green); flex:none}
.shPage .shPlan .shBtn{width:100%}
.shPage .shPricenote{margin-top:26px; text-align:center; color:var(--muted); font-size:.9rem}
.shPage .shPricenote b{color:var(--navy)}
.shPage .shTblWrap{margin-top:36px; overflow-x:auto; border:1px solid var(--line-2); border-radius:var(--r); background:var(--white); -webkit-overflow-scrolling:touch}
.shPage table{border-collapse:collapse; width:100%; min-width:660px; font-size:.9rem}
.shPage th,.shPage td{text-align:left; padding:14px 18px; border-bottom:1px solid var(--line-2)}
.shPage thead th{background:var(--cream-2); font-weight:800; font-size:.88rem}
.shPage thead th.shHi{color:var(--orange-d)}
.shPage tbody th{font-weight:800; color:var(--navy)}
.shPage tbody td{color:var(--muted)}
.shPage td.shHi{color:var(--navy); font-weight:800; background:rgba(249,76,16,.05)}
.shPage tr:last-child th,.shPage tr:last-child td{border-bottom:0}
.shPage .shFaqs{max-width:820px; margin:0 auto; display:grid; gap:12px}
.shPage .shFaq{background:var(--cream); border:1px solid var(--line-2); border-radius:14px; overflow:hidden}
.shPage .shFaq summary{list-style:none; cursor:pointer; padding:18px 22px; font-weight:800; color:var(--navy); font-size:1.02rem; display:flex; align-items:center; justify-content:space-between; gap:16px}
.shPage .shFaq summary::-webkit-details-marker{display:none}
.shPage .shFaq summary::after{content:""; width:10px; height:10px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg); transition:transform .2s ease; flex:none; margin-top:-4px}
.shPage .shFaq[open] summary::after{transform:rotate(225deg)}
.shPage .shFaq .shFaqA{padding:0 22px 20px}
.shPage .shFaq .shFaqA p{margin:0; color:var(--muted); font-size:16px; line-height:1.7}
.shPage .shCtaBand{background:var(--navy)}
.shPage .shCtaBand .shWrap{padding:64px 24px}
.shPage .shCtaBand .shInner{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center}
.shPage .shCtaBand h2{color:#fff}
.shPage .shCtaBand .shLead{color:#B9C2D2; margin-top:14px; max-width:50ch; font-size:16px; line-height:1.7}
.shPage .shContacts{display:grid; gap:12px; margin-top:26px}
.shPage .shContacts a{display:inline-flex; align-items:center; gap:12px; color:#fff; text-decoration:none; font-weight:800; width:fit-content}
.shPage .shContacts a .shIc{width:40px; height:40px; border-radius:11px; background:rgba(255,255,255,.08); display:grid; place-items:center; flex:none}
.shPage .shContacts a small{display:block; font-weight:600; color:#9fb0c9; font-size:.8rem; font-family:var(--font-mono)}
.shPage .shForm{background:var(--white); border-radius:var(--r); padding:30px; box-shadow:var(--shadow-lg)}
.shPage .shForm h3{font-size:1.15rem}
.shPage .shForm .shSub{color:var(--muted); font-size:.92rem; margin:6px 0 20px}
.shPage .shField{margin-bottom:15px}
.shPage .shField label{display:block; font-size:.85rem; font-weight:800; margin-bottom:7px}
.shPage .shField input,.shPage .shField textarea{width:100%; font:inherit; font-size:.98rem; color:var(--navy); background:var(--cream-2); border:1.6px solid var(--line-2); border-radius:10px; padding:12px 14px}
.shPage .shField input:focus,.shPage .shField textarea:focus{outline:none; border-color:var(--orange); background:#fff}
.shPage .shField textarea{resize:vertical; min-height:84px}
.shPage .shForm .shHint{font-size:.8rem; color:var(--muted-2); text-align:center; margin:12px 0 0}
@media(max-width:940px){
  .shPage .shHeroGrid{grid-template-columns:1fr; gap:40px}
  .shPage .shCpScreen{height:250px}
}
@media(max-width:900px){
  .shPage .shProb{grid-template-columns:1fr; gap:32px}
  .shPage .shCtaBand .shInner{grid-template-columns:1fr; gap:34px}
}
@media(max-width:820px){
  .shPage .shSteps.shFive,.shPage .shSteps.shFour{grid-template-columns:1fr 1fr}
  .shPage .shGrid3{grid-template-columns:1fr}
  .shPage .shPlans{grid-template-columns:1fr; max-width:440px; margin:0 auto}
  .shPage .shPlan.shFeat{order:-1}
  .shPage .shHonestyGrid{grid-template-columns:1fr; gap:16px}
  .shPage .shStrip .shWrap{grid-template-columns:1fr 1fr}
  .shPage .shStrip .shS:nth-child(2){border-right:0}
  .shPage .shStrip .shS{border-bottom:1px solid var(--line)}
}
@media(max-width:520px){
  .shPage .shSteps.shFive,.shPage .shSteps.shFour{grid-template-columns:1fr}
  .shPage{font-size:15px}
  .shPage section{padding:60px 0}
}
@media(prefers-reduced-motion:reduce){
  .shPage *{transition:none!important; animation:none!important}
}