.origen-toggle{cursor:pointer;color:var(--gris);align-items:center;gap:8px;display:inline-flex}.origen-toggle input{accent-color:var(--lima)}.vit{border-bottom:1px solid var(--linea)}.vit-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(28px,4vw,56px) clamp(16px,3.5vw,48px) 24px;display:flex}.vit-head .titulo{font-size:clamp(40px,5.6vw,92px)}.filtros{flex-wrap:wrap;gap:6px;display:flex}.lienzo{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:clamp(560px,80vh,860px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 70px calc(100% - 70px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 70px calc(100% - 70px),#0000 100%)}.lienzo.arrastra{cursor:grabbing}.lienzo:focus-visible{box-shadow:inset 0 0 0 2px var(--lima)}.plano{will-change:transform;transform-origin:50%;position:absolute;inset:0}.col{will-change:transform;position:absolute;top:0;left:0}.tile{background:var(--tinta-3);outline-offset:0;outline:1px solid #0000;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,outline-color .25s;position:absolute;left:0;overflow:hidden}.tile img,.tile video,.tile canvas{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tile:after{content:"";pointer-events:none;opacity:.85;background:linear-gradient(#0000 58%,#000000b8);transition:opacity .3s;position:absolute;inset:0}.tile .rot{z-index:2;pointer-events:none;transition:transform .3s;position:absolute;bottom:11px;left:12px;right:12px;transform:translateY(4px)}.tile .rot b{font-family:var(--f-display);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.1;display:block}.tile .rot span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lima);font-size:10px}.tile .badge{z-index:2;pointer-events:none;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--lima);color:var(--tinta);padding:4px 6px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.tile .org{z-index:2;pointer-events:none;font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--linea);background:#0b0b0bcc;padding:3px 6px;font-size:9px;display:none;position:absolute;top:10px;right:10px}.tile .org[data-o=Pieza\ real]{color:var(--lima);border-color:#b9e64d80}.tile .org[data-o=Concepto\ IA]{color:#ff9ac4}.tile .org[data-o=Render]{color:#9cc3ff}body.ver-origen .tile .org{display:block}.tile:hover{outline-color:var(--lima);z-index:3;transform:scale(1.025)}.tile:hover .rot{transform:none}.tile.fuera{opacity:.12;filter:grayscale()}.tile.marca{background:var(--lima);color:var(--tinta);flex-direction:column;justify-content:space-between;padding:16px;display:flex}.tile.marca:after{display:none}.tile.marca img{width:70%;height:auto;image-rendering:pixelated;align-self:flex-end;position:static}.tile.marca p{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:.95}.lienzo .hint{z-index:5;pointer-events:none;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lienzo .hint span{background:var(--hueso);color:var(--tinta);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;padding:12px 16px;font-size:11px;font-weight:700;display:inline-flex}.lienzo .hint span:before{content:"✥";font-size:14px}.caja{z-index:100;place-items:center;display:grid;position:fixed;inset:0}.caja[hidden]{display:none}.caja-fondo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050505db;animation:.25s aparece;position:absolute;inset:0}.caja-panel{background:var(--tinta-2);border:1px solid var(--linea);grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);width:min(1180px,100vw - 32px);height:min(760px,100vh - 48px);animation:.35s cubic-bezier(.2,.8,.2,1) sube;display:grid;position:relative}.caja-media{touch-action:none;background:#000;position:relative;overflow:hidden}.caja-media img,.caja-media video{object-fit:contain;width:100%;height:100%;display:block}.caja-media canvas{cursor:ew-resize;width:100%;height:100%;display:block}.caja-info{border-left:1px solid var(--linea);flex-direction:column;gap:14px;padding:28px;display:flex}.caja-info h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1}.caja-origen{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:0;font-size:11px}.caja-ayuda{color:#fafafab3;margin:0;font-size:14px}.caja-nav{gap:6px;margin-top:auto;display:flex}.giro-ui{border:1px solid var(--linea);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:#0b0b0bcc;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.giro-ui .anillo{background:#fafafa1f;width:120px;height:4px;position:relative}.giro-ui .anillo i{background:var(--lima);width:10px;height:10px;position:absolute;top:-3px;transform:translate(-50%)}.carga{font-family:var(--f-mono);color:var(--lima);letter-spacing:.14em;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}@keyframes aparece{0%{opacity:0}}@keyframes sube{0%{opacity:0;transform:translateY(24px)scale(.98)}}@media (max-width:760px){.caja-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:calc(100vh - 32px)}.caja-info{border-left:0;border-top:1px solid var(--linea);padding:18px}.lienzo{height:76vh}.tile .rot b{font-size:13px}}.embed .vit{border-bottom:0;flex-direction:column;height:100vh;display:flex}.embed .lienzo{flex:1;height:auto;min-height:0}.embed .caja-origen{display:none}.embed .vit-head{padding-top:var(--top-web)}
