.trabajos{--ease:cubic-bezier(.22, 1, .36, 1);--gutter:40px;color:var(--texto);-webkit-font-smoothing:antialiased;font-family:Satoshi,system-ui,-apple-system,sans-serif;position:relative}#trabajos-fondo{z-index:0;pointer-events:none;position:fixed;inset:0}#trabajos-fondo canvas{width:100%;height:100%;display:block}.trabajos-cabecera,.trabajos-main,.trabajos-cierre{z-index:1;position:relative}.trabajos-cabecera{padding-top:max(20px, env(safe-area-inset-top));justify-content:center;display:flex}.trabajos-logo{height:28px;display:block}.trabajos-logo svg{width:auto;height:100%;display:block}.trabajos-main{max-width:1200px;padding:0 var(--gutter);margin:0 auto}.trabajos-encabezado{text-align:center;justify-items:center;gap:18px;padding:clamp(96px,16vh,180px) 0 clamp(96px,14vh,160px);display:grid}.trabajos-titulo{letter-spacing:-.035em;max-width:11em;margin:0;font-size:clamp(42px,11.5vw,104px);font-weight:700;line-height:1.02}.trabajos-subtitulo{letter-spacing:-.02em;max-width:17em;margin:0;font-size:clamp(22px,6vw,40px);font-weight:500;line-height:1.16}.trabajo{grid-template-columns:58fr 42fr;grid-template-areas:"imagenes texto";align-items:center;column-gap:72px;display:grid}.trabajo+.trabajo{margin-top:160px}.trabajo-inverso{grid-template-columns:42fr 58fr;grid-template-areas:"texto imagenes"}.trabajo-imagenes{grid-area:imagenes;min-width:0;position:relative}.trabajo-texto{grid-area:texto;min-width:0}.trabajo-texto h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.05}.trabajo-frase{letter-spacing:-.015em;margin:0 0 20px;font-size:clamp(20px,2.4vw,28px);font-weight:500;line-height:1.2}.trabajo-frase em{color:var(--acento);font-style:normal;font-weight:700}.trabajo-linea{opacity:.72;margin:0;font-size:16px;font-weight:500;line-height:24px}.trabajo-linea+.trabajo-linea{margin-top:8px}.etiquetas{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.etiquetas li{border:1px solid color-mix(in srgb, var(--texto) 18%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px}.pieza picture,.pieza img{width:100%;height:auto;display:block}.marco-navegador img{aspect-ratio:16/10}.marco-telefono img{aspect-ratio:1/2}.marco-navegador{border:1px solid color-mix(in srgb, var(--texto) 14%, transparent);background:var(--fondo);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -24px #000000b3}.marco-barra{border-bottom:1px solid color-mix(in srgb, var(--texto) 8%, transparent);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.marco-barra span{background:color-mix(in srgb, var(--texto) 25%, transparent);border-radius:50%;width:8px;height:8px}.marco-telefono{border:6px solid var(--fondo);background:var(--fondo);box-shadow:0 0 0 1px color-mix(in srgb, var(--texto) 18%, transparent), 0 24px 60px -20px #000000bf;border-radius:28px;overflow:hidden}.composicion-telefonos{justify-content:center;align-items:center;display:flex}.composicion-telefonos .marco-telefono{flex:none;width:34%}.composicion-telefonos .marco-telefono:first-child{z-index:2;order:1}.composicion-telefonos .marco-telefono:nth-child(2){z-index:1;order:0;margin-right:-4%;rotate:-6deg;scale:.92}.composicion-telefonos .marco-telefono:nth-child(3){z-index:1;order:2;margin-left:-4%;rotate:6deg;scale:.92}.composicion-telefonos[data-telefonos="2"] .marco-telefono:nth-child(2){order:2;margin-left:-6%;margin-right:0;rotate:6deg}.composicion-escritorio{padding-bottom:12%}.composicion-escritorio .marco-telefono{z-index:1;width:30%;position:absolute;bottom:0;right:-8%}.trabajo-inverso .composicion-escritorio .marco-telefono{left:-8%;right:auto}.trabajos-cierre{padding:200px var(--gutter) max(120px, env(safe-area-inset-bottom));text-align:center;justify-items:center;gap:32px;display:grid}.trabajos-cierre .trabajos-boton{background:var(--acento);color:var(--fondo);letter-spacing:0;text-transform:none;white-space:nowrap;opacity:1;visibility:visible;border:0;border-radius:19px;padding:18px 42px;font:600 14px/21px Satoshi,system-ui,sans-serif;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:inline-block;transform:none}.trabajos-cierre .trabajos-boton:hover{background:color-mix(in srgb, var(--acento) 88%, #000)}.trabajos-cierre .trabajos-boton:focus-visible,.trabajos-logo:focus-visible{outline:2px solid var(--texto);outline-offset:4px}@media (prefers-reduced-motion:no-preference){html.js [data-aparece] .pieza,html.js [data-aparece] .trabajo-texto{transition:opacity .7s var(--ease) var(--delay), transform .7s var(--ease) var(--delay)}html.js [data-aparece] .pieza{--delay:calc(var(--n,0) * 80ms)}html.js [data-aparece] .trabajo-texto{--delay:.12s}html.js [data-aparece]:not(.on) .pieza{opacity:0;transform:translateY(40px)scale(.97)}html.js [data-aparece]:not(.on) .trabajo-texto{opacity:0;transform:translateY(40px)}}@media (max-width:767px){.trabajos{--gutter:16px}.trabajos-logo{height:23px}.trabajos-encabezado{padding:96px 0}.trabajo,.trabajo-inverso{grid-template-columns:100%;grid-template-areas:"imagenes""texto";row-gap:40px}.trabajo+.trabajo{margin-top:96px}.composicion-telefonos{grid-template-columns:100%;justify-items:center;display:grid}.composicion-telefonos .marco-telefono{grid-area:1/1;width:60%}.composicion-telefonos .marco-telefono:first-child{translate:-11%}.composicion-telefonos .marco-telefono:nth-child(2),.composicion-telefonos[data-telefonos="2"] .marco-telefono:nth-child(2){margin:0;translate:11%;rotate:6deg}.composicion-telefonos .marco-telefono:nth-child(3){display:none}.composicion-escritorio{padding-bottom:22%}.composicion-escritorio .marco-navegador{width:88%}.trabajo-inverso .composicion-escritorio .marco-navegador{margin-left:auto}.composicion-escritorio .marco-barra{height:20px;padding:0 8px}.composicion-escritorio .marco-barra span{width:6px;height:6px}.composicion-escritorio .marco-telefono,.trabajo-inverso .composicion-escritorio .marco-telefono{border-width:4px;border-radius:18px;width:30%;left:auto;right:0}.trabajo-inverso .composicion-escritorio .marco-telefono{left:0;right:auto}.trabajos-cierre{padding-top:140px}}
