/* Approved public Promotores section. All styles are scoped to this component. */
#promotores{background:#fff;color:var(--ink);height:100svh!important;min-height:100svh!important;overflow:hidden!important}
#promotores .promoters-shell{position:relative;width:min(1552px,calc(100% - 120px));height:100%;margin-inline:auto;display:grid;grid-template-columns:47% 53%;align-items:center;padding-top:var(--header-height);gap:0}
#promotores .promoters-copy{position:relative;z-index:4;padding:28px 28px 38px 0;max-width:710px}
#promotores .promoters-kicker{margin:0 0 18px;color:var(--red);font-size:13px;font-weight:750;letter-spacing:.14em;line-height:1.2}
#promotores h2{margin:0;font-size:clamp(52px,5vw,84px);font-weight:820;letter-spacing:-.055em;line-height:.94}
#promotores h2>span{display:block}#promotores .promoters-title-red{color:var(--red)}
#promotores .promoters-intro{margin:26px 0 0;max-width:665px;font-size:clamp(16px,1.15vw,19px);line-height:1.48;color:#627186}
#promotores .promoters-benefits{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
#promotores .promoters-benefits li{display:flex;align-items:center;gap:20px;min-width:0;font-size:16px;font-weight:600;line-height:1.35;max-width:290px}
#promotores .promoters-benefit-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #edf0f3;border-radius:13px;color:#e00000;background:#fff}
#promotores svg:not(.promoters-network){width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#promotores .promoters-review{margin:22px 0 0;padding-top:20px;border-top:1px solid #e2e7ee;color:#65758b;font-size:16px;line-height:1.45}
#promotores .promoters-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}
#promotores .promoters-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:13px;font-size:16px;font-weight:650;line-height:1.3;transition:background .2s,box-shadow .2s}
#promotores .promoters-button>span:last-child{font-size:22px;font-weight:400;flex:none}
#promotores .promoters-button-primary{background:var(--red);color:#fff;box-shadow:0 14px 28px rgba(204,0,0,.15)}
#promotores .promoters-button-primary:hover{background:#b80000;box-shadow:0 14px 28px rgba(204,0,0,.2)}
#promotores .promoters-button-secondary{color:var(--ink);background:#fff;border-color:#ccd4df}#promotores .promoters-button-secondary:hover{background:#f8fafc}
#promotores .promoters-visual{position:relative;height:100%;min-width:0;isolation:isolate}
#promotores .promoters-office{position:absolute;inset:0 -60px 0 -35px;width:calc(100% + 95px);max-width:none;height:100%;object-fit:cover;object-position:center 20%;z-index:-2}
#promotores .promoters-visual::after{content:'';position:absolute;inset:0 -60px 0 -45px;z-index:-1;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.82) 4%,rgba(255,255,255,0) 23%),linear-gradient(0deg,#fff 0,rgba(255,255,255,.9) 3%,transparent 17%);pointer-events:none}
#promotores .promoters-office-brand{position:absolute;right:1%;top:9%;width:165px;transform:rotate(-6deg);color:#5d6572;z-index:1;filter:blur(.45px);opacity:.78}
#promotores .promoters-office-brand img{width:72px;height:72px;margin:0 auto 12px}#promotores .promoters-office-brand b{display:block;text-align:center;font-size:31px;letter-spacing:.16em;font-weight:750}
#promotores .promoters-office-brand small{display:block;margin-top:15px;font-size:17px;line-height:1.4;letter-spacing:.15em}#promotores .promoters-office-brand small::after{content:'';display:block;width:40px;height:2px;background:var(--red);margin-top:12px}
#promotores .promoters-network{position:absolute;inset:0 -45px 0 -50px;width:calc(100% + 95px);height:100%;max-width:none;pointer-events:none;z-index:2}
#promotores .promoters-network path{stroke:#ed2727;stroke-width:1.2;opacity:.45}#promotores .promoters-network path:nth-child(2){opacity:.22}#promotores .promoters-network path:nth-child(3){opacity:.25}#promotores .promoters-network circle{fill:#f52727;opacity:.65}
#promotores .promoters-float{position:absolute;z-index:3;padding:16px 18px;border:1px solid rgba(239,241,245,.6);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 42px rgba(27,39,61,.085);display:flex;align-items:flex-start;gap:18px}
#promotores .promoters-float b{display:block;font-size:15px;line-height:1.3;letter-spacing:-.025em;font-weight:600}#promotores .promoters-float small{display:block;font-size:13px;line-height:1.35;color:#74839a;margin-top:7px}
#promotores .promoters-float-icon{color:#eb0000;display:block;flex:none;padding-top:3px}#promotores .promoters-float:not(.promoters-social)::after{content:'';position:absolute;right:18px;top:19px;width:8px;height:8px;background:#e00000;border-radius:50%}
#promotores .promoters-social{left:1%;top:13%;width:220px;display:block;padding:20px}#promotores .promoters-float-heading{display:flex;gap:19px;align-items:flex-start}
#promotores .promoters-social-row{display:flex;align-items:center;gap:10px;margin-top:16px}#promotores .promoters-social-count{display:grid;place-items:center;min-width:56px;height:36px;background:#fde9eb;color:var(--red);border-radius:30px;font-size:16px;font-weight:600}
#promotores .promoters-portraits{display:flex;padding-left:0}#promotores .promoters-portraits i{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background-image:url('../images/promoters/portraits.webp');background-size:200% 200%}#promotores .promoters-portraits i+i{margin-left:-9px}#promotores .promoters-portraits i:nth-child(1){background-position:0 0}#promotores .promoters-portraits i:nth-child(2){background-position:100% 0}#promotores .promoters-portraits i:nth-child(3){background-position:0 100%}#promotores .promoters-portraits i:nth-child(4){background-position:100% 100%}
#promotores .promoters-more{right:-12px;top:42%;width:216px}#promotores .promoters-reward{left:10%;bottom:20%;width:224px}#promotores .promoters-team{right:-22px;bottom:22%;width:205px}

#promotores .promoters-visual-footer{position:absolute;bottom:28px;right:0;display:flex;align-items:center;gap:18px;margin:0;font-size:10px;letter-spacing:.19em;color:#727e99;z-index:2;white-space:nowrap}#promotores .promoters-visual-footer i{display:block;width:5px;height:5px;border-radius:50%;background:var(--red)}
@media(max-width:1439px){
 #promotores .promoters-shell{width:calc(100% - 96px)}#promotores .promoters-copy{padding-right:24px}
 #promotores h2{font-size:clamp(46px,5vw,72px)}
 #promotores .promoters-benefits{gap:16px 16px;margin-top:22px}#promotores .promoters-benefits li{font-size:14.5px;gap:14px}#promotores .promoters-benefit-icon{width:46px;height:46px;border-radius:11px}
 #promotores .promoters-review{font-size:14.5px;margin-top:18px;padding-top:16px}#promotores .promoters-actions{gap:14px;margin-top:20px}#promotores .promoters-button{font-size:14px;min-height:52px;padding-inline:24px;gap:16px}
 #promotores .promoters-float{padding:16px;border-radius:14px;gap:12px}#promotores .promoters-float b{font-size:13px}#promotores .promoters-float small{font-size:12px}
 #promotores .promoters-social{width:220px}#promotores .promoters-more{width:190px}#promotores .promoters-reward{width:208px}#promotores .promoters-team{width:200px}
 #promotores .promoters-office{right:-48px;left:-30px;width:calc(100% + 78px)}#promotores .promoters-visual::after{right:-48px}
}
@media(min-width:700px) and (max-height:719px){
 #promotores .promoters-shell{padding-top:var(--header-height)}#promotores .promoters-copy{padding-block:16px}
 #promotores .promoters-kicker{font-size:11px;margin-bottom:12px}#promotores h2{font-size:52px}
 #promotores .promoters-intro{font-size:14px;line-height:1.42;margin-top:14px}
 #promotores .promoters-benefits{margin-top:16px;gap:12px 18px}#promotores .promoters-benefits li{font-size:13.5px;gap:12px}#promotores .promoters-benefit-icon{width:36px;height:36px;border-radius:10px}#promotores .promoters-benefit-icon svg{width:23px;height:23px}
 #promotores .promoters-review{font-size:13px;line-height:1.4;margin-top:14px;padding-top:12px}#promotores .promoters-actions{margin-top:18px}#promotores .promoters-button{min-height:46px;font-size:13px;padding-inline:22px}
 #promotores .promoters-float{padding:12px 14px;gap:10px}#promotores .promoters-float b{font-size:12px}#promotores .promoters-float small{font-size:11px}#promotores .promoters-social{width:192px;top:8%}#promotores .promoters-float-heading{gap:10px}#promotores .promoters-social-row{margin-top:10px;gap:7px}#promotores .promoters-portraits i{width:31px;height:31px}#promotores .promoters-social-count{min-width:52px;height:32px;font-size:13px}
 #promotores .promoters-more{width:170px}#promotores .promoters-reward{width:186px;bottom:14%}#promotores .promoters-team{width:176px;bottom:20%}#promotores .promoters-office-brand{width:125px;top:6%}#promotores .promoters-office-brand img{width:48px;height:48px;margin-bottom:8px}#promotores .promoters-office-brand b{font-size:23px}#promotores .promoters-office-brand small{font-size:12px;margin-top:10px}#promotores .promoters-visual-footer{font-size:8px;bottom:15px;gap:10px}
}

/* Component-specific icon sizing and a stable two-button row. */
#promotores .promoters-benefit-icon svg{width:24px;height:24px;stroke-width:1.65}
#promotores .promoters-float-icon svg{width:20px;height:20px;stroke-width:1.65}
#promotores .promoters-actions{flex-wrap:nowrap}
#promotores .promoters-button{min-width:0;text-align:center}
#promotores .promoters-button>span:first-child{min-width:0}
#promotores .promoters-office-brand small{font-size:14px;line-height:1.45;letter-spacing:.1em}
#promotores .promoters-more{right:0;top:38%}
#promotores .promoters-team{right:0;bottom:20%}
#promotores .promoters-float:not(.promoters-social)::after{width:5px;height:5px;right:10px;top:12px}

@media(min-width:1100px) and (max-height:719px){#promotores .promoters-office-brand small{display:none}}

/* Tablet keeps a deliberate side-by-side layout and room around the portrait. */
@media(min-width:700px) and (max-width:1099px){
 #promotores .promoters-shell{width:calc(100% - 48px);grid-template-columns:52% 48%;padding-bottom:24px}
 #promotores .promoters-copy{padding:24px 20px 24px 0}
 #promotores h2{font-size:clamp(34px,4.6vw,46px);line-height:.98}
 #promotores .promoters-kicker{font-size:11px;margin-bottom:12px}
 #promotores .promoters-intro{font-size:14px;line-height:1.45;margin-top:16px}
 #promotores .promoters-benefits{gap:14px 10px;margin-top:18px}
 #promotores .promoters-benefits li{font-size:13px;gap:8px}
 #promotores .promoters-benefit-icon{width:28px;height:28px;border-radius:8px}
 #promotores .promoters-benefit-icon svg{width:19px;height:19px}
 #promotores .promoters-review{font-size:13px;line-height:1.45;margin-top:16px;padding-top:14px}
 #promotores .promoters-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:18px}
 #promotores .promoters-button{min-height:48px;padding:7px 10px;font-size:13px;gap:6px;border-radius:10px}
 #promotores .promoters-button>span:last-child{font-size:18px}
 #promotores .promoters-visual{height:100%;max-height:680px;align-self:center}
 #promotores .promoters-office{inset:0 -24px 0 0;width:calc(100% + 24px);object-position:center 25%}
 #promotores .promoters-visual::after{inset:0 -24px 0 -10px;background:linear-gradient(90deg,#fff 0,transparent 18%),linear-gradient(0deg,#fff 0,transparent 14%)}
 #promotores .promoters-office-brand,#promotores .promoters-social,#promotores .promoters-more,#promotores .promoters-visual-footer{display:none}
 #promotores .promoters-float{padding:10px;gap:7px;border-radius:11px;width:158px}
 #promotores .promoters-float b{font-size:12px;line-height:1.3}
 #promotores .promoters-float small{font-size:11.5px;line-height:1.35;margin-top:5px}
 #promotores .promoters-float-icon svg{width:18px;height:18px}
 #promotores .promoters-reward{left:0;bottom:8%}
 #promotores .promoters-team{right:-12px;bottom:8%}
}
/* Mobile: readable copy, benefits 2x2, both CTAs, and a compact wide photograph. */
@media(max-width:699px){
 #promotores{height:auto!important;min-height:0!important;overflow:hidden!important}
 #promotores .promoters-shell{width:calc(100% - 32px);height:auto;display:grid;grid-template-columns:1fr;padding-top:calc(var(--header-height) + 14px);padding-bottom:10px}
 #promotores .promoters-copy{padding:0;max-width:none}
 #promotores .promoters-kicker{font-size:11px;margin-bottom:9px}
 #promotores h2{font-size:clamp(30px,8vw,40px);line-height:1.02;letter-spacing:-.05em}
 #promotores .promoters-intro{font-size:14px;line-height:1.45;margin-top:12px}
 #promotores .promoters-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:14px}
 #promotores .promoters-benefits li{font-size:13px;line-height:1.35;gap:8px;max-width:none;align-items:flex-start}
 #promotores .promoters-benefit-icon{width:26px;height:26px;border-radius:7px}
 #promotores .promoters-benefit-icon svg{width:18px;height:18px}
 #promotores .promoters-benefits br{display:none}
 #promotores .promoters-review{font-size:13px;line-height:1.4;padding-top:12px;margin-top:12px}
 #promotores .promoters-review br{display:none}
 #promotores .promoters-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:14px}
 #promotores .promoters-button{min-height:48px;font-size:13px;line-height:1.25;gap:7px;padding:7px 10px;border-radius:10px}
 #promotores .promoters-button>span:last-child{font-size:18px}
 #promotores .promoters-visual{height:clamp(240px,58vw,360px);margin-top:12px}
 #promotores .promoters-office{inset:0 -16px;width:calc(100% + 32px);height:100%;object-fit:cover;object-position:center 16%}
 #promotores .promoters-visual::after{inset:0 -16px;background:linear-gradient(180deg,#fff 0,transparent 10%),linear-gradient(0deg,#fff 0,transparent 14%)}
 #promotores .promoters-network{inset:0 -16px;width:calc(100% + 32px)}
 #promotores .promoters-office-brand,#promotores .promoters-social,#promotores .promoters-more,#promotores .promoters-visual-footer{display:none}
 #promotores .promoters-float{padding:9px;gap:6px;border-radius:10px;width:140px;box-shadow:0 8px 24px rgba(27,39,61,.07)}
 #promotores .promoters-float b{font-size:11.5px;line-height:1.25}
 #promotores .promoters-float small{display:none}
 #promotores .promoters-float-icon{padding-top:0}
 #promotores .promoters-float-icon svg{width:17px;height:17px}
 #promotores .promoters-reward{left:0;bottom:8px}
 #promotores .promoters-team{right:0;bottom:8px}
 #promotores .promoters-float:not(.promoters-social)::after{display:none}
}
@media(max-width:350px){
 #promotores .promoters-shell{width:calc(100% - 28px)}
 #promotores .promoters-benefits li{gap:6px}
 #promotores .promoters-benefit-icon{width:23px;height:23px}
 #promotores .promoters-button{padding-inline:8px;gap:5px}
 #promotores .promoters-visual{height:225px}
 #promotores .promoters-float{width:134px;padding:8px;gap:5px}
}
@media(prefers-reduced-motion:reduce){#promotores .promoters-button{transition:none}}