/* MC Experience / Magda Cardoso - Serviço a serviço, v2 - 26 Oct 2026 */
:root{--mc-svc-forest:#102e25;--mc-svc-deep:#071e19;--mc-svc-sand:#ece7da;--mc-svc-gold:#c5a66d;--mc-svc-cream:#f8f6f0;--mc-svc-line:#d8d7cc;--mc-svc-ease:cubic-bezier(.22,1,.36,1)}
.mc-services-redesign{background:#f5f2e9}
.mc-services-redesign .mc-services-head h2{max-width:720px;letter-spacing:-.04em;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(40px,4.35vw,70px);line-height:1.07}
.mc-services-head h2 em{font-weight:400;color:#9b8050}
.mc-services-head .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.76;max-width:52ch}
.mc-services-redesign .mc-pathways{margin:42px 0 62px}
.mc-services-redesign .mc-pathway{border-radius:3px;min-height:212px}
.mc-services-redesign .mc-pathway:after{content:'↗';position:absolute;right:26px;top:27px;color:#d2b477;font-size:23px;opacity:.86;transition:transform .3s var(--mc-svc-ease)}
.mc-services-redesign .mc-pathway:hover:after{transform:translate(4px,-4px)}
.mc-service-browser{scroll-margin-top:100px}
.mc-service-browser-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #cfccbf;padding:0 0 22px;margin:0 0 27px}
.mc-service-browser-head .eyebrow{color:#806c44;letter-spacing:.16em}
.mc-service-browser-head p{font-size:15px;line-height:1.6;margin:7px 0 0;color:#586657}
.mc-service-counter{font-family:'DM Serif Display',Georgia,serif;font-size:24px;color:#96856a;white-space:nowrap}
.mc-service-counter strong{font-size:clamp(40px,5.8vw,80px);line-height:1;font-weight:400;color:#183d2e;letter-spacing:-.05em}
.mc-service-browser .service-shell{display:grid;grid-template-columns:minmax(255px,300px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,34px)}
.mc-service-selector{position:sticky;top:105px;min-width:0;background:var(--mc-svc-forest);border:1px solid #e1c69a36;border-radius:4px;overflow:hidden;box-shadow:0 24px 56px rgba(18,46,37,.13)}
.mc-service-selector-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 22px 16px;color:#c9ad7e;letter-spacing:.13em;font-size:10px;font-weight:700}
.mc-service-selector-title small{font-size:10px;letter-spacing:normal;font-weight:400;color:#ffffff99}
.mc-service-browser .service-tabs{position:static;display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.mc-service-browser .service-tab{min-width:0;min-height:78px;margin:0;display:grid;grid-template-columns:22px 48px minmax(0,1fr) 16px;align-items:center;gap:12px;text-align:left;white-space:normal;color:#f3efe4;border:0;border-top:1px solid #ffffff20;border-radius:0;background:transparent;padding:12px 17px;box-shadow:none;transform:none;transition:background .35s var(--mc-svc-ease),color .35s var(--mc-svc-ease)}
.mc-service-browser .service-tab:hover{background:#ffffff13;color:white}
.mc-service-browser .service-tab.active{background:#eee4cf;color:#1c392d;box-shadow:none;border-radius:0}
.mc-service-browser .service-tab.active:hover{background:#eee4cf;color:#1c392d}
.mc-service-browser .mc-service-tab-n{font-family:'DM Serif Display',Georgia,serif;font-size:14px;font-weight:400;color:#c5a56d;align-self:start;margin-top:10px}
.mc-service-browser .service-tab.active .mc-service-tab-n{color:#876b3d}
.mc-service-tab-image{display:block;width:48px;height:54px;overflow:hidden;background:#596454;border-radius:2px;position:relative}
.mc-service-tab-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75);transition:transform .6s var(--mc-svc-ease),filter .6s ease}
.mc-service-browser .service-tab:hover img,.mc-service-browser .service-tab.active img{transform:scale(1.12);filter:saturate(1)}
.mc-service-tab-copy{display:grid;gap:5px;min-width:0}
.mc-service-browser .service-tab .mc-service-tab-copy strong{font-weight:600;font-size:13px;line-height:1.32;letter-spacing:-.01em;color:inherit}
.mc-service-browser .service-tab .mc-service-tab-copy small{display:block;font-size:11px;font-weight:400;line-height:1.3;color:#ffffffa3;letter-spacing:normal;opacity:1}
.mc-service-browser .service-tab.active .mc-service-tab-copy small{color:#486353}
.mc-service-browser .mc-service-tab-arrow{justify-self:end;font-size:17px;color:#c6aa73;opacity:.9;transition:transform .3s ease}
.mc-service-browser .service-tab.active .mc-service-tab-arrow{color:#385942;transform:rotate(45deg)}
.mc-mobile-swipe-hint{display:none}
.mc-service-stage{min-width:0}
.mc-service-browser .service-panel,.mc-service-browser .service-panel[hidden]{display:none!important}
.mc-service-browser .service-panel.active:not([hidden]){display:block!important;animation:mc-service-arrive .53s var(--mc-svc-ease) both;border-radius:4px;background:#fdfbf7;border:1px solid #d9d6cb;box-shadow:0 18px 50px rgba(17,42,33,.085);overflow:hidden;scroll-margin-top:100px}
.mc-service-visual{position:relative;height:clamp(285px,27vw,450px);min-height:285px;overflow:hidden;background:#18382d;isolation:isolate}
.mc-service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09281b36 8%,transparent 43%,#081f19cc 100%);pointer-events:none}
.mc-service-visual>img{width:100%;height:100%;object-fit:cover;display:block;animation:mc-service-image-in 1.3s var(--mc-svc-ease) both;transition:transform 1.35s var(--mc-svc-ease)}
.mc-service-browser .service-panel:hover .mc-service-visual>img{transform:scale(1.038)}
.mc-service-visual-cover{position:absolute;z-index:2;inset:0;padding:clamp(25px,3vw,41px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;pointer-events:none}
.mc-service-visual-cover>span{color:#f8e6be;border:1px solid #f8e6be88;background:#12352975;padding:9px 12px;font-size:10px;letter-spacing:.18em;font-weight:700}
.mc-service-visual-cover>p{font-family:'DM Serif Display',Georgia,serif;color:white;font-size:clamp(25px,3.2vw,46px);line-height:1.12;font-weight:400;max-width:19ch;margin:0;text-shadow:0 2px 20px #09261e88}
.mc-service-content{padding:clamp(28px,4vw,58px)}
.mc-service-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-bottom:17px;border-bottom:1px solid #dedbd0;color:#8b734d;font-size:10px;letter-spacing:.16em;font-weight:700}
.mc-service-content>h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(31px,3.7vw,54px);letter-spacing:-.037em;line-height:1.1;color:#203d2e;max-width:20ch;margin:30px 0 18px}
.mc-service-content .mc-service-lead{font-size:clamp(15px,1.25vw,17px);line-height:1.78;color:#526154;max-width:67ch;margin:0 0 30px}
.mc-service-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:28px 0 0;padding:25px 0 31px;border-top:1px solid #dedbd0;border-bottom:1px solid #dedbd0}
.mc-service-facts>div{min-width:0}
.mc-service-facts>div:first-child{border-right:1px solid #dedbd0;padding-right:16px}
.mc-service-facts span{display:block;color:#8f754b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:9px}
.mc-service-facts p{font-size:13px;line-height:1.55;color:#233f31;margin:0}
.mc-service-accordions-hint{font-size:12px;letter-spacing:.025em;color:#7b806f;margin:34px 0 0}
.mc-process-accordion{margin:17px 0 0;border-top:1px solid #d7d5c8}
.mc-process-item{border-bottom:1px solid #d7d5c8;background:transparent;transition:background .32s ease}
.mc-process-item.is-open{background:#f5f1e7}
.mc-process-item h4{font-size:inherit;font-weight:400;margin:0}
.mc-process-toggle{width:100%;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;text-align:left;gap:8px;color:#163e2f;padding:25px 19px 25px 13px;cursor:pointer;font-family:inherit;transition:background .22s ease}
.mc-process-toggle:hover{background:rgba(211,191,153,.1)}
.mc-process-toggle:focus-visible{outline:3px solid #b49456;outline-offset:-3px}
.mc-process-number{font-family:'DM Serif Display',Georgia,serif;font-size:18px;color:#a48c5a;font-weight:400}
.mc-process-label{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(22px,2.1vw,31px);font-weight:400;letter-spacing:-.016em;line-height:1.15}
.mc-process-plus{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #c6b48d;font-size:27px;line-height:1;font-weight:300;color:#916e38;transition:transform .4s var(--mc-svc-ease),background .3s,color .3s}
.mc-process-item.is-open .mc-process-plus{transform:rotate(45deg);background:#183f30;color:white;border-color:#183f30}
.mc-process-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .48s var(--mc-svc-ease),opacity .24s ease}
.mc-process-item.is-open .mc-process-content{grid-template-rows:1fr;opacity:1}
.mc-process-inner{overflow:hidden;min-height:0;padding:0 38px 0 63px;font-size:15px;line-height:1.72;color:#4b5d4f}
.mc-process-item.is-open .mc-process-inner{padding-bottom:30px}
.mc-process-inner>p{margin:0;max-width:64ch}
.mc-process-steps{list-style:none;display:grid;gap:15px;margin:0;padding:0}
.mc-process-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:baseline}
.mc-process-steps li:not(:last-child){border-bottom:1px solid #e0dacc;padding-bottom:13px}
.mc-process-steps li span{font-size:11px;font-weight:800;color:#866b41;text-transform:uppercase;letter-spacing:.08em}
.mc-process-steps li p{margin:0}
.mc-result-intro{font-size:13px;color:#657361;margin-bottom:18px!important}
.mc-process-outcomes{margin:0;list-style:none;padding:0;display:grid;gap:15px}
.mc-process-outcomes li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:13px;line-height:1.55}
.mc-process-outcomes li:before{content:'↗';font-size:16px;color:#a17e45;font-weight:700}
.mc-service-ethics{border-left:3px solid #b99a63;background:#f4f2eb;font-size:12.5px;line-height:1.7;color:#526052;padding:15px 20px;margin:23px 0 0}
.mc-service-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:36px}
.mc-service-actions .button{border-radius:99px;padding:16px 24px;font-size:13px;text-align:center;transition:transform .28s var(--mc-svc-ease),background .28s}
.mc-service-actions .button:hover{transform:translateY(-3px)}
.mc-service-full-link{color:#2d5140;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:normal}
.mc-services-endline{margin-top:45px;padding:25px 0 0;border-top:1px solid #d6d3c7;display:flex;justify-content:space-between;gap:25px;align-items:center;color:#6b725e;font-size:12px;line-height:1.55}
.mc-services-endline span:first-child{font-weight:700;color:#1e422e;min-width:190px}
/* Six detailed service pages: same progressive discovery language. */
.mc-detail-bottom-interactive{background:#fdfbf7;padding:clamp(62px,6vw,112px) 0}
.mc-detail-explain-head{display:grid;grid-template-columns:1fr .75fr;gap:clamp(30px,4vw,80px);align-items:end;margin:0 0 55px}
.mc-detail-explain-head .eyebrow{grid-column:1/-1;color:#916d3d;letter-spacing:.12em;font-size:12px}
.mc-detail-explain-head h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(39px,4.8vw,68px);line-height:1.07;font-weight:400;letter-spacing:-.035em;margin:0;color:#163d30}
.mc-detail-explain-head .mc-detail-accordion-intro{margin:0;font-size:17px;max-width:44ch;color:#5f6b5a;line-height:1.75}
.mc-detail-process-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:start}
.mc-detail-process-side{position:relative;overflow:hidden;height:clamp(340px,42vw,550px);background:#102d24}
.mc-detail-process-side img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--mc-svc-ease)}
.mc-detail-process-side:hover img{transform:scale(1.045)}
.mc-detail-process-side:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 33%,#0a281dde)}
.mc-detail-process-side p{position:absolute;bottom:28px;left:29px;right:25px;z-index:1;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(26px,2.6vw,38px);font-weight:400;color:white;line-height:1.17;margin:0;max-width:20ch}
.mc-detail-process-content{min-width:0}
.mc-detail-process-content .mc-process-accordion{margin-top:0}
.mc-detail-process-content .mc-process-toggle{padding-block:26px}
.mc-detail-process-content .mc-detail-more{margin-top:32px}
/* Animation and responsible responsive behavior. */
@keyframes mc-service-arrive{from{opacity:.55;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes mc-service-image-in{from{filter:saturate(.77);transform:scale(1.06)}to{filter:saturate(1);transform:scale(1)}}
@media(max-width:1120px){.mc-service-browser .service-shell{grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:19px}.mc-service-browser .service-tab{grid-template-columns:18px 42px minmax(0,1fr) 12px;gap:9px;padding:10px 10px}.mc-service-tab-image{width:42px;height:49px}.mc-service-browser .service-tab .mc-service-tab-copy strong{font-size:12px}.mc-service-selector-title{padding:20px 13px 13px}.mc-service-selector-title small{display:none}.mc-service-content{padding:33px}}
@media(max-width:850px){.mc-service-browser .service-shell{grid-template-columns:minmax(0,1fr);gap:16px}.mc-service-selector{position:static;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.mc-service-selector-title{padding:0 0 13px;color:#173b2e}.mc-service-selector-title small{display:block;color:#667061}.mc-service-browser .service-tabs{display:flex;flex-direction:row;overflow:auto;scrollbar-width:thin;gap:8px;scroll-snap-type:x proximity;padding-bottom:8px}.mc-service-browser .service-tab{flex:0 0 220px;min-height:82px;grid-template-columns:17px 43px minmax(0,1fr);gap:9px;background:#12372d;border:1px solid #e1d1b263;border-radius:3px;scroll-snap-align:start;color:#fff}.mc-service-browser .service-tab:hover{background:#224d3d}.mc-service-browser .service-tab.active{background:#e8ddc6;color:#203a2f;border-radius:3px}.mc-service-browser .service-tab .mc-service-tab-copy strong{font-size:13px}.mc-service-browser .mc-service-tab-arrow{display:none}.mc-service-browser .service-tab .mc-service-tab-copy small{font-size:10px}.mc-mobile-swipe-hint{display:block;margin:4px 0 3px;text-align:right;color:#6a725b;font-size:11px}.mc-service-stage{margin-top:12px}.mc-detail-explain-head{grid-template-columns:1fr;gap:17px}.mc-detail-process-layout{grid-template-columns:1fr;gap:22px}.mc-detail-process-side{height:350px}.mc-detail-process-content .mc-process-accordion{margin-top:5px}}
@media(max-width:600px){.mc-services-redesign .mc-services-head h2{font-size:clamp(36px,9.2vw,51px)}.mc-services-redesign .mc-pathways{margin:28px 0 45px;gap:12px}.mc-services-redesign .mc-pathway{min-height:190px}.mc-service-browser-head{align-items:center;gap:10px;padding-bottom:14px;margin-bottom:21px}.mc-service-browser-head p{font-size:12px}.mc-service-counter strong{font-size:43px}.mc-service-browser .service-tab{flex-basis:205px}.mc-service-visual{height:245px;min-height:245px}.mc-service-visual-cover{padding:20px}.mc-service-visual-cover>p{font-size:clamp(25px,6.1vw,33px);max-width:19ch}.mc-service-content{padding:27px 20px}.mc-service-content>h3{font-size:clamp(30px,7.9vw,42px);margin:24px 0 14px}.mc-service-content .mc-service-lead{font-size:14px;margin-bottom:21px}.mc-service-facts{grid-template-columns:1fr;gap:15px;padding:20px 0;margin-top:23px}.mc-service-facts>div:first-child{border-right:0;border-bottom:1px solid #dedbd0;padding:0 0 15px}.mc-service-facts p{font-size:13px}.mc-service-accordions-hint{margin-top:24px}.mc-process-toggle{grid-template-columns:29px minmax(0,1fr) 30px;padding:21px 8px 21px 6px;gap:5px}.mc-process-number{font-size:15px}.mc-process-label{font-size:24px}.mc-process-plus{height:30px;width:30px;font-size:22px}.mc-process-inner{padding:0 14px 0 36px;font-size:13.5px;line-height:1.7}.mc-process-item.is-open .mc-process-inner{padding-bottom:23px}.mc-process-steps li{grid-template-columns:1fr;gap:4px}.mc-service-actions{gap:17px;margin-top:27px}.mc-service-actions .button{width:100%;justify-content:center;white-space:normal}.mc-services-endline{flex-direction:column;align-items:start;gap:7px}.mc-detail-process-side{height:290px}.mc-detail-explain-head{margin-bottom:30px}.mc-detail-explain-head h2{font-size:41px}.mc-detail-explain-head .mc-detail-accordion-intro{font-size:14.5px}.mc-detail-process-side p{font-size:27px;left:22px;right:20px;bottom:20px}.mc-detail-bottom-interactive{padding:58px 0}}
@media(prefers-reduced-motion:reduce){.mc-service-browser .service-panel.active,.mc-service-visual>img{animation:none!important}.mc-process-content,.mc-process-plus,.mc-service-visual>img,.mc-service-tab-image img,.mc-service-browser .service-tab,.mc-service-actions .button,.mc-detail-process-side img{transition:none!important}.mc-service-browser .service-panel:hover .mc-service-visual>img,.mc-detail-process-side:hover img{transform:none!important}}
/* The original mobile QA stylesheet intentionally shows all six options.
   Preserve that legibility instead of hiding four behind a horizontal scroller. */
@media(max-width:820px){
 .mc-service-browser .service-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;overflow:visible!important}
 .mc-service-browser .service-tab{width:100%;min-width:0!important;min-height:82px;flex:none;scroll-snap-align:none;grid-template-columns:17px 39px minmax(0,1fr);gap:7px;padding:11px 8px;justify-content:stretch;text-align:left}
 .mc-service-browser .mc-service-tab-image{width:39px;height:48px}
 .mc-service-browser .service-tab .mc-service-tab-copy strong{font-size:12px}
 .mc-service-browser .service-tab .mc-service-tab-copy small{font-size:10px}
 .mc-service-browser .mc-mobile-swipe-hint{text-align:left;margin:11px 0 0}
}
@media(max-width:350px){
 .mc-service-browser .service-tab{grid-template-columns:15px 32px minmax(0,1fr);gap:5px;padding:9px 6px}
 .mc-service-browser .mc-service-tab-image{width:32px;height:40px}
 .mc-service-browser .service-tab .mc-service-tab-copy strong{font-size:11px}
}
