#bd-servicios{--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)}#bd-servicios .servicios{--pad:clamp(16px,4vw,48px);--side:max(var(--pad), calc((100% - 1200px)/2) );--gap:16px;--k:4;--n:4.4;position:relative;isolation:isolate;background:var(--bg);min-height:100svh;padding:clamp(56px,9vh,96px) 0;display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,4.4vh,44px)}#bd-servicios .wrap{padding-inline:var(--side)}#bd-servicios .servicios:before,#bd-servicios .servicios:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}#bd-servicios .servicios:before{background:radial-gradient(60% 34% at 50% 70%,rgba(255,8,1,.15),transparent 72%),radial-gradient(40% 30% at 0% 30%,rgba(255,8,1,.08),transparent 70%),radial-gradient(34% 26% at 100% 40%,rgba(209,209,209,.04),transparent 70%)}#bd-servicios .servicios:after{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-servicios h2{font-size:clamp(30px,3.4vw,48px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}#bd-servicios h2 .ligero,#bd-servicios h2 .fuerte{display:block}#bd-servicios h2 .ligero{font-weight:300;color:var(--text-2)}#bd-servicios h2 .fuerte{position:relative;font-weight:600}#bd-servicios h2 .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em 0 .16em;margin:-.1em 0 -.16em}#bd-servicios h2 .wi{--w:0;display:inline-block;transform:translateY(112%);opacity:0;transition:transform 1.1s var(--ease) calc(.15s + var(--w) * 80ms),opacity .8s ease calc(.15s + var(--w) * 80ms)}#bd-servicios .in h2 .wi{transform:none;opacity:1}#bd-servicios h2 .fuerte .wi{background:linear-gradient(180deg,#fff 30%,#d1d1d1 70%,#9a9a9a);-webkit-background-clip:text;background-clip:text;color:transparent}#bd-servicios h2 .fuerte:after{content:"";position:absolute;top:-.1em;right:-.3em;bottom:-.1em;left:-.3em;pointer-events:none;opacity:0;mix-blend-mode:overlay;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);background-size:250% 100%;background-position:120% 0}#bd-servicios .in h2 .fuerte:after{animation:bd-servicios-reflejo 1.6s cubic-bezier(.45,0,.2,1) 1.45s forwards}@keyframes bd-servicios-reflejo{0%{opacity:1;background-position:120% 0}90%{opacity:1}to{opacity:0;background-position:-30% 0}}#bd-servicios .escena{position:relative;container-type:inline-size}#bd-servicios .escena:before{content:"";position:absolute;left:50%;bottom:-70px;width:min(1100px,92%);height:180px;transform:translate(-50%);z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(255,8,1,.2),transparent 70%);opacity:0;transition:opacity 1.6s ease .6s}#bd-servicios .escena:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 3%,rgba(255,8,1,.55) 28%,rgba(255,70,50,.75) 50%,rgba(255,8,1,.55) 72%,transparent 97%);box-shadow:0 0 10px #ff080173,0 0 34px 2px #ff080129;transform:scaleX(0);transition:transform 1.8s var(--ease) .8s}#bd-servicios .in .escena:before{opacity:1}#bd-servicios .in .escena:after{transform:scaleX(1)}#bd-servicios .track{display:flex;gap:var(--gap);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--side);padding:12px var(--side) 34px;margin:-12px 0 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--side) * .8));mask-image:linear-gradient(90deg,transparent 0,#000 calc(var(--side) * .8))}#bd-servicios .track::-webkit-scrollbar{display:none}#bd-servicios .track.arrastrando{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}#bd-servicios .track.arrastrando .card{cursor:grabbing}#bd-servicios .item{--i:0;--sd:max(var(--pad),(100cqw - 1200px) / 2);flex:0 0 min((100cqw - 2 * var(--sd) - (var(--k) - 1) * var(--gap)) / var(--k),(100cqw - var(--sd) - var(--k) * var(--gap)) / var(--n));scroll-snap-align:start;opacity:0;transform:translate(56px);filter:blur(12px);transition:opacity .9s ease calc(.6s + var(--i) * 90ms),transform 1.2s var(--ease) calc(.6s + var(--i) * 90ms),filter .9s ease calc(.6s + var(--i) * 90ms)}#bd-servicios .in .item{opacity:1;transform:none;filter:none}#bd-servicios .card{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--surface);color:var(--text);text-decoration:none;isolation:isolate;container-type:inline-size;transform:translateZ(0);-webkit-tap-highlight-color:transparent;transition:opacity .6s ease}#bd-servicios .item.fuera .card{opacity:.55}#bd-servicios .card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:brightness(.84) saturate(.92) contrast(1.04);transition:transform 1.4s var(--ease),filter .8s ease;-webkit-user-drag:none}#bd-servicios .card:after{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,.9) 0%,rgba(0,0,0,.55) 27%,transparent 54%),linear-gradient(to bottom,rgba(0,0,0,.42),transparent 24%)}#bd-servicios .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none;transition:border-color .4s}#bd-servicios .luz{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:var(--red);box-shadow:0 0 10px #ff0801b3,0 0 24px #ff080147;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}#bd-servicios .num{position:absolute;top:clamp(14px,6.4cqw,20px);left:clamp(14px,6.4cqw,20px);z-index:2;display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:500;letter-spacing:.22em;color:var(--silver)}#bd-servicios .num:before{content:"";width:16px;height:1px;background:var(--red);box-shadow:0 0 6px #ff080199}#bd-servicios .info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,6.4cqw,22px);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}#bd-servicios .txt{display:contents}#bd-servicios .card h3{grid-row:1;font-weight:500;font-size:clamp(15px,6.8cqw,20px);line-height:1.15;letter-spacing:-.015em;white-space:nowrap}#bd-servicios .linea{grid-column:1 / -1;display:block;min-height:4.5em;margin-top:6px;font-size:clamp(11.5px,4.4cqw,13px);line-height:1.5;color:var(--text-2);text-wrap:balance}#bd-servicios .linea>span{display:block}#bd-servicios .flecha{grid-row:1;grid-column:2;width:clamp(34px,14cqw,40px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s,border-color .35s,color .35s}#bd-servicios .flecha svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;transition:transform .35s var(--ease)}#bd-servicios .card:focus-visible{outline:2px solid var(--silver);outline-offset:3px}@media(hover:hover)and (pointer:fine){#bd-servicios .card:hover img{transform:scale(1.08);filter:brightness(1) saturate(1) contrast(1.04)}#bd-servicios .card:hover:before{border-color:#d1d1d14d}#bd-servicios .card:hover .luz{transform:scaleX(1)}#bd-servicios .card:hover .flecha{background:#fff;border-color:#fff;color:#000}#bd-servicios .card:hover .flecha svg{transform:translate(2px)}#bd-servicios .item.fuera .card:hover{opacity:.85}}#bd-servicios .bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}#bd-servicios .progreso{flex:1;max-width:420px;display:flex;align-items:center;gap:16px}#bd-servicios .cuenta{font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--text-3);font-variant-numeric:tabular-nums}#bd-servicios .cuenta:first-child{color:var(--text)}#bd-servicios .riel{position:relative;flex:1;height:1px;background:#ffffff29}#bd-servicios .riel i{position:absolute;top:-1px;left:0;width:66%;height:3px;border-radius:2px;background:var(--red);box-shadow:0 0 8px #ff08018c}#bd-servicios .flechas{margin-left:auto;display:flex;gap:10px}#bd-servicios .arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(209,209,209,.28);display:grid;place-items:center;background:none;color:var(--text);cursor:pointer;transition:border-color .25s,background .25s,opacity .25s}@media(hover:hover){#bd-servicios .arrow:hover:not(:disabled){border-color:var(--silver);background:#ffffff0f}}#bd-servicios .arrow:disabled{opacity:.3;cursor:default}#bd-servicios .arrow:focus-visible{outline:2px solid var(--silver);outline-offset:3px}#bd-servicios .arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}#bd-servicios .fantasma{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:46px;padding:0 24px;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}#bd-servicios .fantasma i{font-style:normal;transition:transform .3s var(--ease)}@media(hover:hover){#bd-servicios .fantasma:hover{border-color:#fff;background:#fff;color:#000}}@media(hover:hover){#bd-servicios .fantasma:hover i{transform:translate(4px)}}#bd-servicios .fantasma:focus-visible{outline:2px solid var(--silver);outline-offset:3px}#bd-servicios .reveal{opacity:0;transform:translateY(12px);filter:blur(10px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s}#bd-servicios .in .reveal{opacity:1;transform:none;filter:none}#bd-servicios .in .bottom.reveal{transition-delay:1.3s}@media(max-width:1100px){#bd-servicios .servicios{--k:3;--n:3.4;min-height:0;padding:clamp(64px,9vh,96px) 0}#bd-servicios h2{font-size:clamp(30px,5vw,46px)}}@media(max-width:900px){#bd-servicios .servicios{--k:2;--n:2.45}}@media(max-width:699px){#bd-servicios .servicios{--k:1;--n:1.16;--gap:12px;padding:clamp(56px,8vh,72px) 0 calc(56px + env(safe-area-inset-bottom))}#bd-servicios h2{font-size:clamp(25px,7.3vw,32px)}#bd-servicios .progreso{max-width:none;min-width:0}#bd-servicios .bottom{flex-wrap:wrap;gap:18px}#bd-servicios .flechas{gap:8px}#bd-servicios .arrow{width:44px;height:44px}#bd-servicios .fantasma{flex:0 0 100%;height:48px;padding:0 14px;letter-spacing:.14em;font-size:11px}}@media(prefers-reduced-motion:reduce){#bd-servicios .reveal,#bd-servicios .item,#bd-servicios h2 .wi{opacity:1;transform:none;filter:none;transition:none}#bd-servicios .in h2 .fuerte:after{animation:none}#bd-servicios .escena:before{opacity:1;transition:none}#bd-servicios .escena:after{transform:none;transition:none}#bd-servicios .card img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/bd-servicios.css.map */