.opportunities{--op-color:#c9dcb3;--op-deep:#253e2b;background:#1c2521;overflow:hidden}.op-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:8%;margin-top:65px;align-items:start}.op-kicker{font-size:10px;letter-spacing:.13em;line-height:1.7;color:#bdcbbf;display:block}.op-intro h2{font-size:clamp(48px,5.5vw,85px);font-weight:400;line-height:1.02;letter-spacing:-.06em;margin:28px 0}.op-intro h2 em{font-family:Georgia,serif;color:#c9dcb3;font-weight:400}.op-intro>p{font-size:15px;line-height:1.75;max-width:390px;color:#b8c6bb;margin-bottom:35px}.op-choices{display:grid;gap:0;border-top:1px solid #b4c7ac38}.op-choices button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:transparent;color:#edf0e6;border-bottom:1px solid #b4c7ac38;padding:22px 17px 22px 3px;transition:background .25s,padding .25s,color .25s}.op-choice-index{font-size:10px;color:#9cab9d;align-self:flex-start;padding-top:5px}.op-choices button>span:nth-child(2){flex:1}.op-choices strong{font-size:17px;line-height:1.35;font-weight:400;display:block}.op-choices small{display:block;font-size:11px;line-height:1.5;color:#9cab9d;margin-top:6px}.op-choices .icon{width:20px;height:20px;transition:transform .3s}.op-choices button[aria-pressed=true]{background:#cadbb3;color:#213529;padding-left:16px}.op-choices button[aria-pressed=true] small,.op-choices button[aria-pressed=true] .op-choice-index{color:#45583f}.op-choices button[aria-pressed=true] .icon{transform:rotate(45deg)}.op-choices button:hover:not([aria-pressed=true]){background:#ffffff08;padding-left:12px}.op-result{border:1px solid #a9bb9f40;border-radius:15px;overflow:hidden;box-shadow:0 20px 55px #0002;min-width:0}.op-result[data-need=clientes]{--op-color:#efc894;--op-deep:#573c27}.op-result[data-need=digital]{--op-color:#b7d9d8;--op-deep:#214949}.op-result[data-need=nuevo]{--op-color:#cfc1e4;--op-deep:#463459}.op-visual{position:relative;height:370px;background:var(--op-color);color:var(--op-deep);padding:25px;isolation:isolate;overflow:hidden;transition:background .5s,color .5s}.op-visual-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;position:relative;z-index:2}.op-orbit{position:absolute;width:78%;height:100%;top:-30px;right:-22%;opacity:.55;pointer-events:none;transform:rotate(var(--op-angle,-14deg));transition:transform .8s}.op-orbit svg{width:100%;height:100%;overflow:visible}.op-orbit path{stroke:currentColor;stroke-width:.8;transition:d .8s;opacity:.6}.op-visual-word{font-size:clamp(42px,4.7vw,70px);font-family:Georgia,serif;font-style:italic;letter-spacing:-.055em;position:absolute;top:73px;left:25px;z-index:1}.op-example{position:absolute;left:25px;right:25px;bottom:25px;display:grid;grid-template-columns:42% 1fr 20px;gap:18px;align-items:center;min-height:160px;background:#f7f5eced;color:#26352b;border:1px solid #fff9;padding:12px 16px 12px 12px;box-shadow:0 14px 35px #17231425;border-radius:9px;transform:rotate(-2deg);transition:transform .4s,box-shadow .4s}.op-example:hover,.op-example:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:0 20px 35px #17231435}.op-example img{width:100%;height:140px;object-fit:cover;border-radius:4px;background:#e6eadd}.op-example>span{min-width:0}.op-example small{font-size:7px;letter-spacing:.1em;line-height:1.6;display:block}.op-example strong{display:block;font-size:23px;letter-spacing:-.035em;font-weight:400;line-height:1.1;margin:15px 0}.op-example>span>span{display:block;font-size:10px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.op-example>.icon{width:20px;height:20px}.op-result[data-need=clientes] .op-example img{object-fit:contain}.op-result-copy{padding:30px;background:#17211b}.op-result-copy .op-kicker{font-size:9px;color:var(--op-color)}.op-result-copy h3{font-size:33px;line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:17px 0}.op-result-copy p{font-size:14px;line-height:1.75;color:#b8c7bc;margin:0}.op-result-copy ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.op-result-copy li{font-size:10px;line-height:1.5;border:1px solid #bccbae38;border-radius:20px;padding:8px 10px;color:#cad7c9}.op-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:5px 0 22px}.op-links a{font-size:11px;line-height:1.6;display:flex;align-items:center;gap:10px;border-bottom:1px solid #a5b49d55;padding-bottom:5px}.op-links .icon{width:14px;height:14px}.op-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 20px;background:var(--op-color);color:var(--op-deep);border-radius:6px;font-size:13px;transition:background .4s}.op-contact:hover{filter:brightness(1.08)}.op-contact .icon{width:20px;height:20px}.op-form-note{font-size:9px;color:#8fa392;display:block;line-height:1.7;margin-top:12px}.op-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;border-top:1px solid #b4c7ac30;padding-top:25px}.op-footer>span{font-size:9px;letter-spacing:.12em;color:#91a695}.op-footer button{display:flex;gap:18px;align-items:center;background:none;color:#c9dcb3;font-size:12px;line-height:1.5;text-align:left}.op-footer .icon{width:20px;height:20px}.op-changing .op-example{animation:op-arrive .5s ease both}@keyframes op-arrive{from{opacity:.1;transform:translateY(18px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@media(min-width:1100px){.op-intro{position:sticky;top:45px}}
@media(max-width:1000px){.op-layout{gap:5%}.op-choices strong{font-size:15px}.op-visual{padding:20px;height:340px}.op-example{left:17px;right:17px;bottom:22px;gap:12px;grid-template-columns:38% 1fr 15px}.op-example strong{font-size:20px}.op-example img{height:125px}.op-result-copy{padding:25px}.op-visual-word{font-size:51px;left:20px}.op-visual-top{font-size:7px}}
@media(max-width:720px){.op-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.op-intro h2{font-size:clamp(48px,11vw,68px)}.op-intro h2 br:nth-child(2){display:none}.op-intro>p{max-width:none;font-size:14px;margin-bottom:25px}.op-choices{grid-template-columns:1fr 1fr;border:0;gap:8px}.op-choices button{border:1px solid #b4c7ac38;border-radius:7px;padding:15px 12px;align-items:flex-start;gap:8px;min-height:108px}.op-choice-index{font-size:8px}.op-choices strong{font-size:14px}.op-choices small{font-size:10px}.op-choices button>.icon{display:none}.op-choices button[aria-pressed=true]{padding:15px 12px}.op-choices button:hover:not([aria-pressed=true]){padding-left:12px}.op-visual{height:340px}.op-visual-word{font-size:57px}.op-example{grid-template-columns:42% 1fr 18px;gap:12px}.op-example strong{font-size:23px}.op-example small{font-size:7px}.op-result-copy h3{font-size:31px}.op-footer{align-items:flex-start;flex-direction:column;gap:18px}.op-footer button{font-size:12px}.op-result-copy{padding:25px 22px}.op-orbit{right:-18%;width:85%}}
@media(prefers-reduced-motion:reduce){.opportunities *{animation:none!important;transition:none!important}.op-example{transform:none!important}}