:root{--green:#68bb00;--ink:#181b17;--muted:#74796f;--line:#e5e9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}header{height:88px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;background:#ffffffef;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.signature{font-size:27px;letter-spacing:-1.3px}.signature span,em{color:var(--green);font-style:normal}nav{display:flex;gap:32px;font-size:13px}nav a:last-child{color:#4b8800}section{padding:90px 8%;position:relative}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-5px;margin:22px 0}h2{font-size:clamp(30px,3.3vw,48px);font-weight:400;line-height:1.14;letter-spacing:-1.7px;margin:15px 0 28px}h3{font-size:34px;font-weight:400;letter-spacing:-1px}p{line-height:1.65}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;color:#737a6b}.hero{display:grid;grid-template-columns:.85fr 1.2fr;gap:7%;padding:0 8% 0 0;min-height:680px;align-items:center;overflow:hidden;background:linear-gradient(165deg,white 75%,#f1f8e9)}.portrait{height:680px;overflow:hidden;background:#eee}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-copy{padding:50px 0}.intro{max-width:580px;color:#687060;font-size:14px}.rule{height:2px;width:48px;background:var(--green);margin:30px 0}.claim{font-size:clamp(25px,3vw,42px);letter-spacing:-1.5px;line-height:1.12}.textlink{display:inline-flex;gap:55px;align-items:center;font-size:12px;margin-top:25px}.textlink span{font-size:23px;color:var(--green)}.statement{display:flex;gap:8%;align-items:center;background:#f8fbf4;border-bottom:1px solid var(--line)}.statement h2{flex:1;margin:0}.statement p{flex:.75;color:var(--muted);font-size:14px;margin:0}.experience{border-bottom:1px solid var(--line)}.hint{font-size:12px;color:var(--muted)}.explorer{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:start}.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.logo{border:1px solid var(--line);background:white;border-radius:7px;min-width:0;cursor:pointer;padding:8px;transition:200ms}.logo img{width:100%;height:85px;object-fit:contain}.logo span{display:block;font-size:10px;color:#676f60;padding:8px 0 4px}.logo:hover,.logo:focus-visible,.logo[aria-pressed=true]{border-color:var(--green);background:#f8fced;outline:none;transform:translateY(-2px)}.detail{padding:35px;background:#fafcf7;border:1px solid var(--line);border-radius:10px;min-height:300px;position:sticky;top:110px}.detail h3{margin:18px 0}.detail p{font-size:14px;color:#626b59}.challenges{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.challenges>div{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:18px}.challenges span{color:var(--green);font-size:23px}.challenges p{font-size:12px;line-height:1.5}.network{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f8fbf4;align-items:center;overflow:hidden}.network h2{font-size:36px}.network p{font-size:13px;color:var(--muted);max-width:440px}.network img{width:100%;height:420px;object-fit:cover;object-position:right;clip-path:inset(0 0 0 43%);transform:scale(1.65) translateX(-15%)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:45px}.steps article{border-top:2px solid var(--green);padding-top:20px}.steps span{color:var(--muted);font-size:11px}.steps h3{font-size:18px;margin:20px 0 15px;letter-spacing:-.3px}.steps p{font-size:12px;color:var(--muted)}.contact{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(140deg,#f3f9ea,#fff);border-top:1px solid var(--line)}.contact h2{font-size:70px;letter-spacing:-4px}.contact a{display:flex;justify-content:space-between;gap:50px;font-size:14px;border-bottom:1px solid #dce5d0;padding:15px 0}.contact a span{color:var(--green)}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:760px){header{height:72px;padding:0 5%}.signature{font-size:23px}nav{gap:15px;font-size:11px}nav a:nth-child(2),nav a:nth-child(3){display:none}section{padding:60px 6%}.hero{display:flex;flex-direction:column;padding:0;gap:0;min-height:auto}.portrait{height:390px;width:100%}.portrait img{object-fit:contain}.hero-copy{padding:40px 6% 60px}h1{letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.statement{display:block}.statement p{margin-top:25px}.explorer{display:flex;flex-direction:column;gap:25px}.logos{width:100%;gap:7px}.logo{padding:4px}.logo img{height:54px}.logo span{font-size:8px}.detail{position:static;min-height:240px;width:100%;padding:26px}.challenges{grid-template-columns:repeat(2,1fr);gap:20px}.network{display:block}.network img{display:none}.steps{grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:25px 1fr;gap:10px}.steps h3{margin:0}.steps p{grid-column:2}.contact{display:block}.contact .claim{margin-top:50px}.contact h2{font-size:56px}footer{flex-wrap:wrap}footer>span{display:none}}
.network img{clip-path:none;transform:none;height:auto;max-height:450px;object-fit:contain}.experience:after{content:'';position:absolute;bottom:0;left:0;right:0;height:32px;pointer-events:none;background:linear-gradient(175deg,transparent 35%,#edf8e455 45%,#deefcc55 57%,transparent 60%)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Cover revision: horizontal composition, portrait dissolves into the page. */
.hero{display:block;isolation:isolate;min-height:0;height:min(720px,calc(100vw * .5625));min-height:520px;padding:0;background:#fff;overflow:hidden}.portrait{position:absolute;inset:0 auto 0 0;width:51%;height:100%;background:#dededc;z-index:-2;mask-image:linear-gradient(to right,#000 0%,#000 53%,#000b 68%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 53%,#000b 68%,transparent 100%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:35% 20%;filter:grayscale(1)}.hero-copy{position:relative;margin-left:44%;width:51%;padding:0;top:50%;transform:translateY(-55%);z-index:2}.hero h1{font-size:clamp(45px,5.5vw,83px);margin:0 0 8px;letter-spacing:-4px}.hero-copy>.eyebrow{display:block;position:relative;font-size:10px;letter-spacing:.1px;color:#333;margin-bottom:23px}.hero-copy{display:flex;flex-direction:column}.hero h1{order:-2}.hero-copy>.eyebrow{order:-1}.hero .intro{font-size:13px;line-height:1.6;max-width:535px;margin:0 0 21px;color:#656565}.hero .rule{width:45px;margin:0 0 22px;order:-1}.hero .claim{font-size:clamp(28px,3.05vw,46px);margin:0;letter-spacing:-1.7px;line-height:1.08}.cover-waves{position:absolute;bottom:-1px;left:0;width:100%;height:22%;z-index:1;pointer-events:none}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:15%;background:linear-gradient(transparent,#fff9);z-index:-1}@media(max-width:760px){.hero{height:560px;min-height:0}.portrait{width:75%;height:100%;mask-image:linear-gradient(to right,#000 0%,#000a 25%,transparent 88%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000a 25%,transparent 88%)}.portrait img{object-fit:cover;object-position:38% top}.hero-copy{margin-left:33%;width:62%;top:47%;transform:translateY(-50%);padding:0}.hero h1{font-size:38px;letter-spacing:-2px}.hero-copy>.eyebrow{font-size:8px;line-height:1.7;max-width:220px;margin-bottom:17px}.hero .intro{font-size:11px;line-height:1.6;color:#444}.hero .claim{font-size:25px;letter-spacing:-1px}.hero .rule{margin-bottom:16px;width:30px}.cover-waves{height:18%}}
/* Exact supplied composition: retain the figure and background as supplied. */
.hero{height:auto;aspect-ratio:1998/1125;min-height:0;background:#fff}.portrait{inset:0;width:100%;height:100%;mask-image:none;-webkit-mask-image:none;background:url('assets/cover-reference.png') 0 0/100% 100% no-repeat;clip-path:inset(0 57% 0 0);z-index:1}.portrait img{display:none}.hero:after{display:none}.hero-copy{position:absolute;left:44%;top:17%;margin:0;width:53%;transform:none;display:flex;z-index:3}.hero h1{font-size:7.65vw;line-height:1.05;letter-spacing:-.4vw;margin:0 0 1.2vw;font-weight:400}.hero-copy>.eyebrow{font-size:1.83vw;letter-spacing:-.055vw;line-height:1.3;white-space:nowrap;margin-bottom:2.2vw;color:#171717}.hero .rule{width:4.5vw;height:2px;margin:0 0 2.1vw}.hero .intro{font-size:1.5vw;line-height:1.36;font-weight:400;max-width:none;margin:0 0 2.3vw;color:#404040;letter-spacing:-.03vw}.hero .claim{font-size:4.52vw;line-height:1.02;letter-spacing:-.22vw;margin:0}.reference-waves{position:absolute;inset:0;z-index:0;background:url('assets/cover-reference.png') 0 0/100% 100% no-repeat;clip-path:inset(78% 0 0 0);pointer-events:none}@media(min-width:1800px){.hero h1{font-size:138px}.hero-copy>.eyebrow{font-size:33px}.hero .intro{font-size:27px}.hero .claim{font-size:81px}}@media(max-width:760px){.hero{aspect-ratio:1998/1125;height:auto;min-height:0}.hero-copy{left:44%;top:17%;width:53%;margin:0;transform:none;padding:0}.portrait{width:100%;height:100%;mask-image:none;-webkit-mask-image:none}.hero h1{font-size:7.65vw;letter-spacing:-.4vw;margin-bottom:1.2vw}.hero-copy>.eyebrow{font-size:1.83vw;max-width:none;margin-bottom:2.2vw;line-height:1.3}.hero .rule{margin-bottom:2.1vw;width:4.5vw;height:1px}.hero .intro{font-size:1.5vw;line-height:1.36;margin-bottom:2.3vw}.hero .claim{font-size:4.52vw;line-height:1.02;letter-spacing:-.22vw}}
.reference-waves{clip-path:inset(80% 0 0 0)}
/* Navigation integrated into the white cover area. */
.hero>nav{position:absolute;top:7%;left:44%;right:5%;z-index:5;display:flex;justify-content:flex-start;gap:2.6vw;font-size:1vw;line-height:1.4;background:transparent;border:0;padding:0}.hero>nav a{color:#555}.hero>nav a:hover,.hero>nav a:focus-visible{color:var(--green)}.hero>nav a:last-child{color:#4b8800}@media(max-width:760px){.hero>nav{top:6%;left:44%;right:3%;gap:2.4vw;font-size:1.65vw}.hero>nav a:nth-child(2),.hero>nav a:nth-child(3){display:block}}
.hero>nav{justify-content:space-between;gap:1vw;font-size:1vw}.hero>nav a:last-child{color:#555}@media(max-width:760px){.hero>nav{gap:1.2vw;font-size:1.55vw;right:3%;left:44%}}
/* Screen-by-screen navigation and compact persistent side panels. */
html{scroll-padding-top:0;scroll-snap-type:y proximity}body{margin:0}main>.screen{height:100svh;min-height:600px;scroll-snap-align:start;scroll-margin-top:0;padding:clamp(24px,5vh,60px) 7%;overflow:auto;display:flex;flex-direction:column;justify-content:center}main>.hero{padding:0;display:block;min-height:0;height:100svh;aspect-ratio:auto;overflow:hidden}.hero .portrait,.hero .reference-waves{background-size:100% 100%}.hero>nav{top:5%}.hero .hero-copy{top:18%}.experience-intro{margin:0 0 20px}.experience-intro h2{font-size:clamp(22px,2.3vw,34px);margin:0 0 8px;line-height:1.1}.experience-intro h2 br{display:none}.experience-intro p{font-size:12px;max-width:800px;color:#74796f;margin:0}.section-head h2{font-size:32px;margin:0 0 18px}.explorer{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:start}.logos{gap:10px}.logo img{height:clamp(50px,8vh,86px)}.logo span{font-size:9px;padding:4px 0}.detail{position:static;min-height:0;height:auto;max-height:65svh;overflow:auto;padding:24px;border-radius:9px;background:#fff;box-shadow:0 8px 32px #3447250b}.detail h3{font-size:27px;margin:0 0 12px}.detail .rule{margin:0 0 18px;width:34px}.detail .role{font-size:12px;line-height:1.5;margin-bottom:20px}.fact{display:flex;align-items:flex-start;gap:10px;margin-top:13px}.fact svg{flex:0 0 23px;width:23px;height:23px;color:#72b632}.fact span{font-size:11px;color:#454b40}.fact p{font-size:11px;line-height:1.4;margin:2px 0 0;color:#7c8176}#brands .logos{grid-template-columns:repeat(4,1fr)}#brands .logo img{height:clamp(40px,6vh,66px)}#brands .detail{max-height:70svh}.challenges{margin-top:20px;gap:18px}#desafios h2{margin:0 0 18px}#equipo.screen{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}#equipo h2{font-size:clamp(26px,3vw,44px)}#equipo img{width:100%;max-height:65svh}#metodo h2{margin:10px 0 20px}.steps{margin-top:18px}.contact.screen{flex-direction:row;align-items:center;justify-content:space-between}.screen.experience:after{height:25px}#companies{background:linear-gradient(#fff 90%,#f8fbf4)}@media(max-width:760px){html{scroll-snap-type:y proximity}main>.screen{height:100svh;min-height:0;padding:25px 4%;justify-content:flex-start;overflow:auto}main>.hero{padding:0;height:100svh}.hero .portrait{width:100%;height:100%;background-size:auto 60%;background-position:left center;clip-path:inset(20% 57% 20% 0)}.hero .reference-waves{background-size:100% 60%;background-position:center;clip-path:inset(68% 0 20% 0)}.hero .hero-copy{top:32%;left:44%;width:53%}.hero>nav{top:24%;font-size:1.6vw}.explorer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:10px;width:100%;align-items:start}.logos,#brands .logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:72svh;overflow:auto;padding:2px}.logo{padding:4px}.logo img,#brands .logo img{height:43px}.logo span{font-size:8px;line-height:1.3}.detail{padding:13px;max-height:75svh!important}.detail h3{font-size:19px;letter-spacing:-.6px;margin:0 0 10px}.detail .role{font-size:11px;line-height:1.5;margin-bottom:15px}.detail .rule{margin-bottom:12px}.fact{gap:6px;margin-top:14px}.fact svg{width:18px;height:18px;flex-basis:18px}.fact span,.fact p{font-size:10px}.experience-intro{margin-bottom:15px}.experience-intro h2{font-size:23px}.experience-intro p{font-size:10px;line-height:1.4}.section-head h2{font-size:28px;margin-bottom:15px}#companies .logos{max-height:60svh}.challenges{gap:13px;grid-template-columns:1fr 1fr}.challenges>div{gap:8px;padding-top:10px}.challenges p{font-size:11px;margin:0}.challenges span{font-size:18px}#desafios h2{font-size:25px}#equipo.screen{display:flex;justify-content:center}#equipo img{display:block;max-height:33svh;width:70%;align-self:center}#equipo h2{font-size:27px}#metodo h2{font-size:26px}.steps{gap:12px}.steps article{padding-top:10px}.steps h3{font-size:16px}.steps p{font-size:11px;margin-bottom:0}.contact.screen{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.contact .claim{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}}
main>.experience.screen,main>#desafios.screen,main>#metodo.screen{justify-content:flex-start;padding-top:7svh}.experience-intro h2{letter-spacing:-1px}.experience .explorer{flex:1;align-content:start}.screen h2{max-width:1100px}@media(max-width:760px){main>.experience.screen,main>#desafios.screen,main>#metodo.screen{padding-top:4svh}}
/* Presentation reference: companies and brands occupy the whole slide. */
.home-link{position:absolute;right:3%;top:3%;width:30px;height:30px;display:grid;place-items:center;color:#66b82a;z-index:8}.home-link svg{width:23px;height:23px}.home-link:hover{color:#2b5c0c}.experience.screen{isolation:isolate;background:#fcfdfc!important;overflow:hidden!important;padding:0!important;display:block!important}.experience.screen:before,.experience.screen:after{content:'';position:absolute;left:0;width:100%;pointer-events:none;z-index:-1;background-size:100% 100%;background-repeat:no-repeat}.experience.screen:before{top:0;height:14%;background-image:url('assets/wave-top.png')}.experience.screen:after{bottom:0;height:9.3%;background-image:url('assets/wave-bottom.png')}.experience .section-head{position:absolute;left:8.6%;top:13.8%;height:8%}.experience .section-head h2{font-size:3.4vw;line-height:1;margin:0;letter-spacing:-.13vw;font-weight:400}.experience .section-head:after{content:'';display:block;width:3.1vw;height:2px;background:#73b52d;margin-top:1.3vw}.experience .explorer{position:absolute;inset:0;display:block;pointer-events:none}.experience .logos{pointer-events:auto;position:absolute;left:8.6%;top:24.5%;width:51.8%;height:62%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr));gap:.7vw;padding:0;overflow:visible;max-height:none!important}.experience .logo{width:100%;height:100%;min-height:0;padding:9%;border:1px solid #e8ebe7;border-radius:7px;background:#ffffff70;box-shadow:none!important;transform:none!important;display:flex;align-items:center;justify-content:center}.experience .logo img,#brands .logo img{width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:multiply}.experience .logo:hover,.experience .logo:focus-visible,.experience .logo[aria-pressed=true]{background:#f3fceaff;border:1px solid #79bf30;outline:none}.experience .detail{pointer-events:auto;position:absolute;left:63.2%;top:20%;width:28.7%;height:70%;max-height:none!important;overflow:auto;padding:2.1vw 2.4vw;border:0;border-radius:16px;background:#fff;box-shadow:0 8px 38px #303b2010}.detail-kind{display:block;font-size:1.05vw;font-weight:500;color:#6db12b;margin:0 0 1.2vw}.detail-logo{display:block;width:100%;height:15%;min-height:75px;max-height:120px;object-fit:contain;object-position:left center;mix-blend-mode:multiply;margin-bottom:1.4vw}.experience .detail .rule{height:2px;width:3.1vw;margin:0 0 1.7vw}.experience .detail .role{font-size:1.25vw;line-height:1.45;color:#777782;margin:0 0 1.8vw;font-weight:400}.experience .fact{border-top:1px solid #e8e8ea;padding-top:1.3vw;margin-top:1.1vw;gap:1.7vw;align-items:flex-start}.experience .fact svg{flex:0 0 2.8vw;width:2.8vw;height:2.8vw;color:#78bc30}.experience .fact span{font-size:1.21vw;color:#202020;line-height:1.4}.experience .fact p{font-size:1.13vw;line-height:1.4;margin:0;color:#9a9aa0}.experience .fact>div{flex:1}.experience-intro{position:absolute;left:6%;top:8%;width:75%;margin:0}.experience-intro h2{font-size:4vw;line-height:1.03;letter-spacing:-.17vw;margin:0 0 .7vw;font-weight:400}.experience-intro h2 br{display:block}.experience-intro h2 em{color:#75ba25}.experience-intro p{font-size:1.5vw;line-height:1.35;color:#828291;max-width:100%;margin:0}#companies .section-head{left:6%;top:44%}#companies .logos{left:6%;top:54%;width:58.2%;height:34.8%;grid-template-rows:repeat(2,minmax(0,1fr))}#companies .detail{left:67.4%;top:44%;width:27%;height:48%;padding:1.8vw 2.4vw}#companies .detail-logo{height:19%;min-height:45px;max-height:80px;margin-bottom:1vw}#companies .detail .role{font-size:1.2vw;margin-bottom:1vw}#companies .fact{padding-top:.8vw;margin-top:.65vw;gap:1.5vw}#companies .fact svg{width:2.6vw;height:2.6vw;flex-basis:2.6vw}#companies .detail .rule{margin-bottom:1vw}#companies .detail-kind{margin-bottom:.7vw}#companies:before{top:25%;height:17%}#companies:after{height:10%}#companies .home-link,#brands .home-link{top:2.5%;right:3%}
@media(max-width:760px){.experience .section-head h2{font-size:6vw}.experience .section-head{top:14%;height:auto}.experience .section-head:after{width:8vw;margin-top:3vw}.experience .logos{top:24%;width:51.8%;height:63%;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(8,minmax(65px,1fr));overflow-y:auto!important;gap:1vw;max-height:63%!important;align-content:start}.experience .logo{padding:10%;border-radius:4px}.experience .detail{left:63.2%;top:22%;width:32%;height:65%;padding:4vw 3vw;border-radius:9px}.detail-kind{font-size:2.5vw;margin-bottom:3vw}.detail-logo{min-height:45px;max-height:75px;height:14%;margin-bottom:3vw}.experience .detail .rule{width:7vw;margin:0 0 4vw}.experience .detail .role{font-size:2.65vw;line-height:1.5;margin-bottom:4vw}.experience .fact{gap:2vw;padding-top:3vw;margin-top:3vw}.experience .fact svg{width:5vw;height:5vw;flex-basis:5vw}.experience .fact span{font-size:2.6vw}.experience .fact p{font-size:2.4vw}.experience-intro{top:8%;left:6%;width:88%}.experience-intro h2{font-size:5.6vw;line-height:1.1;letter-spacing:-.2vw}.experience-intro p{font-size:2.6vw;line-height:1.4;margin-top:2vw}#companies:before{top:24%;height:15%}#companies .section-head{top:38%;left:6%}#companies .logos{left:6%;top:47%;width:54%;height:41%;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(55px,1fr));max-height:41%!important}#companies .detail{left:63.2%;top:38%;width:32%;height:51%;padding:4vw 3vw}#companies .detail-kind{margin-bottom:2vw}#companies .detail-logo{height:14%;min-height:40px;margin-bottom:2vw}#companies .detail .role{font-size:2.65vw;margin-bottom:3vw}#companies .detail .rule{margin-bottom:3vw}#companies .fact{padding-top:3vw;margin-top:3vw;gap:2vw}#companies .fact svg{width:5vw;height:5vw;flex-basis:5vw}.home-link{width:25px;height:25px}.home-link svg{width:20px;height:20px}}
.experience .detail-logo{width:100%;height:23%;min-height:95px;max-height:none;object-fit:contain;object-position:left center}.experience .logo{padding:6%}#companies .detail-logo{height:17%;min-height:45px;max-height:85px}@media(max-width:760px){.experience .detail-logo{height:16%;min-height:45px;max-height:90px}#companies .detail-logo{height:14%;min-height:35px}.experience .logo{padding:8%}}
.experience .detail-logo{height:25%;min-height:100px;margin-top:.5vw;margin-bottom:1.8vw}#companies .detail-logo{height:20%;min-height:50px;max-height:90px;margin-top:0;margin-bottom:1.2vw}@media(max-width:760px){.experience .detail-logo{height:19%;min-height:55px;margin-bottom:4vw}#companies .detail-logo{height:18%;min-height:40px;max-height:65px;margin-bottom:3vw}}
/* Popup typography and hierarchy matched to PDF. */
.experience .detail-kind{font-size:.72vw;line-height:1;letter-spacing:.035em;color:#70b32c;margin:0 0 1.1vw;font-weight:500}.experience .detail-logo{height:27%;width:100%;min-height:125px;max-height:none;object-fit:contain;object-position:center;margin:0 0 1.4vw}.experience .detail .rule{height:2px;width:3.1vw;background:#70b32c;margin:0 0 1.7vw}.experience .detail .role{font-size:1.05vw;line-height:1.45;margin-bottom:1.8vw}.experience .fact span{font-size:1.04vw}.experience .fact p{font-size:1vw}#companies .detail-kind{font-size:.72vw;margin-bottom:.8vw}#companies .detail-logo{height:23%;min-height:65px;max-height:none;margin:0 0 1.1vw}#companies .detail .role{font-size:1.02vw;line-height:1.4}#companies .detail .rule{margin-bottom:1.2vw}#companies .fact span{font-size:1.04vw}#companies .fact p{font-size:1vw}@media(max-width:760px){.experience .detail-kind,#companies .detail-kind{font-size:1.8vw;margin-bottom:3vw}.experience .detail-logo{height:24%;min-height:65px;max-height:120px;margin-bottom:4vw}.experience .detail .role,#companies .detail .role{font-size:2.3vw}.experience .fact span,#companies .fact span{font-size:2.3vw}.experience .fact p,#companies .fact p{font-size:2.2vw}#companies .detail-logo{height:21%;min-height:45px;max-height:80px;margin-bottom:3vw}}
/* PDF companies heading and seamless section edges. */
main>section{border:0!important}#companies .experience-intro{left:6%;top:8.5%;width:80%;z-index:2}#companies .experience-intro h2{font-size:4.05vw;line-height:1.02;letter-spacing:-.17vw;margin-bottom:.9vw}#companies .experience-intro h2 br{display:block}#companies .experience-intro h2 em{color:#72b722}#companies .experience-intro p{max-width:80%;font-size:1.5vw;line-height:1.32}#companies:before{top:0;height:100%;background-image:url('assets/image2.png');clip-path:polygon(0 33%,65% 33%,100% 23%,100% 42%,0 42%);background-size:100% 100%}#companies .detail,.experience .detail{overflow:hidden!important;--fit:1}.experience .detail-kind{font-size:calc(.72vw * var(--fit));margin-bottom:calc(1.1vw * var(--fit))}.experience .detail-logo{height:calc(25% * var(--fit));min-height:0;margin-bottom:calc(1.4vw * var(--fit))}.experience .detail .rule{margin-bottom:calc(1.45vw * var(--fit))}.experience .detail .role{font-size:calc(1.05vw * var(--fit));line-height:1.35;margin-bottom:calc(1.5vw * var(--fit))}.experience .fact{padding-top:calc(1.1vw * var(--fit));margin-top:calc(.9vw * var(--fit))}.experience .fact span{font-size:calc(1.04vw * var(--fit))}.experience .fact p{font-size:calc(1vw * var(--fit));line-height:1.3}#companies .detail{padding-top:1.65vw;padding-bottom:1.65vw}#companies .detail-kind{font-size:calc(.72vw * var(--fit));margin-bottom:calc(.7vw * var(--fit))}#companies .detail-logo{height:calc(21% * var(--fit));min-height:0;margin-bottom:calc(.9vw * var(--fit))}#companies .detail .rule{margin-bottom:calc(.9vw * var(--fit))}#companies .detail .role{font-size:calc(1.02vw * var(--fit));line-height:1.3;margin-bottom:calc(.8vw * var(--fit))}#companies .fact{padding-top:calc(.65vw * var(--fit));margin-top:calc(.55vw * var(--fit))}#companies .fact span{font-size:calc(1.04vw * var(--fit))}#companies .fact p{font-size:calc(1vw * var(--fit))}@media(max-width:760px){#companies .experience-intro{top:8%;width:90%}#companies .experience-intro h2{font-size:5.6vw;line-height:1.1;margin-bottom:2vw}#companies .experience-intro p{font-size:2.6vw;max-width:95%;line-height:1.35}#companies:before{top:0;height:100%;clip-path:polygon(0 27%,65% 27%,100% 23%,100% 37%,0 37%);background-image:url('assets/image2.png')}.experience .detail-kind,#companies .detail-kind{font-size:calc(1.8vw * var(--fit));margin-bottom:calc(3vw * var(--fit))}.experience .detail-logo{height:calc(22% * var(--fit));min-height:0;margin-bottom:calc(3vw * var(--fit))}.experience .detail .role,#companies .detail .role{font-size:calc(2.3vw * var(--fit));line-height:1.35;margin-bottom:calc(3vw * var(--fit))}.experience .fact,#companies .fact{padding-top:calc(2.5vw * var(--fit));margin-top:calc(2.5vw * var(--fit))}.experience .fact span,#companies .fact span{font-size:calc(2.3vw * var(--fit))}.experience .fact p,#companies .fact p{font-size:calc(2.2vw * var(--fit))}#companies .detail{padding:3vw}#companies .detail-logo{height:calc(18% * var(--fit));min-height:0;margin-bottom:calc(3vw * var(--fit))}}
#companies .detail-logo{height:calc(26% * var(--fit));min-height:0;max-height:none;object-fit:contain;object-position:center;margin-bottom:calc(.6vw * var(--fit))}#companies .detail-logo[alt="JP Morgan"]{height:calc(21% * var(--fit));margin-bottom:calc(.9vw * var(--fit))}@media(max-width:760px){#companies .detail-logo{height:calc(23% * var(--fit));margin-bottom:calc(2vw * var(--fit))}#companies .detail-logo[alt="JP Morgan"]{height:calc(18% * var(--fit));margin-bottom:calc(3vw * var(--fit))}}
/* Consistent body typography across every experience card. */
.experience .detail,#companies .detail{font-family:Arial,Helvetica,sans-serif}.experience .detail .role,#companies .detail .role,.experience .fact span,#companies .fact span,.experience .fact p,#companies .fact p{font-family:inherit;font-size:14px;line-height:1.35;font-weight:400}.experience .detail-kind,#companies .detail-kind{font-family:inherit;font-size:10px;line-height:1.2}.experience .detail,#companies .detail{height:auto;min-height:48%;max-height:none!important;overflow:visible!important;padding-bottom:22px}#brands .detail{min-height:70%;max-height:none!important}.experience .detail-logo{height:145px;min-height:0}#companies .detail-logo{height:110px;min-height:0}#companies .detail-logo[alt="JP Morgan"]{height:90px}.experience .fact p,#companies .fact p{color:#84848c}.experience .detail .role,#companies .detail .role{margin-bottom:14px}.experience .fact,#companies .fact{padding-top:12px;margin-top:10px}.experience .detail-kind,#companies .detail-kind{margin-bottom:10px}.experience .detail .rule,#companies .detail .rule{margin-bottom:14px}
/* Mobile is composed independently, with readable text and natural section heights. */
@media(max-width:760px){html{scroll-snap-type:none;scroll-padding:0}main>.screen,main>.experience.screen,main>#desafios.screen,main>#metodo.screen{height:auto;min-height:100svh;overflow:visible!important;padding:64px 20px 55px!important;display:block!important;scroll-snap-align:none;position:relative}main>.hero{height:auto;min-height:100svh;padding:0 22px 66px!important;overflow:hidden!important;background:#fff;display:flex!important;flex-direction:column;justify-content:flex-start}.hero>nav{position:relative;top:auto;left:auto;right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:22px 0 0;width:100%;font-size:12px;line-height:1.3;z-index:5}.hero .portrait{position:relative;inset:auto;flex:none;width:calc(100% + 44px);height:310px;margin:18px -22px 0;clip-path:none;mask-image:none;-webkit-mask-image:none;background:url('assets/cover-reference.png') left top/auto 100% no-repeat;z-index:1}.hero .portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,transparent 41%,#ffffffb8 56%,#fff 67%);pointer-events:none}.hero .hero-copy{position:relative;inset:auto;margin:0;width:100%;transform:none;padding:0;display:flex;z-index:3}.hero h1{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:8px 0 13px}.hero-copy>.eyebrow{font-size:12px;line-height:1.5;white-space:normal;letter-spacing:0;margin-bottom:16px;max-width:none}.hero .rule{width:38px;height:2px;margin:0 0 20px}.hero .intro{font-size:14px;line-height:1.5;letter-spacing:0;color:#555;margin-bottom:24px}.hero .intro br{display:none}.hero .claim{font-size:30px;line-height:1.08;letter-spacing:-1px}.hero .reference-waves{inset:auto 0 0;height:65px;clip-path:none;background-image:url('assets/wave-bottom.png');background-size:100% 100%;background-position:center}.home-link,#companies .home-link,#brands .home-link{top:20px;right:20px;width:27px;height:27px}.home-link svg{width:23px;height:23px}.experience.screen:before{top:0!important;height:48px!important;background-image:url('assets/wave-top.png')!important;clip-path:none!important}.experience.screen:after{height:43px!important;bottom:0}.experience .section-head,#companies .section-head{position:static;inset:auto;height:auto;margin:0 0 24px}.experience .section-head h2{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0}.experience .section-head:after{width:40px;height:2px;margin-top:12px}.experience-intro,#companies .experience-intro{position:static;inset:auto;width:100%;margin:0 0 32px}.experience-intro h2,#companies .experience-intro h2{font-size:29px;line-height:1.06;letter-spacing:-1px;margin:0 0 14px}.experience-intro p,#companies .experience-intro p{font-size:13px;line-height:1.5;max-width:100%;margin:0}.experience .explorer{position:relative;inset:auto;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;pointer-events:auto;align-items:start}.experience .logos,#companies .logos,#brands .logos{position:sticky;top:16px;left:auto;width:auto;height:auto;max-height:calc(100svh - 32px)!important;overflow-y:auto!important;display:grid;grid-template-columns:1fr!important;grid-template-rows:none;grid-auto-rows:70px;gap:8px;padding:0;align-content:start}.experience .logo{height:70px;padding:10px;border-radius:5px}.experience .logo img,#brands .logo img{height:100%;width:100%;object-fit:contain}.experience .detail,#companies .detail,#brands .detail{position:relative;inset:auto;width:auto;height:auto;min-height:0;max-height:none!important;overflow:visible!important;padding:17px 14px 20px;box-shadow:0 4px 20px #3340200b;border-radius:10px}.experience .detail-kind,#companies .detail-kind{font-size:10px;line-height:1.2;margin:0 0 15px}.experience .detail-logo,#companies .detail-logo,#companies .detail-logo[alt="JP Morgan"]{height:105px;min-height:0;max-height:none;width:100%;margin:0 0 18px;object-fit:contain}.experience .detail .rule,#companies .detail .rule{width:32px;height:2px;margin:0 0 18px}.experience .detail .role,#companies .detail .role,.experience .fact span,#companies .fact span,.experience .fact p,#companies .fact p{font-size:14px;line-height:1.4;font-weight:400}.experience .detail .role,#companies .detail .role{margin-bottom:18px;overflow-wrap:break-word}.experience .fact,#companies .fact{display:flex;gap:9px;padding-top:15px;margin-top:15px}.experience .fact svg,#companies .fact svg{width:23px;height:23px;flex:0 0 23px}.experience .fact p,#companies .fact p{margin:4px 0 0}.challenges{grid-template-columns:1fr 1fr;gap:22px 14px}.challenges p{font-size:13px;line-height:1.45}.challenges span{font-size:20px}#desafios h2,#metodo h2{font-size:29px;line-height:1.15}#equipo.screen{display:flex!important;flex-direction:column;justify-content:center}#equipo h2{font-size:29px;line-height:1.15}#equipo p{font-size:14px;line-height:1.5}#equipo img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;transform:none}.steps{display:grid;grid-template-columns:1fr;gap:24px}.steps h3{font-size:18px}.steps p{font-size:14px;line-height:1.5}.steps article{grid-template-columns:25px 1fr}.contact.screen{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch}.contact h2{font-size:53px}.contact a{font-size:14px;gap:12px}.contact .claim{font-size:29px;line-height:1.12;margin:42px 0 0}}
@media(max-width:360px){.experience .explorer{grid-template-columns:84px minmax(0,1fr);gap:8px}.experience .detail,#companies .detail,#brands .detail{padding-left:11px;padding-right:11px}.experience .fact,#companies .fact{gap:7px}.experience .fact svg,#companies .fact svg{flex-basis:19px;width:19px}.hero h1{font-size:40px}}
@media(max-width:760px){.hero .portrait:after{background:linear-gradient(to right,transparent 0%,transparent 40%,#fff 60%)}}
/* One fixed frame shared by every company and brand card. */
.experience .detail,#companies .detail,#brands .detail{left:63.2%;top:16%;width:28.7%;height:76svh!important;min-height:0!important;max-height:none!important;box-sizing:border-box;padding:26px 28px!important;overflow:visible!important}.experience .detail-kind,#companies .detail-kind{font-size:10px;margin:0 0 12px}.experience .detail-logo,#companies .detail-logo,#companies .detail-logo[alt="JP Morgan"]{width:100%;height:clamp(80px,17svh,155px);min-height:0;max-height:none;margin:0 0 16px;object-fit:contain}.experience .detail .rule,#companies .detail .rule{width:38px;margin:0 0 16px}.experience .detail .role,#companies .detail .role{font-size:14px;line-height:1.35;margin:0 0 16px}.experience .fact,#companies .fact{padding-top:13px;margin-top:12px;gap:17px}.experience .fact span,#companies .fact span,.experience .fact p,#companies .fact p{font-size:14px;line-height:1.35}.experience .fact svg,#companies .fact svg{width:28px;height:28px;flex-basis:28px}#companies .experience-intro{top:5.5%;width:56%;left:6%}#companies .experience-intro h2{font-size:3.55vw;line-height:1.04;margin-bottom:12px;letter-spacing:-.13vw}#companies .experience-intro p{font-size:1.3vw;line-height:1.35;width:100%;max-width:100%}#companies .section-head{top:42%}#companies .logos{top:53%;width:54.4%;height:35%}
@media(max-width:760px){.experience .detail,#companies .detail,#brands .detail{position:relative;left:auto;top:auto;width:100%;height:780px!important;min-height:0!important;max-height:none!important;padding:18px 14px!important;overflow:visible!important}.experience .detail-logo,#companies .detail-logo,#companies .detail-logo[alt="JP Morgan"]{height:105px;margin:0 0 18px}.experience .detail-kind,#companies .detail-kind{font-size:10px;margin-bottom:15px}.experience .detail .rule,#companies .detail .rule{width:32px;margin-bottom:18px}.experience .detail .role,#companies .detail .role,.experience .fact span,#companies .fact span,.experience .fact p,#companies .fact p{font-size:14px;line-height:1.4}.experience .fact,#companies .fact{gap:9px;margin-top:15px;padding-top:15px}.experience .fact svg,#companies .fact svg{width:23px;height:23px;flex-basis:23px}#companies .experience-intro{position:static;inset:auto;width:100%;margin-bottom:32px}#companies .experience-intro h2{font-size:29px;line-height:1.06;letter-spacing:-1px;margin-bottom:14px}#companies .experience-intro p{font-size:13px;line-height:1.5;max-width:100%}#companies .logos{position:sticky;top:16px;width:auto;height:auto}#companies .section-head{position:static}}
@media(min-width:761px) and (max-height:760px){.experience .detail,#companies .detail,#brands .detail{padding:18px 22px!important}.experience .detail-logo,#companies .detail-logo,#companies .detail-logo[alt="JP Morgan"]{height:88px;margin-bottom:10px}.experience .detail .rule,#companies .detail .rule{margin-bottom:10px}.experience .detail .role,#companies .detail .role{line-height:1.25;margin-bottom:10px}.experience .fact,#companies .fact{margin-top:8px;padding-top:9px}.experience .fact span,#companies .fact span,.experience .fact p,#companies .fact p{line-height:1.25}}
/* Challenges: reference slide proportions, order, and footer artwork. */
#desafios.screen{padding:0!important;position:relative;display:block!important;isolation:isolate;background:#fff;overflow:hidden!important}#desafios>h2{position:absolute;left:4.1%;top:11.7%;width:90%;max-width:none;font-size:3.95vw;line-height:1.04;letter-spacing:-.16vw;font-weight:400;margin:0!important}#desafios>h2 em{font-weight:700;color:#7cc52d}#desafios .challenges{position:absolute;left:3.9%;top:32.7%;width:92.5%;height:49.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:column;column-gap:2.5vw;row-gap:3.6vh;margin:0}#desafios .challenges>div{display:grid;grid-template-columns:4.9vw minmax(0,1fr);gap:1.4vw;border:0;padding:0;align-items:start}#desafios .challenges span{display:block;color:#7dc332;font-size:2.8vw;font-weight:700;line-height:1.2;padding-right:1.25vw;border-right:1px solid #95cc53;min-height:3.7vw;letter-spacing:-.13vw}#desafios .challenges p{font-size:1.4vw;line-height:1.24;letter-spacing:-.025vw;color:#35353f;margin:0;padding-top:.15vw}#desafios:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:17%;background:url('assets/challenges-wave-bars.png') center bottom/100% 100% no-repeat;z-index:-1;pointer-events:none}.growth-bars{position:absolute;bottom:0;right:0;width:19%;height:16%;display:flex;align-items:flex-end;gap:3%;padding-right:0;pointer-events:none;z-index:0;opacity:.48}.growth-bars i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#b2d99188,#d6ecc228,transparent);height:25%}.growth-bars i:nth-child(2){height:37%}.growth-bars i:nth-child(3){height:49%}.growth-bars i:nth-child(4){height:62%}.growth-bars i:nth-child(5){height:77%}.growth-bars i:nth-child(6){height:94%}@media(max-width:760px){#desafios.screen{padding:65px 20px 95px!important;overflow:visible!important;min-height:100svh;height:auto}#desafios>h2{position:static;width:100%;font-size:29px;line-height:1.1;letter-spacing:-1px;margin:0 0 32px!important}#desafios .challenges{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:row;gap:26px 16px;margin:0}#desafios .challenges>div{grid-template-columns:35px minmax(0,1fr);gap:10px;align-items:start}#desafios .challenges span{font-size:25px;line-height:1.15;letter-spacing:-1px;padding-right:8px;min-height:44px}#desafios .challenges p{font-size:14px;line-height:1.35;letter-spacing:0;padding-top:0}#desafios:after{height:70px}.growth-bars{height:65px;width:25%}}
/* Equipo: full integrated artwork and live text following the PDF. */
#equipo.screen{position:relative;display:block!important;padding:0!important;isolation:isolate;background:#fff;overflow:hidden!important}#equipo .team-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;transform:none;clip-path:polygon(52% 0,100% 0,100% 100%,37% 100%,37% 78%,52% 60%);z-index:-1}#equipo:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:url('assets/image4.png') left top/100% 100% no-repeat;clip-path:inset(78% 0 0 0);z-index:-2;pointer-events:none}#equipo .team-copy{position:absolute;left:4.6%;top:7%;width:49%;z-index:1}#equipo .eyebrow{display:block;font-size:1.15vw;line-height:1.45;letter-spacing:.25vw;color:#36363b;margin:0 0 5.4vw}#equipo h2{font-size:3.8vw!important;line-height:1.07;letter-spacing:-.15vw;max-width:none;font-weight:400;margin:0 0 2.4vw}#equipo h2 em{color:#72b321}#equipo .rule{width:4.9vw;height:3px;margin:0 0 1.9vw;background:#7ac331}#equipo .team-copy>p{font-size:1.6vw;line-height:1.26;letter-spacing:-.03vw;color:#46464c;width:76%;max-width:none;margin:0}#equipo .growth-bars{z-index:0;opacity:.3}
@media(max-width:760px){#equipo.screen{padding:64px 22px 70px!important;display:flex!important;flex-direction:column;min-height:100svh;height:auto;overflow:hidden!important}#equipo .team-copy{position:relative;left:auto;top:auto;width:100%}#equipo .eyebrow{font-size:11px;line-height:1.5;letter-spacing:2px;margin-bottom:30px}#equipo h2{font-size:29px!important;line-height:1.13;letter-spacing:-1px;margin-bottom:22px}#equipo h2 br{display:none}#equipo h2 em{display:block;margin-top:4px}#equipo .rule{width:40px;height:2px;margin-bottom:20px}#equipo .team-copy>p{font-size:15px;line-height:1.5;letter-spacing:0;width:100%;max-width:none}#equipo .team-art{position:relative;inset:auto;width:calc(100% + 44px);height:380px;max-height:none;margin:25px -22px -30px;object-fit:cover;object-position:right center;clip-path:inset(0 0 0 44%);transform:scale(1.7) translateX(-16%);transform-origin:right center;z-index:0}#equipo:after{height:65px;clip-path:none;background-image:url('assets/wave-bottom.png');background-size:100% 100%;z-index:0}#equipo .growth-bars{z-index:1}}
#equipo .team-art{mask-image:linear-gradient(to right,transparent 0%,transparent 50%,#000 55%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 50%,#000 55%)}@media(max-width:760px){#equipo .team-art{content:url('assets/network.webp');width:calc(100% + 44px);height:390px;max-height:none;object-fit:contain;clip-path:none;transform:none;mask-image:none;-webkit-mask-image:none;margin:25px -22px 0}}
/* Equipo: lift the explanatory copy above the footer wave. */
#equipo .eyebrow{margin-bottom:4.8vw}#equipo h2{margin-bottom:2vw}#equipo .rule{margin-bottom:1.5vw}#equipo .team-copy>p{width:78%;line-height:1.23}
/* Framework: five cards, alternating top rules, icons and original bullets. */
#metodo.screen{position:relative;display:block!important;isolation:isolate;background:#fff;padding:0!important;overflow:hidden!important}#metodo>h2{position:absolute;left:3.4%;top:14%;max-width:92%;font-size:3.1vw;letter-spacing:-.13vw;line-height:1.08;font-weight:400;margin:0!important}#metodo .framework-subtitle{position:absolute;left:3.4%;top:20.4%;color:#7ac52c;font-size:2.65vw;line-height:1.1;letter-spacing:-.1vw;margin:0}.framework-cards{position:absolute;left:2.5%;top:32%;width:95%;height:43.4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.8vw}.framework-card{position:relative;border:1px solid #e5e6e5;border-radius:8px;padding:1.6vw 1.8vw;background:#ffffffd9;min-width:0}.framework-card:before{content:'';position:absolute;left:-1px;right:-1px;top:-2px;height:5px;border-radius:5px;background:#111}.framework-card:nth-child(even):before{background:#82d82b}.framework-card:not(:last-child):after{content:'→';position:absolute;right:-1.75vw;top:39%;font-size:2vw;line-height:1;color:#9ea5a6}.framework-icon{width:4.5vw;height:4.5vw;border-radius:50%;background:radial-gradient(circle,#ecf6df,#e5f2d5);display:grid;place-items:center;margin:0 0 1vw}.framework-icon svg{width:65%;height:65%;color:#172016}.framework-card h3{font-size:1.55vw;line-height:1.1;letter-spacing:-.04vw;font-weight:700;margin:0 0 .4vw}.framework-card .card-subtitle{font-size:1.3vw;line-height:1.2;letter-spacing:-.02vw;color:#969ca4;white-space:nowrap;margin:0 0 1.5vw}.framework-card ul{padding:0 0 0 1.4vw;margin:0;list-style:disc}.framework-card li{font-size:1.19vw;line-height:1.35;letter-spacing:-.03vw;color:#505057;margin:0 0 .37vw;padding-left:.12vw}.framework-card li::marker{color:#7ace27;font-size:1.15em}#metodo:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:24.2%;background:url('assets/framework-footer.png') center bottom/100% 100% no-repeat;z-index:-1;pointer-events:none}
@media(max-width:760px){#equipo .eyebrow{margin-bottom:28px}#equipo h2{margin-bottom:20px}#equipo .rule{margin-bottom:18px}#equipo .team-copy>p{width:100%;line-height:1.5}#metodo.screen{height:auto;min-height:100svh;padding:64px 22px 100px!important;overflow:visible!important}#metodo>h2{position:static;max-width:none;font-size:29px;letter-spacing:-1px;line-height:1.1;margin:0 0 12px!important}#metodo .framework-subtitle{position:static;font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:0 0 32px}.framework-cards{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:24px}.framework-card{padding:22px 24px 24px;border-radius:8px}.framework-card:before{height:4px}.framework-card:not(:last-child):after{content:'↓';top:auto;bottom:-24px;right:50%;transform:translateX(50%);font-size:22px}.framework-icon{width:54px;height:54px;margin-bottom:17px}.framework-card h3{font-size:20px;line-height:1.1;letter-spacing:-.3px;margin-bottom:6px}.framework-card .card-subtitle{font-size:16px;line-height:1.3;white-space:normal;margin-bottom:22px}.framework-card ul{padding-left:19px}.framework-card li{font-size:15px;line-height:1.4;letter-spacing:0;margin-bottom:8px;padding-left:3px}#metodo:after{height:75px}}
/* Keep Equipo and Framework content clear of their footer waves. */
@media(min-width:761px){#equipo .team-copy{top:6%}#equipo .eyebrow{margin-bottom:4.3vw}#equipo .team-copy>p{width:96%;font-size:1.48vw;line-height:1.24;letter-spacing:-.035vw}#metodo>h2{top:9.5%}#metodo .framework-subtitle{top:16%}.framework-cards{top:27%;height:43.4%}}

/* Contact closing screen. */
#contacto.contact{position:relative;display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;padding:7% 4.5% 16%;background:#fff;isolation:isolate}
#contacto:before{content:'';position:absolute;inset:auto 0 0;height:24%;background:url('assets/framework-footer.png') center bottom/100% 100% no-repeat;z-index:-1}
#contacto .contact-identity h2{font-size:4.5vw;font-weight:400;letter-spacing:-.17vw;line-height:1.1;margin:0 0 2.5vw}
#contacto .claim{font-size:2.65vw;line-height:1.2;letter-spacing:-.08vw;margin:0}
#contacto .claim em{color:#72b321}
#contacto .contact-links{display:flex;flex-direction:column;gap:2.1vw}
#contacto .contact-row{display:flex;align-items:center;gap:1.7vw;font-size:2.05vw;line-height:1.2;letter-spacing:-.065vw;border:0;padding:0;color:#151515;text-decoration:none}
#contacto .contact-row.li{color:#659e19;text-decoration:underline;text-underline-offset:4px}
#contacto .contact-icon{display:flex;align-items:center;justify-content:center;flex:none;width:4.7vw;height:4.7vw;border-radius:50%;background:#f1f8e8;color:#679e1b}
#contacto .contact-icon svg{width:66%;height:66%}
#contacto .contact-row:hover{color:#659e19}
#contacto .contact-row:focus-visible{outline:2px solid #72b321;outline-offset:6px}
@media(max-width:760px){#contacto.contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:42px;padding:80px 24px 150px;min-height:100svh}#contacto .contact-identity h2{font-size:44px;letter-spacing:-1.5px;margin-bottom:22px}#contacto .claim{font-size:27px;letter-spacing:-.6px}#contacto .contact-links{gap:24px;width:100%}#contacto .contact-row{font-size:16px;gap:12px;letter-spacing:-.4px;overflow-wrap:anywhere}#contacto .contact-icon{width:42px;height:42px}#contacto:before{height:100px}}

#contacto .contact-row{justify-content:flex-start}#contacto .contact-row>span{color:inherit}#contacto .contact-row.wa,#contacto .contact-row.mail{color:#151515}

/* Softer green closing with framing waves and full-color contact icons. */
#contacto.contact{background:#f8fbf3}
#contacto:after{content:'';position:absolute;top:0;left:0;width:100%;height:20%;background:url('assets/framework-footer.png') center bottom/100% 100% no-repeat;transform:rotate(180deg);z-index:-1;pointer-events:none;opacity:.85;mix-blend-mode:multiply}
#contacto:before{mix-blend-mode:multiply}
#contacto .contact-icon{width:5.4vw;height:5.4vw;background:transparent;border-radius:0}
#contacto .contact-icon svg{width:88%;height:88%}
#contacto .wa .contact-icon svg{width:96%;height:96%}
#contacto .mail .contact-icon{color:#72a72d}
#contacto .mail .contact-icon svg{width:96%;height:96%}
@media(max-width:760px){#contacto .contact-icon{width:48px;height:48px}#contacto:after{height:95px}}

/* High-resolution source, same cover footprint and rightward white integration. */
@media(min-width:761px){
.hero .portrait{background-image:linear-gradient(to right,transparent 0%,transparent 29%,#fff 44%),url('assets/cristian-highres.jpg');background-size:100% 100%,auto 100%;background-position:left top,left top;background-repeat:no-repeat;clip-path:inset(0 56% 0 0)}
#contacto .contact-identity h2{font-size:3.6vw;margin-bottom:2.1vw;letter-spacing:-.12vw}
#contacto .claim{font-size:3.15vw;letter-spacing:-.11vw;line-height:1.15}
}
@media(max-width:760px){.hero .portrait{background-image:url('assets/cristian-highres.jpg')}#contacto .contact-identity h2{font-size:36px}#contacto .claim{font-size:31px}}

@media(min-width:761px){.hero .portrait{background-size:100% 100%,auto 100%;background-position:left top,-5.5vw top;background-image:linear-gradient(to right,transparent 0%,transparent 33%,#fff 44%),url('assets/cristian-highres.jpg')}}

/* Cover has one portrait source only; the wave layer contains no photograph. */
.hero .reference-waves{background-image:url('assets/wave-bottom.png');inset:auto 0 0;height:22%;background-size:100% 100%;background-position:center bottom;clip-path:none}
@media(min-width:761px){.hero .portrait{clip-path:none;background-color:transparent;background-image:linear-gradient(to right,transparent 0%,transparent 27%,rgba(255,255,255,.32) 34%,rgba(255,255,255,.85) 41%,#fff 47%),url('assets/cristian-highres.jpg');background-size:100% 100%,auto 100%;background-position:left top,-5.5vw top}}
@media(max-width:760px){.hero .reference-waves{height:65px}}

@media(min-width:761px){.hero .portrait{inset:0 auto 0 -5.5vw;width:auto;aspect-ratio:912/1164;height:100%;background-size:100% 100%;background-position:center;background-image:linear-gradient(to right,transparent 0%,transparent 60%,rgba(255,255,255,.25) 72%,rgba(255,255,255,.78) 88%,#fff 100%),url('assets/cristian-highres.jpg')}}
.hero .reference-waves{z-index:2;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,transparent 33%,#000 46%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 33%,#000 46%)}

.hero .reference-waves{mask-image:linear-gradient(to right,transparent 0%,transparent 33%,#000 46%),linear-gradient(to bottom,transparent,#000 35%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 33%,#000 46%),linear-gradient(to bottom,transparent,#000 35%);-webkit-mask-composite:source-in}

/* Match the reference balance: center the portrait in the left field. */
@media(min-width:761px){.hero{background:linear-gradient(to right,#999995 0%,#fff 43%,#fff 100%)}.hero .portrait{left:2vw;background-image:linear-gradient(to right,transparent 0%,transparent 64%,rgba(255,255,255,.18) 76%,rgba(255,255,255,.7) 91%,#fff 100%),url('assets/cristian-highres.jpg')}}

@media(min-width:761px){.hero{background:#fff}.hero .portrait{inset:0 auto 0 0;width:44%;height:100%;aspect-ratio:auto;background-color:#999995;background-size:100% 100%,auto 100%;background-position:center top;background-image:linear-gradient(to right,transparent 0%,transparent 57%,rgba(255,255,255,.3) 74%,rgba(255,255,255,.9) 94%,#fff 100%),url('assets/cristian-highres.jpg');mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%)}}
@media(min-width:761px){.hero .reference-waves{clip-path:polygon(0 0,8% 0,10% 100%,34% 100%,36% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(to bottom,transparent,#000 35%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-composite:add;-webkit-mask-composite:source-over}}
#contacto .contact-identity h2{font-weight:300;font-family:'Helvetica Neue',Arial,sans-serif}
@media(min-width:761px){#contacto .claim{font-size:3.5vw;letter-spacing:-.13vw}#contacto .contact-identity h2{font-size:3.2vw}}
@media(max-width:760px){#contacto .claim{font-size:33px}}

/* Independent backdrop, wave and original photographic foreground. */
@media(min-width:761px){
.hero{background:linear-gradient(to right,#a1a29f 0%,#b5b6b3 15%,#e0e1df 31%,#f8f8f7 40%,#fff 46%)}
.hero .portrait{inset:0 auto 0 0;width:43%;height:100%;background:none;clip-path:none;mask-image:none;-webkit-mask-image:none;z-index:2;overflow:visible}
.hero .portrait img{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;height:100%;max-width:none;object-fit:fill;filter:none;mask-image:url('assets/portrait-alpha.png');-webkit-mask-image:url('assets/portrait-alpha.png');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.hero .portrait:after{display:none}
.hero .reference-waves{z-index:1;clip-path:none;height:22%;mask-image:linear-gradient(to bottom,transparent,#000 20%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);background-image:url('assets/wave-bottom.png');background-size:100% 100%}
}
@media(min-width:761px){.hero .portrait img{mask-size:97% 98%;-webkit-mask-size:97% 98%;mask-position:center;-webkit-mask-position:center}}
@media(min-width:761px){.hero .portrait img{mask-size:95.5% 97%;-webkit-mask-size:95.5% 97%}}
@media(min-width:761px){.hero{background:linear-gradient(to right,#858682 0%,#a1a29f 15%,#d6d7d4 31%,#f7f7f6 40%,#fff 46%)}}

.portrait-lower-original{display:none}
@media(min-width:761px){
.hero{background:#fff}
.hero .portrait{inset:0 auto 0 0;width:43%;height:100%;background:#999995;z-index:0;overflow:hidden;mask-image:linear-gradient(to right,#000 0%,#000 69%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 69%,transparent 100%)}
.hero .portrait img{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;height:100%;max-width:none;mask-image:none;-webkit-mask-image:none;clip-path:none;filter:none}
.hero .reference-waves{z-index:1;clip-path:none;mask-image:linear-gradient(to bottom,transparent,#000 20%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%)}
.hero .portrait-lower-original{display:block;position:absolute;top:0;left:21.5%;transform:translateX(-50%);height:100%;width:auto;max-width:none;z-index:2;clip-path:polygon(20.5% 75%,81.5% 75%,82.5% 80%,80.5% 85%,82% 91%,84% 100%,21% 100%,22% 91%,23% 85%,20.5% 80%);pointer-events:none}
}
@media(min-width:761px){.hero .portrait-lower-original{clip-path:inset(70% 0 0 0);mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 70%,#000 83%);-webkit-mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 70%,#000 83%);mask-size:95.5% 97%,100% 100%;-webkit-mask-size:95.5% 97%,100% 100%;mask-position:center; -webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:intersect;-webkit-mask-composite:source-in}}
/* Closing hierarchy: large regular name, smaller supporting claim. */
#contacto .contact-identity h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:4.8vw;line-height:1.05;letter-spacing:-.2vw;margin:0 0 1.7vw}
#contacto .claim{font-size:2.35vw;line-height:1.2;letter-spacing:-.07vw;font-weight:400}
@media(max-width:760px){#contacto .contact-identity h2{font-size:48px;letter-spacing:-2px;margin-bottom:20px}#contacto .claim{font-size:25px;letter-spacing:-.6px}}

@media(min-width:761px){
.hero .portrait{background:none;overflow:hidden;mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%)}
.hero .portrait img{width:100%;height:100%;left:0;transform:none;object-fit:cover;object-position:center top;mask-image:none;-webkit-mask-image:none}
.hero .reference-waves{height:25%;background:url('assets/cover-waves.svg') center bottom/100% 100% no-repeat;mask-image:none;-webkit-mask-image:none;clip-path:none;z-index:1}
.hero .portrait-lower-original{width:43%;height:100%;left:0;transform:none;object-fit:cover;object-position:center top;mask-size:auto 97%,100% 100%;-webkit-mask-size:auto 97%,100% 100%}
}
@media(min-width:761px){.hero .portrait-lower-original{clip-path:inset(65% 0 0 0);mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%);-webkit-mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%)}}
@media(min-width:761px){.hero .portrait{mask-image:linear-gradient(to right,#000 0%,#000 65%,rgba(0,0,0,.9) 73%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.12) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 65%,rgba(0,0,0,.9) 73%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.12) 95%,transparent 100%)}}
/* Restore the exact approved PDF composition instead of reconstructing its artwork. */
@media(min-width:761px){
.hero{background:#fff}
.hero .portrait{inset:0;width:100%;height:100%;background:url('assets/cover-reference.png') left top/100% 100% no-repeat;clip-path:inset(0 57% 0 0);mask-image:none;-webkit-mask-image:none;z-index:1}
.hero .portrait img,.hero .portrait-lower-original{display:none}
.hero .reference-waves{inset:0;width:100%;height:100%;background:url('assets/cover-reference.png') left top/100% 100% no-repeat;clip-path:inset(78% 0 0 0);mask-image:none;-webkit-mask-image:none;z-index:0}
}
@media(min-width:761px){.hero .reference-waves{clip-path:inset(80% 0 0 0)}}

/* Original high-resolution photograph; no generated face or upper-body cutout. */
@media(min-width:761px){
.hero{background:#fff}
.hero .portrait{inset:0 auto 0 0;width:43%;height:100%;background:none;clip-path:none;mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.87) 76%,rgba(0,0,0,.4) 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.87) 76%,rgba(0,0,0,.4) 88%,transparent 100%);z-index:0}
.hero .portrait img{display:block;position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center top;mask-image:none;-webkit-mask-image:none;filter:none}
.hero .reference-waves{inset:auto 0 0;height:22%;width:100%;background:url('assets/cover-waves-soft.svg') center bottom/100% 100% no-repeat;clip-path:none;mask-image:none;-webkit-mask-image:none;z-index:1}
.hero .portrait-lower-original{display:block;position:absolute;top:0;left:0;width:43%;height:100%;transform:none;object-fit:cover;object-position:center top;z-index:2;clip-path:inset(65% 0 0 0);mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%);-webkit-mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%);mask-size:cover,100% 100%;-webkit-mask-size:cover,100% 100%;mask-position:center top;-webkit-mask-position:center top;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:intersect;-webkit-mask-composite:source-in}
}
@media(min-width:761px){.hero{background:#fff}.hero .portrait{inset:0;width:100%;height:100%;background:url('assets/cover-approved.png') left top/100% 100% no-repeat;clip-path:inset(0 57% 0 0);mask-image:none;-webkit-mask-image:none;z-index:1}.hero .portrait img,.hero .portrait-lower-original{display:none}.hero .reference-waves{inset:0;width:100%;height:100%;background:url('assets/cover-approved.png') left top/100% 100% no-repeat;clip-path:inset(80% 0 0 0);mask-image:none;-webkit-mask-image:none;z-index:0}}
/* Preserve the photograph's proportions at every desktop aspect ratio. */
@media(min-width:761px){.hero .portrait{width:min(43%,76.4svh);background-size:auto 100%;clip-path:none}.hero .reference-waves{inset:auto 0 0;height:20%;background:url('assets/wave-bottom.png') center bottom/100% 100% no-repeat;clip-path:none;z-index:0}}
@media(min-width:761px) and (max-aspect-ratio:16/9){.hero .portrait{width:100%;background-size:100% 100%;clip-path:inset(0 57% 0 0)}.hero .reference-waves{inset:0;height:100%;background:url('assets/cover-approved.png') left top/100% 100% no-repeat;clip-path:inset(80% 0 0 0)}}
@media(min-width:761px){
.hero .portrait{inset:0 auto 0 0;width:43%;height:100%;background:none;clip-path:none;mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.87) 76%,rgba(0,0,0,.4) 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 67%,rgba(0,0,0,.87) 76%,rgba(0,0,0,.4) 88%,transparent 100%);z-index:0}
.hero .portrait img{display:block;position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center top;mask-image:none;-webkit-mask-image:none;filter:none}
.hero .reference-waves{inset:auto 0 0;height:22%;width:100%;background:url('assets/cover-waves-soft.svg') center bottom/100% 100% no-repeat;clip-path:none;mask-image:none;-webkit-mask-image:none;z-index:1}
.hero .portrait-lower-original{display:block;position:absolute;top:0;left:0;width:43%;height:100%;transform:none;object-fit:cover;object-position:center top;z-index:2;clip-path:inset(65% 0 0 0);mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%);-webkit-mask-image:url('assets/portrait-alpha.png'),linear-gradient(to bottom,transparent 65%,#000 70%);mask-size:cover,100% 100%;-webkit-mask-size:cover,100% 100%;mask-position:center top;-webkit-mask-position:center top;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:intersect;-webkit-mask-composite:source-in}
}

/* Original photograph trial: intact wall and natural silhouette. */
.hero .portrait{background:none!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:hidden;z-index:2}
.hero .portrait img{display:block!important;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;filter:none!important}
.hero .portrait:after{display:none!important}
.hero .portrait-lower-original{display:none!important}
@media(min-width:761px){.hero .portrait{inset:0 auto 0 0;width:43%;height:100%}.hero .portrait img{position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:center top}}

/* Navigation: green links, black selected destination. */
.hero>nav a,.hero>nav a:last-child{color:#4b8800}
.hero>nav a[aria-current="location"],.hero>nav a:active{color:#181b17}

/* Minimal optical balance between the first two brand logos. */
#brands .logo[data-index="0"] img,#brands .detail-logo[alt="Close Up"]{transform:scale(.78);transform-origin:center}
#brands .logo[data-index="1"] img,#brands .detail-logo[alt="Rexona Efficient"]{transform:scale(1.28);transform-origin:center}

#brands .logo[data-index="2"] img,#brands .detail-logo[alt="Dove Deodorant"]{transform:scale(1.25);transform-origin:center}

#companies .detail .role{text-align:justify;text-align-last:left;white-space:pre-line}

/* Café Martínez: tighter internal spacing only, with the shared frame intact. */
#brands-detail[data-index="13"] .role{text-align:justify;text-align-last:left;text-wrap:pretty;margin-bottom:8px}
#brands-detail[data-index="13"] .fact{margin-top:6px;padding-top:6px;gap:12px}
#brands-detail[data-index="13"] .fact p{margin-top:2px;text-wrap:pretty}
#brands-detail[data-index="13"] .fact>div{min-width:0}

/* Subtle opacity transitions, without transforms or layout changes. */
.section-fades main>.screen{transition:opacity 300ms linear}
.navigation-fade{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:10000}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.section-fades main>.screen{opacity:1!important;transition:none}.navigation-fade{display:none}}

/* Stronger navigation on phones only. */
@media(max-width:760px){.hero>nav a{font-weight:700}.home-link svg{stroke-width:2.1}}

/* Framework accent colors; desktop geometry stays unchanged. */
#metodo .framework-icon,#metodo .framework-card:nth-child(even):before{background:#7cc52d}
#metodo .framework-card .card-subtitle{color:#7ac52c}
.framework-swipe-hint{display:none}
@media(max-width:760px){
 #metodo.screen{padding-bottom:100px!important}
 #metodo .framework-subtitle{margin-bottom:16px}
 #metodo .framework-swipe-hint{display:block;font-size:13px;line-height:1.3;color:#626b59;margin:0 0 16px}
 #metodo .framework-cards{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:25px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:5px 5px 18px 0;margin:0;width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7cc52d #edf3e6}
 #metodo .framework-card{scroll-snap-align:start;padding:20px;min-width:0;height:auto}
 #metodo .framework-icon{width:46px;height:46px;margin-bottom:14px}
 #metodo .framework-card .card-subtitle{margin-bottom:18px}
 #metodo .framework-card:not(:last-child):after{content:'→';top:45%;bottom:auto;right:-24px;transform:none;font-size:22px}
}

/* Team claim and framework finishing touches. */
#equipo .team-growth-claim{color:var(--green)}
#metodo .testing-bullet{white-space:nowrap}
#metodo:before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:15%;background:url('assets/wave-top.png') center top/100% 100% no-repeat;z-index:-1;pointer-events:none}
@media(max-width:760px){
 #metodo:before{height:125px}
 #metodo:after{height:100px}
}