/* RODDA: an optional interactive chapter, without changing the gallery geometry. */
.rodda-switch[hidden],.rodda-launch[hidden]{display:none!important}
.rodda-switch{display:flex;align-items:center;gap:6px;margin:0 0 16px;flex-wrap:wrap;font:500 12px/1.3 Instrument,sans-serif;color:#f6f2ed}
.rodda-switch button{font:inherit;border:1px solid #dbc5e84d;color:inherit;background:#25172e66;border-radius:24px;padding:10px 16px;min-height:42px;cursor:pointer}
.rodda-switch button[aria-pressed=true]{background:#dcef69;color:#352238;border-color:#dcef69}
.rodda-switch small{margin-left:8px;color:#d6cbea;font-size:10px;letter-spacing:.06em}
#trabajos .rodda-preview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border:0}
#trabajos[data-preview-mode=config] .rodda-preview{display:block}
#trabajos[data-preview-mode=config] .project-reel{visibility:hidden}
#trabajos[data-preview-mode=config] .work-explore{display:none}
.rodda-launch{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 20px;color:#e4d6eb;font:400 12px/1.5 Instrument,sans-serif}
.rodda-launch button,.rodda-case-demo button{border:1px solid #dcef69;background:#dcef69;color:#352238;border-radius:30px;padding:12px 19px;font:600 13px/1.3 Instrument,sans-serif;cursor:pointer;min-height:44px}
.rodda-launch button:hover,.rodda-case-demo button:hover{background:#eff9b2}
.rodda-dialog{box-sizing:border-box;width:min(1500px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #bd9dcc88;border-radius:16px;background:#242c2f;color:#f6f2ed;box-shadow:0 25px 120px #0009;overflow:hidden}
.rodda-dialog[open]{display:flex;flex-direction:column}
.rodda-dialog::backdrop{background:#150e1cdb;backdrop-filter:blur(8px)}
.rodda-dialog .rodda-dialog-bar{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:13px 18px;background:#352238;font:400 12px/1.4 Instrument,sans-serif}
.rodda-dialog-bar strong{font-size:15px}.rodda-dialog-bar a{color:#e0ef90;margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.rodda-dialog-bar button{width:44px;height:44px;flex-shrink:0;font-size:28px;color:#fff;background:transparent;border:1px solid #dbc5e855;border-radius:50%;cursor:pointer}
.rodda-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:#242c2f;display:block}
.rodda-dialog .rodda-load-note{margin:0;padding:7px 18px;background:#352238;color:#dacde0;font:400 11px/1.4 Instrument,sans-serif}
html.rodda-modal-open{overflow:hidden}
.rodda-case-demo{padding:55px 4%;background:radial-gradient(ellipse at 70% 20%,#4a3d50,#261c2c);color:#f6f2ed}
.rodda-case-demo h2{font-size:clamp(38px,5vw,76px);line-height:1;margin:20px 0}
.rodda-case-demo p{max-width:65ch;line-height:1.7;margin-bottom:20px}
.rodda-case-demo img{width:100%;height:auto;border-radius:12px;border:1px solid #dcc8ed55;margin:24px 0}
.rodda-case-demo a{font:600 13px Instrument,sans-serif;text-decoration:underline;margin-left:18px;display:inline-block}
@media(max-width:700px){.rodda-switch{gap:5px;margin-bottom:12px}.rodda-switch small{width:100%;margin:5px 0}.rodda-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.rodda-dialog .rodda-dialog-bar{gap:9px;padding:8px 12px}.rodda-dialog-bar strong{font-size:12px}.rodda-dialog-bar span{display:none}.rodda-dialog-bar a{font-size:10px}.rodda-launch{align-items:flex-start}.rodda-launch span{max-width:28ch}.rodda-case-demo{padding:40px 6%}.rodda-case-demo a{margin:18px 0 0;display:block}}

#trabajos .rodda-switch button[aria-pressed=true],#trabajos .rodda-launch button{color:#352238;font-size:12px}