/* Vinners 2027 / Controlled hero A-B-C test · 2026-10-16
   Only hero is redesigned; content, navigation and global WhatsApp pixel remain unchanged.
*/
.ab-hero{
  --ab-navy:#111827;--ab-blue:#1391e1;--ab-indigo:#2444b1;--ab-ice:#f8fafc;
  display:block;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(670px,calc(100svh - 115px),840px);
  padding:clamp(54px,6vw,92px) 0 76px;background:#f7f9fc;
}
.ab-hero:before{display:none}
.ab-hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none}
.ab-hero-layout{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);align-items:center;gap:clamp(20px,4vw,64px);min-height:580px}
.ab-hero-copy{position:relative;z-index:4;min-width:0;max-width:750px}
.ab-overline{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font:800 10px/1.4 var(--font-head);letter-spacing:.12em;color:#425778}
.ab-overline-line{height:2px;width:25px;background:var(--ab-blue);flex:0 0 25px}
.ab-small-tag{color:var(--ab-indigo);font-weight:800;margin-left:9px}
.ab-hero h1{font:800 clamp(38px,4.2vw,67px)/1.105 var(--font-head);letter-spacing:-.058em;max-width:820px;margin:22px 0 19px;color:var(--ab-navy)}
.ab-hero h1 em{font:italic 500 1.075em/1.05 var(--font-editorial);letter-spacing:-.045em;color:var(--ab-indigo)}
.ab-h1-context{display:none}
.ab-hero-lead{max-width:660px;font:400 clamp(15px,1.25vw,18px)/1.7 var(--font-body);color:#40516d}
.ab-hero-lead strong{color:#18365f;font-weight:700}
.ab-proof{display:flex;align-items:center;gap:19px;max-width:640px;margin-top:25px;padding:15px 18px;background:rgba(255,255,255,.94);border:1px solid #dce5f0;box-shadow:0 12px 30px rgba(17,24,39,.04)}
.ab-proof-number{display:block;flex:0 0 auto;font:800 clamp(42px,4vw,57px)/1 var(--font-head);letter-spacing:-.07em;color:var(--ab-indigo)}
.ab-proof-number span{font-size:.51em;vertical-align:top;position:relative;top:.08em;letter-spacing:-.04em}
.ab-proof>div{font:400 12.4px/1.52 var(--font-body);color:#53637c}
.ab-proof b{font-weight:700;color:#1b365c}
.ab-proof small{display:block;margin-top:4px;font:500 10px/1.4 var(--font-body);color:#7b8aa0}
.ab-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:23px}
.ab-primary{min-height:54px;padding:16px 19px;font:800 11px/1.45 var(--font-head);letter-spacing:-.01em;gap:20px;min-width:0;background:linear-gradient(110deg,var(--ab-blue),var(--ab-indigo));border:0;color:white;box-shadow:0 13px 24px rgba(36,68,177,.19)}
.ab-primary:hover{filter:brightness(1.05);box-shadow:0 15px 29px rgba(36,68,177,.24)}
.ab-primary span{font-size:21px}
.ab-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:14px 18px;border:1px solid #9ab1ce;background:rgba(255,255,255,.68);color:#143057;font:700 11px/1.4 var(--font-head);transition:background .2s,transform .2s}
.ab-secondary:hover{background:#fff;transform:translateY(-2px)}
.ab-secondary span{font-size:18px;line-height:1}
.ab-fineprint{font:400 10px/1.6 var(--font-body);color:#73839b;margin-top:12px;max-width:575px}
.ab-hero-art{height:100%;min-height:510px;position:relative;align-self:stretch;min-width:0;z-index:1}
.ab-media{position:absolute;inset:-4px -6vw -5px -50px;background-size:cover;background-position:center;pointer-events:none}
.ab-photo-a{background-image:url('estrategia-equipe.webp');background-position:61% 48%;filter:saturate(.94)}
.ab-photo-a:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f9fc 0%,rgba(247,249,252,.83) 9%,rgba(247,249,252,0) 41%)}
.ab-photo-caption{position:absolute;bottom:7px;right:15px;z-index:2;background:rgba(17,24,39,.90);color:#fff;font:800 10px/1.4 var(--font-head);letter-spacing:.14em;padding:13px 16px;display:flex;gap:11px;align-items:center}
.ab-caption-line{width:19px;height:2px;background:var(--ab-blue)}
.ab-hero-edition{position:absolute;bottom:0;left:0;right:0;background:#111827;color:#d7e4f4;min-height:45px;padding:12px 0}
.ab-hero-edition .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font:700 9px/1.5 var(--font-head);letter-spacing:.14em}
.ab-hero-edition span:last-child{color:#8dbde6}

/* A: Lead with the hidden risk. Light editorial background and research evidence. */
.ab-a .ab-hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.ab-a .ab-hero-bg{background:radial-gradient(circle at 5% 90%,rgba(19,145,225,.055),transparent 54%)}
.ab-a h1{font-size:clamp(38px,4.3vw,67px)}
.ab-a .ab-hero-copy{max-width:760px}

/* B: Lead with value capture and measured application outcome. Dark editorial tone. */
.ab-b{background:#101a2c;color:#fff}
.ab-b .ab-hero-bg{background:linear-gradient(115deg,#101a2c,#162b4b 66%,#1b3760)}
.ab-b .ab-hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.ab-b .ab-overline{color:#b7ceeb}.ab-b .ab-small-tag{color:#78c8fb}
.ab-b h1{color:#fff}.ab-b h1 em{color:#57b8f1}
.ab-b .ab-hero-lead{color:#d5e1f2}.ab-b .ab-hero-lead strong{color:#fff}
.ab-b .ab-proof{background:rgba(11,24,44,.70);border-color:rgba(199,220,250,.24);box-shadow:none;backdrop-filter:blur(8px)}
.ab-b .ab-proof-number{color:#74c7fa}.ab-b .ab-proof>div{color:#d8e4f4}.ab-b .ab-proof b{color:#fff}.ab-b .ab-proof small{color:#aac0dc}
.ab-b .ab-secondary{background:rgba(255,255,255,.06);border-color:#6b84a9;color:#e8f4ff}
.ab-b .ab-secondary:hover{background:rgba(255,255,255,.16)}
.ab-b .ab-fineprint{color:#9db0cb}
.ab-b .ab-hero-edition{background:#0b1323;border-top:1px solid rgba(200,226,250,.12)}
.ab-photo-b{background-image:url('reuniao-estrategia.webp');background-position:53% center;filter:saturate(.72) contrast(1.02)}
.ab-photo-b:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101a2c 0%,rgba(16,26,44,.55) 25%,rgba(16,26,44,.08) 65%),linear-gradient(0deg,rgba(16,26,44,.4),transparent 50%)}

/* C: Lead with the complete method. Lighter treatment and explanatory visual. */
.ab-c{background:linear-gradient(112deg,#f8fafc,#f3f7fb 65%,#eef3fa)}
.ab-c .ab-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ab-c h1{font-size:clamp(38px,4.05vw,65px)}
.ab-c h1 em{color:#167cb9}
.ab-c .ab-proof-experience{max-width:610px}
.ab-c .ab-hero-art{display:flex;align-items:center;justify-content:center;padding:20px 0 25px}
.ab-method-card{position:relative;z-index:2;width:min(100%,475px);padding:27px 26px 20px;border:1px solid #d2dfea;background:rgba(255,255,255,.96);box-shadow:0 28px 70px rgba(17,34,60,.095)}
.ab-method-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 10px/1.4 var(--font-head);letter-spacing:.14em;color:#294366;padding-bottom:17px;border-bottom:1px solid #d8e2ec}
.ab-method-card-top b{background:#18345e;color:#fff;padding:6px 8px;font-size:11px}
.ab-method-steps{display:flex;flex-direction:column;margin:12px 0}
.ab-method-steps>div{display:flex;gap:19px;align-items:center;min-height:61px;position:relative}
.ab-method-steps>div:not(:last-child):before{content:'';position:absolute;left:16px;top:48px;bottom:-10px;width:1px;background:#c9d9e9}
.ab-method-steps i{position:relative;z-index:1;flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 10px/1 var(--font-head);font-style:normal;color:#fff;background:linear-gradient(135deg,#159de8,#2b4ba7)}
.ab-method-steps span{font:700 13px/1.4 var(--font-head);color:#223759}
.ab-method-card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d8e2ec;padding-top:14px;font:800 10px/1.4 var(--font-head);letter-spacing:.08em;color:#2444b1}
.ab-method-card-footer span{font-size:17px}
.ab-author{position:absolute;z-index:3;right:-4vw;bottom:4px;width:145px;height:176px;background:url('george-eich-retrato.webp') center top/cover no-repeat;filter:saturate(.85);border-bottom:3px solid #1391e1;box-shadow:0 14px 28px rgba(17,24,39,.15);background-color:#f8fafc}

@media(max-width:1180px){
 .ab-hero{min-height:690px;padding-top:60px}
 .ab-hero-layout{gap:16px;min-height:570px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 .ab-a .ab-hero-layout,.ab-b .ab-hero-layout{grid-template-columns:minmax(0,1.19fr) minmax(0,.81fr)}
 .ab-hero h1{font-size:clamp(40px,4.6vw,58px)}
 .ab-media{right:-5vw}
 .ab-author{right:-1vw}
 .ab-c .ab-hero-layout{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
 .ab-method-card{padding:25px 20px}.ab-method-steps>div{min-height:57px}
}
@media(max-width:900px){
 .ab-hero{min-height:auto;padding:45px 0 72px}
 .ab-hero-layout,.ab-a .ab-hero-layout,.ab-b .ab-hero-layout,.ab-c .ab-hero-layout{grid-template-columns:minmax(0,1fr);min-height:auto}
 .ab-hero-copy{max-width:760px}
 .ab-hero h1,.ab-a h1,.ab-c h1{font-size:clamp(38px,6vw,58px)}
 .ab-hero-art{display:none!important}
 .ab-hero .ab-proof{max-width:680px}
 .ab-hero-actions{margin-top:22px}
 .ab-hero-lead{max-width:670px}
}
@media(max-width:520px){
 .ab-hero{padding:31px 0 66px}
 .ab-overline{font-size:8px;letter-spacing:.07em;gap:7px;max-width:360px}
 .ab-overline-line{width:14px;flex-basis:14px}
 .ab-small-tag{display:none}
 .ab-hero h1,.ab-a h1,.ab-c h1{font-size:clamp(32px,8.8vw,39px);line-height:1.09;letter-spacing:-.052em;margin:19px 0 16px}
 .ab-hero h1 em{font-size:1.05em}
 .ab-hero-lead{font-size:14px;line-height:1.52}
 .ab-proof{margin-top:17px;gap:10px;padding:11px 12px}
 .ab-proof-number{font-size:clamp(32px,10.3vw,41px)}
 .ab-proof>div{font-size:10.5px;line-height:1.42}
 .ab-proof small{font-size:9px;line-height:1.27}
 .ab-hero-actions{flex-direction:column;align-items:stretch;gap:9px;margin-top:16px}
 .ab-primary,.ab-secondary{width:100%;min-height:49px;padding:13px 14px;font-size:10.5px}
 .ab-secondary{background:transparent}
 .ab-fineprint{font-size:9px;margin-top:9px}
 .ab-hero-edition .container{font-size:8px;line-height:1.3}
 .ab-hero-edition .container span:last-child{display:none}
 .ab-hero-edition{min-height:32px;padding:8px 0}
}
@media(prefers-reduced-motion:reduce){.ab-hero *{animation:none!important;transition:none!important}}
/* Keep supporting imagery available below the conversion action on narrow screens. */
@media(max-width:900px){
 .ab-hero-art{display:block!important;height:218px;min-height:218px;align-self:auto;overflow:hidden;margin-top:17px}
 .ab-media{inset:0;background-position:center}
 .ab-photo-a:before{background:linear-gradient(90deg,rgba(247,249,252,.55),transparent 38%)}
 .ab-photo-b:before{background:linear-gradient(0deg,rgba(16,26,44,.24),transparent)}
 .ab-photo-caption{right:10px;bottom:10px;font-size:9px;padding:10px 12px}
 .ab-c .ab-hero-art{height:auto;min-height:0;overflow:visible;padding:0;margin:30px auto 0;width:min(100%,540px)}
 .ab-c .ab-method-card{width:100%;padding:20px}
 .ab-c .ab-author{display:none}
}
@media(max-width:520px){
 .ab-hero-art{height:186px;min-height:186px;margin-top:15px}
 .ab-c .ab-method-steps>div{min-height:46px}
 .ab-c .ab-method-steps>div:not(:last-child):before{top:41px;bottom:-8px}
 .ab-c .ab-method-steps span{font-size:12px}
 .ab-c .ab-method-card-top{font-size:9px}
}