#bd-como-trabajamos{--bg:#000;--surface:#0B0B0B;--line:rgba(255,255,255,.09);--text:#fff;--text-2:#C2C2C2;--text-3:#8A8A8A;--dim:#4A4A4A;--silver:#D1D1D1;--red:#FF0801;--ease:cubic-bezier(.22,1,.36,1);--dur:6s;--pad:clamp(16px,4vw,48px)}#bd-como-trabajamos .dos{position:relative;isolation:isolate;background:var(--bg);overflow:hidden}#bd-como-trabajamos .fondo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}#bd-como-trabajamos .fondo .luces{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(34% 36% at 18% 44%,rgba(255,8,1,.1),transparent 72%),radial-gradient(32% 34% at 84% 60%,rgba(255,8,1,.07),transparent 72%),radial-gradient(26% 30% at 50% 50%,rgba(209,209,209,.035),transparent 72%)}#bd-como-trabajamos .fondo .carbono{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.42;background:linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px,linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0,linear-gradient(27deg,#222 5px,transparent 5px) 0 10px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424);background-color:#131313;background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse 58% 46% at 50% 50%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 55%,transparent 100%);mask-image:radial-gradient(ellipse 58% 46% at 50% 50%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 55%,transparent 100%)}#bd-como-trabajamos .fondo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#bd-como-trabajamos .wrap{--foto:clamp(160px,15vw,220px);--g:clamp(20px,2.2vw,32px);max-width:1320px;min-height:100svh;margin:0 auto;padding:clamp(56px,9vh,96px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);grid-template-areas:"t1 d t2" "b1 d b2" "f1 d f2";column-gap:clamp(32px,4.4vw,72px);row-gap:clamp(22px,4vh,40px);align-content:center}#bd-como-trabajamos .divisor{grid-area:d;position:relative;width:1px}#bd-como-trabajamos .divisor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.13) 14%,rgba(255,255,255,.13) 86%,transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .1s}#bd-como-trabajamos .in .divisor:before{transform:none}#bd-como-trabajamos .divisor i{position:absolute;top:0;right:-1px;bottom:0;left:-1px;opacity:0;background:linear-gradient(180deg,transparent,rgba(255,40,30,.95) 50%,transparent) no-repeat 0 -140px/100% 140px;filter:drop-shadow(0 0 6px rgba(255,8,1,.8))}#bd-como-trabajamos .in .divisor i{animation:bd-como-trabajamos-recorre 8s var(--ease) 1.6s infinite}@keyframes bd-como-trabajamos-recorre{0%{opacity:0;background-position:0 -140px}6%{opacity:1}34%{opacity:1}40%{opacity:0;background-position:0 calc(100% + 140px)}to{opacity:0;background-position:0 calc(100% + 140px)}}#bd-como-trabajamos .t1{grid-area:t1}#bd-como-trabajamos .t2{grid-area:t2}#bd-como-trabajamos h2{font-size:clamp(28px,2.9vw,42px);line-height:1.08;letter-spacing:-.03em}#bd-como-trabajamos h2 .ligero{font-weight:300;color:var(--text-2)}#bd-como-trabajamos h2 .fuerte{font-weight:600}#bd-como-trabajamos .b1{grid-area:b1;display:grid;grid-template-columns:minmax(0,1fr) var(--foto);gap:var(--g)}#bd-como-trabajamos .b2{grid-area:b2;display:grid;grid-template-columns:var(--foto) minmax(0,1fr);gap:var(--g)}#bd-como-trabajamos .foto{position:relative;overflow:hidden;border-radius:3px;background:var(--surface);min-height:300px;clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--ease) var(--d,.5s)}#bd-como-trabajamos .in .foto{clip-path:inset(0 0 0 0)}#bd-como-trabajamos .capa{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.14);transition:transform 2s var(--ease) var(--d,.5s)}#bd-como-trabajamos .in .capa{transform:none}#bd-como-trabajamos .foto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#bd-como-trabajamos .foto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #d1d1d11a;border-radius:inherit}#bd-como-trabajamos .visor img{opacity:0;filter:blur(12px);transform:scale(1.04);transition:opacity .9s ease,filter .9s ease}#bd-como-trabajamos .visor img.on{opacity:1;filter:none;animation:bd-como-trabajamos-acercar var(--dur) linear forwards}#bd-como-trabajamos .paused .visor img.on{animation-play-state:paused}@keyframes bd-como-trabajamos-acercar{0%{transform:scale(1)}to{transform:scale(1.07)}}#bd-como-trabajamos .retrato img{object-position:62% 38%;transition:transform 1.8s var(--ease)}@media(hover:hover){#bd-como-trabajamos .retrato:hover img{transform:scale(1.04)}}#bd-como-trabajamos .retrato:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 24%,transparent 46%)}#bd-como-trabajamos .firma{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(12px,1.4vw,18px)}#bd-como-trabajamos .firma b{display:block;font-size:13px;font-weight:500;letter-spacing:-.005em}#bd-como-trabajamos .firma span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:var(--text-2);text-wrap:balance}#bd-como-trabajamos .pasos{list-style:none;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(12px,2vh,20px)}#bd-como-trabajamos .paso{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);width:100%;padding:2px 0 2px 22px;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#bd-como-trabajamos .paso:focus-visible{outline:2px solid var(--silver);outline-offset:4px;border-radius:2px}#bd-como-trabajamos .riel{position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#ffffff1f}#bd-como-trabajamos .riel i{position:absolute;top:0;right:-.5px;bottom:0;left:-.5px;background:var(--red);box-shadow:0 0 8px #ff0801bf,0 0 18px #ff08014d;transform:scaleY(0);transform-origin:top}#bd-como-trabajamos .in .paso.on .riel i{animation:bd-como-trabajamos-prog var(--dur) linear forwards}#bd-como-trabajamos .paused .paso.on .riel i{animation-play-state:paused}@keyframes bd-como-trabajamos-prog{to{transform:scaleY(1)}}#bd-como-trabajamos .paso .n{padding-top:.42em;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--dim);font-variant-numeric:tabular-nums;transition:color .5s}#bd-como-trabajamos .paso .pt{font-size:clamp(16px,1.3vw,19px);font-weight:500;letter-spacing:-.012em;line-height:1.3;color:var(--text-3);transition:color .5s}#bd-como-trabajamos .paso .px{grid-column:2;margin-top:6px;font-size:clamp(13px,1vw,14px);line-height:1.55;color:#6a6a6a;text-wrap:pretty;transition:color .5s}@media(hover:hover){#bd-como-trabajamos .paso:hover .pt{color:var(--text-2)}}#bd-como-trabajamos .paso.on .n{color:var(--red)}#bd-como-trabajamos .paso.on .pt{color:var(--text)}#bd-como-trabajamos .paso.on .px{color:var(--text-2)}#bd-como-trabajamos .razones{list-style:none;display:flex;flex-direction:column;justify-content:space-between}#bd-como-trabajamos .razon{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:16px;padding:clamp(14px,2.1vh,20px) 0 clamp(14px,2.1vh,20px);border-top:1px solid var(--line)}#bd-como-trabajamos .razon:first-child{padding-top:clamp(12px,1.8vh,16px)}#bd-como-trabajamos .razon:last-child{padding-bottom:0}#bd-como-trabajamos .razon:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--red);box-shadow:0 0 10px #ff080199;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}@media(hover:hover){#bd-como-trabajamos .razon:hover:before{transform:scaleX(1)}}#bd-como-trabajamos .razon svg{width:22px;height:22px;margin-top:-1px;fill:none;stroke:var(--silver);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}@media(hover:hover){#bd-como-trabajamos .razon:hover svg{stroke:#fff}}#bd-como-trabajamos .razon h3{font-size:clamp(14px,1.1vw,15.5px);font-weight:500;letter-spacing:-.01em;line-height:1.35}#bd-como-trabajamos .razon p{grid-column:2;margin-top:6px;font-size:13px;line-height:1.55;color:var(--text-2);text-wrap:pretty}#bd-como-trabajamos .f1{grid-area:f1;align-self:center;display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.5;color:var(--text-3)}#bd-como-trabajamos .f1 span{text-wrap:balance}#bd-como-trabajamos .f1 svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--text-3);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#bd-como-trabajamos .f2{grid-area:f2;justify-self:end;align-self:center}#bd-como-trabajamos .fantasma{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 22px;border:1px solid rgba(209,209,209,.34);border-radius:3px;color:var(--text);text-decoration:none;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transition:border-color .3s,background .3s,color .3s}@media(hover:hover){#bd-como-trabajamos .fantasma:hover{border-color:#fff;background:#fff;color:#000}}#bd-como-trabajamos .fantasma:focus-visible{outline:2px solid var(--silver);outline-offset:3px}#bd-como-trabajamos .fantasma i{font-style:normal;transition:transform .3s}@media(hover:hover){#bd-como-trabajamos .fantasma:hover i{transform:translate(4px)}}#bd-como-trabajamos .rv{opacity:0;filter:blur(12px);transform:translateY(14px);transition:opacity .9s ease var(--d,0s),filter .9s ease var(--d,0s),transform 1.1s var(--ease) var(--d,0s)}#bd-como-trabajamos .in .rv{opacity:1;filter:none;transform:none}@media(hover:none){#bd-como-trabajamos .razon:hover:before{transform:scaleX(0)}#bd-como-trabajamos .razon:hover svg{stroke:var(--silver)}#bd-como-trabajamos .retrato:hover img{transform:none}#bd-como-trabajamos .paso:hover .pt{color:var(--text-3)}#bd-como-trabajamos .paso.on:hover .pt{color:var(--text)}}@media(max-width:1100px){#bd-como-trabajamos .wrap{--foto:clamp(200px,31vw,300px);min-height:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"t1" "b1" "f1" "d" "t2" "b2" "f2";row-gap:clamp(18px,2vh,24px);padding:clamp(48px,5vh,64px) var(--pad)}#bd-como-trabajamos h2{font-size:clamp(28px,4.4vw,40px)}#bd-como-trabajamos .divisor{width:auto;height:1px;margin:clamp(8px,1.4vh,16px) 0}#bd-como-trabajamos .divisor:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.13) 10%,rgba(255,255,255,.13) 90%,transparent);transform:scaleX(0);transform-origin:left}#bd-como-trabajamos .in .divisor:before{transform:none}#bd-como-trabajamos .divisor i{top:-1px;right:0;bottom:-1px;left:0;background:linear-gradient(90deg,transparent,rgba(255,40,30,.95) 50%,transparent) no-repeat -180px 0/180px 100%}@keyframes bd-como-trabajamos-recorre{0%{opacity:0;background-position:-180px 0}6%{opacity:1}34%{opacity:1}40%{opacity:0;background-position:calc(100% + 180px) 0}to{opacity:0;background-position:calc(100% + 180px) 0}}#bd-como-trabajamos .foto{min-height:300px}#bd-como-trabajamos .paso .pt{font-size:clamp(17px,2.2vw,19px)}#bd-como-trabajamos .paso .px{font-size:14px}#bd-como-trabajamos .razon h3{font-size:15.5px}#bd-como-trabajamos .razon p{font-size:13.5px}#bd-como-trabajamos .f1{font-size:13px}#bd-como-trabajamos .f2{justify-self:start}}@media(max-width:699px){#bd-como-trabajamos .wrap{padding:clamp(52px,8vh,72px) 16px calc(52px + env(safe-area-inset-bottom));row-gap:22px}#bd-como-trabajamos h2{font-size:clamp(28px,8.4vw,34px)}#bd-como-trabajamos .b1,#bd-como-trabajamos .b2{grid-template-columns:minmax(0,1fr);gap:22px}#bd-como-trabajamos .visor{order:-1}#bd-como-trabajamos .foto{min-height:0;aspect-ratio:3/2}#bd-como-trabajamos .retrato img{object-position:58% 27%}#bd-como-trabajamos .pasos{gap:18px}#bd-como-trabajamos .paso .pt{font-size:17px}#bd-como-trabajamos .razon{padding:16px 0}#bd-como-trabajamos .razon:first-child{padding-top:16px}#bd-como-trabajamos .divisor{margin:14px 0}#bd-como-trabajamos .f2{justify-self:stretch}#bd-como-trabajamos .fantasma{width:100%;justify-content:center;height:48px}}@media(prefers-reduced-motion:reduce){#bd-como-trabajamos .rv,#bd-como-trabajamos .foto,#bd-como-trabajamos .capa{opacity:1;filter:none;transform:none;clip-path:none;transition:none}#bd-como-trabajamos .divisor:before{transform:none;transition:none}#bd-como-trabajamos .in .divisor i{animation:none}#bd-como-trabajamos .visor img{transition:opacity .3s ease;filter:none}#bd-como-trabajamos .visor img.on{animation:none}#bd-como-trabajamos .in .paso.on .riel i{animation:none;transform:none}#bd-como-trabajamos .retrato img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/bd-como-trabajamos.css.map */