/* ============================================================
   Case Study — estilos compartilhados entre Hotmart, Devopness e Umdeia
   Desktop + Mobile, usando tokens e componentes compartilhados
   ============================================================ */
.case-main{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1920px;margin:0 auto;overflow:clip;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-6)}.case-header{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%;text-transform:uppercase}.case-overline{margin:0;font-family:var(--font-body);font-weight:500;font-size:var(--typography-overline-size);letter-spacing:var(--typography-overline-letter-spacing);color:var(--color-body);text-transform:uppercase}.case-title-block{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.case-title{margin:0;font-family:var(--font-heading);font-weight:500;color:var(--color-heading);letter-spacing:var(--typography-display-letter-spacing);font-size:56px;line-height:64px}.case-title__highlight{color:#FF4000}.case-title__highlight--devopness{color:#786DFC}.case-title__highlight--umdeia{color:#F58C59}.case-title__highlight--grupoconor{color:#40C6EE}.case-title__highlight--mercantil{color:#006BB1}.case-title__highlight--getrak{color:#9AB7B9}.case-details{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%;font-family:var(--font-body);font-weight:500;font-size:var(--typography-overline-size);letter-spacing:var(--typography-overline-letter-spacing);color:var(--color-body)}.case-details p{margin:0}.case-media{width:100%;overflow:hidden}.case-media img{display:block;width:100%;height:auto}.case-process-theme{mix-blend-mode:multiply}.case-columns{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.case-col1,.case-col2{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.case-col2{background-color:var(--color-background-alternative);padding:var(--spacing-12) var(--spacing-6)}.case-block{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.case-h1{margin:0;font-family:var(--font-heading);font-weight:500;font-size:var(--typography-h1-size);letter-spacing:var(--typography-h1-letter-spacing);color:var(--color-heading);text-transform:uppercase}.case-h2{margin:0;font-family:var(--font-heading);font-weight:400;font-size:var(--typography-h2-size);letter-spacing:var(--typography-h2-letter-spacing);color:var(--color-heading);text-transform:uppercase}.case-results{display:flex;flex-direction:column;gap:var(--spacing-8);width:100%;font-family:var(--font-heading);font-weight:400;font-size:var(--typography-h3-size);letter-spacing:var(--typography-h3-letter-spacing);color:var(--color-body);text-transform:uppercase}.case-results p{margin:0}.case-body{margin:0;font-family:var(--font-body);font-weight:var(--typography-body-weight);font-size:var(--typography-body-size);color:var(--color-body);text-align:justify}.case-list{margin:0;padding-left:30px;list-style:disc;font-family:var(--font-body);font-weight:var(--typography-body-weight);font-size:var(--typography-body-size);color:var(--color-body);text-align:justify}.case-team{margin:0;font-family:var(--font-body);font-weight:500;font-size:12px;color:var(--color-body)}.case-team strong{font-weight:700}.case-team p{margin:0 0 var(--spacing-3)}.case-brand{width:32px;height:32px}.case-feedback{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;padding:var(--spacing-12) var(--spacing-6);background-color:var(--color-background-alternative)}.case-feedback__inner{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.case-feedback__inner h2,.case-feedback__inner p{margin:0}.case-feedback__quote{margin:0;font-family:var(--font-body);font-style:italic;font-weight:var(--typography-body-weight);font-size:24px;color:var(--color-body);max-width:700px}.case-feedback__attribution{margin:0;font-family:var(--font-body);font-weight:500;font-size:var(--typography-assignment-size);letter-spacing:4px;color:var(--color-body-lighter);text-transform:uppercase}.case-related{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}.case-related__intro{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.case-related__cards{display:flex;flex-direction:column;gap:var(--spacing-12);width:100%}body[data-theme="dark"] .case-process-theme{filter:invert(1);mix-blend-mode:screen}@media(min-width:1280px){.case-main{gap:var(--spacing-24);padding:var(--spacing-24) var(--spacing-39)}.case-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.case-header .case-title-block{max-width:800px}.case-title{font-size:var(--typography-display-size);letter-spacing:var(--typography-display-letter-spacing);line-height:var(--typography-display-line-height)}.case-details{width:220px;align-items:flex-end;text-align:right}.case-columns{flex-direction:row;gap:var(--spacing-39);align-items:flex-start}.case-col1{flex:1 0 0;max-width:850px;gap:var(--spacing-12)}.case-col2{flex:1 0 0;max-width:850px;padding:var(--spacing-12);gap:var(--spacing-12)}.case-feedback{padding:var(--spacing-39);align-items:center}.case-related{flex-direction:row;gap:var(--spacing-18);align-items:flex-start}.case-related__intro{flex:1 0 0;max-width:850px;align-items:flex-start}.case-related__intro>.button{width:auto;align-self:flex-start}.case-related__cards{display:contents}.case-related__cards .card{flex:1 0 0}}