/* Composición comercial aprobada. Clases wk-* y estilos limitados a #servicios. */

.wk-work{font-family: "League Spartan", Arial, sans-serif; color: rgb(40, 16, 14); background: rgb(255, 244, 229); --cream: #fff4e5; --burgundy: #28100e; --pink: #fdbdc8; --orange: #fd671c; --yellow: #edeb59;}
.wk-work *{box-sizing: border-box;}
.wk-work body,.wk-work .wk-work-title,.wk-work h2,.wk-work h3,.wk-work p{margin: 0px;}
.wk-work button,.wk-work a{-webkit-tap-highlight-color: transparent;}
.wk-work a{color: inherit; text-decoration: none;}
.wk-work button{font: inherit; cursor: pointer;}
.wk-work img{display: block; max-width: 100%; height: auto;}
.wk-work [hidden]{display: none !important;}
.wk-work button,.wk-work a{touch-action: manipulation;}
.wk-work :focus-visible{outline: currentcolor solid 3px; outline-offset: 5px;}
.wk-work .wk-sr-only{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%);}
.wk-work .wk-skip{position: absolute; z-index: 10; top: 6px; left: 6px; padding: 16px; background: var(--yellow); transform: translateY(-150%);}
.wk-work .wk-skip:focus{transform: none;}
.wk-work .wk-demo-nav{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 5%; border-bottom: 1px solid rgba(40, 16, 14, 0.133); background: var(--cream);}
.wk-work .wk-brand{font-size: 26px; font-weight: 850; letter-spacing: -0.06em; display: flex; align-items: center; min-height: 44px;}
.wk-work .wk-brand span{color: var(--orange);}
.wk-work .wk-demo-label{font-size: 10px; letter-spacing: 0.14em;}
.wk-work .wk-back{font-size: 13px; display: flex; align-items: center; min-height: 44px;}
.wk-work .wk-opening{padding: 74px 7% 0px; background: radial-gradient(at 87% 31%, rgba(253, 189, 200, 0.22), transparent 45%) 0% 0% / auto, url("assets/graficos/papel-crema.svg") 0% 0% / 640px auto repeat;}
.wk-work .wk-section-line{display: flex; justify-content: space-between; gap: 24px; font-size: 11px; letter-spacing: 0.12em; font-weight: 650;}
.wk-work .wk-section-line span{font-size: 9px; opacity: 0.6;}
.wk-work .wk-work-title{font-size: clamp(72px, 9.7vw, 156px); font-weight: 650; letter-spacing: -0.065em; line-height: 0.86; margin: 65px 0px 38px; position: relative; max-width: 1000px;}
.wk-work .wk-work-title em{font-style: normal; color: var(--orange); font-weight: 750;}
.wk-work .wk-work-title img{position: absolute; width: clamp(60px, 8vw, 110px); right: 0px; top: 23%; transform: rotate(14deg);}
.wk-work .wk-intro-bottom{display: flex; align-items: end; justify-content: space-between; gap: 35px;}
.wk-work .wk-intro-bottom > p{font-size: 19px; line-height: 1.3; max-width: 38ch; letter-spacing: -0.02em;}
.wk-work .wk-explore{display: flex; gap: 30px; align-items: center; font-size: 14px; min-height: 48px; border-bottom: 1px solid rgba(40, 16, 14, 0.333); flex-shrink: 0;}
.wk-work .wk-explore span{font-size: 24px;}
.wk-work .wk-identity-strip{margin-top: 65px; padding: 35px 0px 50px; border-top: 1px solid rgba(40, 16, 14, 0.2); display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 30px;}
.wk-work .wk-identity-strip > div + div{border-left: 1px solid rgba(40, 16, 14, 0.133); padding-left: 26px;}
.wk-work .wk-identity-strip strong{font-size: 82px; font-weight: 750; letter-spacing: -0.075em; line-height: 1; display: flex; align-items: baseline; gap: 12px;}
.wk-work .wk-identity-strip strong span{font-size: 25px; letter-spacing: -0.04em; font-weight: 450;}
.wk-work .wk-identity-strip p{font-size: 14px; line-height: 1.25; margin-top: 12px; opacity: 0.75;}
.wk-work .wk-strip-number{font-size: 11px; color: rgb(154, 62, 41);}
.wk-work .wk-identity-strip h3{font-size: 26px; font-weight: 550; letter-spacing: -0.045em; margin-top: 20px;}
.wk-work .wk-collaborations{padding: 140px 7% 80px; background: radial-gradient(at 88% 26%, rgba(253, 189, 200, 0.17), transparent 48%), linear-gradient(rgb(255, 244, 229) 0px, rgb(194, 146, 131) 90px, rgb(107, 55, 50) 175px, rgb(40, 16, 14) 285px); color: var(--cream); scroll-margin-top: 20px;}
.wk-work .wk-chapter{padding-top: 75px; margin-bottom: 40px;}
.wk-work .wk-chapter > p,.wk-work .wk-kicker{font-size: 10px; letter-spacing: 0.15em; font-weight: 650;}
.wk-work .wk-chapter h2{font-size: clamp(38px, 4.8vw, 70px); line-height: 0.98; letter-spacing: -0.05em; font-weight: 500; margin-top: 20px;}
.wk-work .wk-chapter h2 span{color: var(--pink);}
.wk-work .wk-studio-tabs{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
.wk-work .wk-studio-tabs button{background: rgba(255, 244, 229, 0.035); color: var(--cream); border: 1px solid rgba(255, 244, 229, 0.2); border-radius: 100px; min-height: 48px; display: flex; align-items: center; gap: 20px; padding: 14px 20px; font-size: 14px; transition: background-color 0.2s, color 0.2s;}
.wk-work .wk-studio-tabs button[aria-selected="true"]{background: var(--cream); color: var(--burgundy); border-color: var(--cream);}
.wk-work .wk-studio-tabs button:focus-visible{outline-color: var(--yellow);}
.wk-work .wk-studio-stage{position: relative;}
.wk-work .wk-studio-panel{border-radius: 28px; border: 1px solid rgba(255, 244, 229, 0.23); padding: 34px 38px; overflow: hidden; position: relative; isolation: isolate; min-height: 570px; margin-top: 18px;}
.wk-work .wk-studio-panel:first-child{margin-top: 0px;}
.wk-work .wk-campaign-panel{background: radial-gradient(at 100% 40%, rgba(169, 68, 50, 0.333), transparent 63%), linear-gradient(135deg, rgba(255, 244, 229, 0.04), rgba(255, 244, 229, 0.01));}
.wk-work .wk-panel-head{display: flex; gap: 20px; align-items: center; justify-content: space-between;}
.wk-work .wk-panel-head > p{font-size: 10px; letter-spacing: 0.14em;}
.wk-work .wk-glass{border: 1px solid rgba(255, 244, 229, 0.3); background: linear-gradient(135deg, rgba(255, 244, 229, 0.1), rgba(255, 244, 229, 0.02)); box-shadow: rgba(255, 244, 229, 0.17) 0px 1px 0px inset, rgba(0, 0, 0, 0.067) 0px 8px 30px; backdrop-filter: blur(14px);}
.wk-work .wk-small-tag{font-size: 11px; line-height: 1.2; padding: 10px 14px; border-radius: 100px;}
.wk-work .wk-campaign-layout{display: grid; grid-template-columns: 1.25fr 1fr; gap: 25px; margin-top: 40px;}
.wk-work .wk-studio-panel h3{font-size: clamp(43px, 5.2vw, 78px); line-height: 0.93; font-weight: 550; letter-spacing: -0.055em;}
.wk-work .wk-studio-panel h3 em{font-style: normal; color: var(--pink);}
.wk-work .wk-panel-copy{font-size: 18px; line-height: 1.32; max-width: 37ch; color: rgba(255, 244, 229, 0.79); margin-top: 26px;}
.wk-work .wk-campaign-art{position: relative; min-height: 300px; align-self: center;}
.wk-work .wk-art-orbit{position: absolute; width: 285px; height: 285px; top: 4px; left: 50%; transform: translateX(-50%) rotate(-25deg); border: 1px solid rgba(253, 189, 200, 0.36); border-radius: 50%;}
.wk-work .wk-art-orbit::after{content: ""; position: absolute; inset: 35px -28px; border: 1px solid rgba(253, 189, 200, 0.2); border-radius: 50%;}
.wk-work .wk-art-sun{position: absolute; top: 45px; left: 50%; width: 170px; transform: translateX(-50%) rotate(12deg); opacity: 0.9;}
.wk-work .wk-art-word{position: absolute; padding: 17px 20px; border-radius: 15px; font-size: 16px; letter-spacing: -0.025em; background-color: rgba(75, 40, 39, 0.79);}
.wk-work .wk-art-word-one{left: 0px; top: 10px; transform: rotate(-5deg);}
.wk-work .wk-art-word-two{right: 0px; top: 125px; transform: rotate(4deg);}
.wk-work .wk-art-word-three{left: 7%; bottom: 0px; transform: rotate(-3deg);}
.wk-work .wk-campaign-details{display: flex; justify-content: space-between; align-items: center; gap: 35px; border-top: 1px solid rgba(255, 244, 229, 0.17); margin-top: 35px; padding-top: 25px;}
.wk-work .wk-campaign-details > p{font-size: 14px; line-height: 1.35; max-width: 43ch; color: rgba(255, 244, 229, 0.69);}
.wk-work .wk-durations{flex-shrink: 0; text-align: right;}
.wk-work .wk-durations strong{font-size: 42px; line-height: 1; font-weight: 500; letter-spacing: -0.06em;}
.wk-work .wk-durations i{font-style: normal; color: rgba(255, 244, 229, 0.31); font-weight: 300;}
.wk-work .wk-durations span{display: block; font-size: 9px; letter-spacing: 0.13em; margin-top: 8px;}
.wk-work .wk-actions-panel{background: rgb(253, 189, 200); color: var(--burgundy);}
.wk-work .wk-actions-panel h3 em{color: rgb(155, 57, 36);}
.wk-work .wk-actions-panel .wk-small-tag,.wk-work .wk-purpose-panel .wk-small-tag{border-color: rgba(40, 16, 14, 0.2); background: rgba(255, 244, 229, 0.15); box-shadow: rgba(255, 255, 255, 0.533) 0px 1px inset;}
.wk-work .wk-actions-layout{display: grid; grid-template-columns: 1.1fr 1fr; gap: 45px; margin-top: 55px;}
.wk-work .wk-action-list{list-style: none; padding: 0px; margin: 0px;}
.wk-work .wk-action-list li{display: flex; gap: 18px; padding: 19px 0px; border-top: 1px solid rgba(40, 16, 14, 0.2); font-size: 20px; line-height: 1.15; letter-spacing: -0.025em;}
.wk-work .wk-action-list li span{font-size: 10px; padding-top: 4px; opacity: 0.6;}
.wk-work .wk-panel-footnote{margin-top: 50px; font-size: 15px; line-height: 1.3; max-width: 45ch;}
.wk-work .wk-purpose-panel{background-color:#fff4e5;background-image:url('assets/graficos/papel-crema.svg');background-repeat:repeat;background-size:640px auto;color:#28100e;}
.wk-work .wk-purpose-panel h3{position: relative; z-index: 1; margin-top: 60px; font-size: clamp(43px, 5vw, 72px);}
.wk-work .wk-purpose-panel h3 em{color: rgb(165, 68, 48);}
.wk-work .wk-purpose-panel .wk-panel-copy{color: rgba(40, 16, 14, 0.79); position: relative; max-width: 41ch;}
.wk-work .wk-purpose-heart{position: absolute; width: 210px; right: 45px; bottom: 50px; transform: rotate(12deg); opacity: 0.2; z-index: -1;}
.wk-work .wk-purpose-note{margin-top: 35px; padding-left: 17px; border-left: 2px solid rgb(253, 103, 28); font-size: 14px; line-height: 1.35; max-width: 43ch;}
.wk-work .wk-purpose-note strong{font-weight: 600;}
.wk-work .wk-purpose-note p{margin-top: 5px; opacity: 0.7;}
.wk-work .wk-invitation{padding: 180px 7% 75px; text-align: center; background: linear-gradient(rgb(40, 16, 14) 0px, rgb(163, 107, 93) 78px, rgb(229, 181, 161) 145px, rgb(255, 244, 229) 230px); position: relative;}
.wk-work .wk-invitation > img{width: 50px; margin: 75px auto 28px;}
.wk-work .wk-invitation h2{font-size: clamp(68px, 8.5vw, 126px); line-height: 0.87; letter-spacing: -0.065em; font-weight: 550; margin: 25px 0px;}
.wk-work .wk-invitation h2 em{font-style: normal; color: rgb(195, 75, 25);}
.wk-work .wk-invitation > p:not(.wk-kicker){font-size: 18px; line-height: 1.35;}
.wk-work .wk-contact-button{display: inline-flex; align-items: center; gap: 28px; justify-content: space-between; min-height: 60px; border-radius: 100px; margin-top: 28px; padding: 9px 9px 9px 25px; background: var(--burgundy); color: var(--cream); font-size: 16px;}
.wk-work .wk-contact-button > span[aria-hidden]{display: grid; place-items: center; border-radius: 50%; width: 42px; height: 42px; background: var(--yellow); color: var(--burgundy); font-size: 25px;}
.wk-work .wk-email{display: table; margin: 12px auto 0px; min-height: 44px; align-content: center; font-size: 13px; text-decoration: underline; text-underline-offset: 4px;}
.wk-work footer{display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 5%; background: var(--cream); border-top: 1px solid rgba(40, 16, 14, 0.133); font-size: 10px; letter-spacing: 0.07em;}
.wk-work footer a{display: flex; align-items: center; min-height: 44px;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {.wk-work .wk-glass{background: rgb(87, 54, 50);}
.wk-work .wk-actions-panel .wk-small-tag,.wk-work .wk-purpose-panel .wk-small-tag{background: rgb(255, 244, 229);}}
@media (hover: hover) and (pointer: fine) {.wk-work .wk-studio-tabs button:hover{background: rgba(255, 244, 229, 0.133);}
.wk-work .wk-studio-tabs button[aria-selected="true"]:hover{background: var(--cream);}
.wk-work .wk-contact-button:hover > span[aria-hidden]{background: var(--pink);}
.wk-work a:hover{text-decoration: underline; text-underline-offset: 4px;}}
@media (max-width: 1000px) {.wk-work .wk-work-title img{right: 0px; top: 27%; width: 70px;}
.wk-work .wk-intro-bottom{align-items: start; flex-direction: column; gap: 22px;}
.wk-work .wk-identity-strip{gap: 20px;}
.wk-work .wk-identity-strip > div + div{padding-left: 16px;}
.wk-work .wk-identity-strip h3{font-size: 22px;}
.wk-work .wk-identity-strip p{font-size: 13px;}
.wk-work .wk-studio-panel{padding: 28px;}
.wk-work .wk-campaign-layout{grid-template-columns: 1fr 0.9fr;}
.wk-work .wk-campaign-art{min-height: 260px;}
.wk-work .wk-art-orbit{width: 230px; height: 230px;}
.wk-work .wk-art-sun{width: 135px;}
.wk-work .wk-art-word{font-size: 14px; padding: 13px;}
.wk-work .wk-art-word-two{top: 110px;}
.wk-work .wk-actions-layout{gap: 25px;}
.wk-work .wk-action-list li{font-size: 18px;}}
@media (max-width: 650px) {.wk-work .wk-demo-nav{padding: 13px 6%; gap: 12px;}
.wk-work .wk-demo-label{display: none;}
.wk-work .wk-brand{font-size: 24px;}
.wk-work .wk-back{font-size: 12px;}
.wk-work .wk-opening{padding: 44px 6% 0px;}
.wk-work .wk-section-line{font-size: 9px;}
.wk-work .wk-section-line > span{display: none;}
.wk-work .wk-work-title{font-size: clamp(52px, 12.6vw, 82px); margin: 46px 0px 30px; line-height: 0.9;}
.wk-work .wk-work-title img{width: 42px; right: 2px; top: 28%;}
.wk-work .wk-intro-bottom > p{font-size: 17px; max-width: 32ch;}
.wk-work .wk-explore{font-size: 13px; gap: 22px;}
.wk-work .wk-identity-strip{grid-template-columns: 1fr 1fr; gap: 0px; margin-top: 40px; padding: 20px 0px;}
.wk-work .wk-identity-strip > div{padding: 22px 12px 25px 0px;}
.wk-work .wk-identity-strip > div + div{padding-left: 16px; border-left: 0px;}
.wk-work .wk-identity-strip > div:nth-child(2n){border-left: 1px solid rgba(40, 16, 14, 0.133);}
.wk-work .wk-identity-strip > div:nth-child(n+3){border-top: 1px solid rgba(40, 16, 14, 0.133);}
.wk-work .wk-identity-strip > div:nth-child(3){padding-left: 0px;}
.wk-work .wk-identity-strip strong{font-size: 65px;}
.wk-work .wk-identity-strip h3{margin-top: 15px; font-size: 23px;}
.wk-work .wk-identity-strip p{font-size: 13px; margin-top: 10px;}
.wk-work .wk-collaborations{padding: 100px 6% 45px; background: radial-gradient(at 100% 35%, rgba(253, 189, 200, 0.125), transparent 55%), linear-gradient(rgb(255, 244, 229) 0px, rgb(194, 146, 131) 75px, rgb(107, 55, 50) 135px, rgb(40, 16, 14) 225px);}
.wk-work .wk-chapter{padding-top: 90px; margin-bottom: 28px;}
.wk-work .wk-chapter h2{font-size: 37px;}
.wk-work .wk-chapter > p{font-size: 9px;}
.wk-work .wk-studio-tabs{gap: 7px; flex-direction: column; align-items: stretch; margin-bottom: 15px;}
.wk-work .wk-studio-tabs button{font-size: 14px; justify-content: space-between; padding: 13px 17px; min-height: 48px;}
.wk-work .wk-studio-panel{border-radius: 22px; padding: 23px 20px; min-height: 0px;}
.wk-work .wk-panel-head{align-items: start; flex-direction: column; gap: 12px;}
.wk-work .wk-panel-head > p{font-size: 9px;}
.wk-work .wk-small-tag{font-size: 10px; padding: 8px 11px;}
.wk-work .wk-campaign-layout{display: block; margin-top: 30px;}
.wk-work .wk-studio-panel h3{font-size: clamp(41px, 10.6vw, 65px);}
.wk-work .wk-panel-copy{font-size: 16px; margin-top: 22px; max-width: 32ch;}
.wk-work .wk-campaign-art{width: 100%; max-width: 350px; margin: 25px auto 0px; min-height: 225px;}
.wk-work .wk-art-orbit{width: 200px; height: 200px; top: 5px;}
.wk-work .wk-art-sun{width: 125px; top: 36px;}
.wk-work .wk-art-word{font-size: 13px; padding: 13px 14px;}
.wk-work .wk-art-word-one{left: 0px; top: 5px;}
.wk-work .wk-art-word-two{right: 0px; top: 95px;}
.wk-work .wk-art-word-three{left: 5%; bottom: 0px;}
.wk-work .wk-campaign-details{display: block; margin-top: 25px; padding-top: 20px;}
.wk-work .wk-campaign-details > p{font-size: 13px;}
.wk-work .wk-durations{text-align: left; margin-top: 22px;}
.wk-work .wk-durations strong{font-size: 40px;}
.wk-work .wk-durations span{font-size: 9px;}
.wk-work .wk-actions-layout{display: block; margin-top: 30px;}
.wk-work .wk-action-list{margin-top: 28px;}
.wk-work .wk-action-list li{font-size: 18px; padding: 17px 0px;}
.wk-work .wk-panel-footnote{margin-top: 25px; font-size: 14px;}
.wk-work .wk-purpose-panel h3{margin-top: 30px; font-size: 43px;}
.wk-work .wk-purpose-heart{width: 145px; right: 10px; bottom: 20px; opacity: 0.13;}
.wk-work .wk-purpose-note{font-size: 13px; margin-top: 26px;}
.wk-work .wk-invitation{padding: 145px 6% 50px; background: linear-gradient(rgb(40, 16, 14) 0px, rgb(163, 107, 93) 65px, rgb(229, 181, 161) 125px, rgb(255, 244, 229) 210px);}
.wk-work .wk-invitation > img{margin-top: 60px; width: 43px;}
.wk-work .wk-invitation h2{font-size: clamp(62px, 16vw, 90px);}
.wk-work .wk-invitation > p:not(.wk-kicker){font-size: 16px;}
.wk-work .wk-contact-button{font-size: 14px; gap: 12px; padding-left: 19px; max-width: 100%; min-height: 58px;}
.wk-work .wk-contact-button > span[aria-hidden]{width: 36px; height: 36px; flex-shrink: 0; font-size: 22px;}
.wk-work footer{font-size: 8px; gap: 16px; padding-inline: 6%;}
.wk-work footer > span{max-width: 25ch;}}
@media (prefers-reduced-motion: reduce) {.wk-work *,.wk-work ::before,.wk-work ::after{scroll-behavior: auto !important; transition: none !important;}}

.wk-work{padding:0;margin:0;color:#28100e;font-family:"League Spartan",Arial,sans-serif;overflow:clip;scroll-margin-top:0}
.wk-work[data-work-ready] .wk-studio-panel{margin-top:0}
.wk-work .wk-studio-tabs button{transition:box-shadow 180ms ease}
#servicios + #destacados{background:linear-gradient(180deg,#fff4e5,#fff9f2 140px)}