.hero.svelte-6sv7pa{min-height:min(1000px,22dvh);background-color:#000;position:relative;padding-block:2em 1em;overflow:hidden}.hero-content.svelte-6sv7pa{position:relative;color:var(--neutral-100);z-index:2}.hero.svelte-6sv7pa h1:where(.svelte-6sv7pa){font-size:var(--text-7xl);text-wrap:pretty;letter-spacing:-.02em;font-weight:700;margin-block:1em}h2.svelte-6sv7pa,.h2.svelte-6sv7pa{font-weight:700;font-size:var(--text-4xl);margin-block:1em;text-wrap:pretty}.hero.svelte-6sv7pa p:where(.svelte-6sv7pa){font-size:var(--text-xl);max-width:66ch;margin-block:1em 3em;text-wrap:pretty}.hero.svelte-6sv7pa img:where(.svelte-6sv7pa){position:absolute;top:0;left:0;width:100%;height:min(auto,1000px);object-fit:fill;z-index:1}.bg-gradient.svelte-6sv7pa{background:linear-gradient(black,var(--body-color));color:var(--neutral-100);padding-block:5em 3em}.bg-gradient.svelte-6sv7pa .web-section:where(.svelte-6sv7pa){border-radius:var(--border-radius-m)}.laptop-section__container.svelte-6sv7pa{text-align:center;font-size:var(--text-l)}.laptop-section__container.svelte-6sv7pa .h2:where(.svelte-6sv7pa){margin-block-end:2em}.laptop-3d-wrapper.svelte-6sv7pa{flex:2;width:100%;max-width:1500px;display:flex;flex-direction:column;align-items:center;margin:2em auto 4em}.laptop-lid.svelte-6sv7pa{width:80%;background:linear-gradient(to bottom,#2a2a2a,#1a1a1a);padding:1.5% 1.5% 2.5%;border-radius:10px;position:relative;z-index:2;transform-origin:bottom;transform:rotateX(-2deg);box-shadow:inset 0 1px 1px #fff3,0 -2px 10px #00000080}.laptop-lid.svelte-6sv7pa:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#0d0d0d;border-radius:50%;box-shadow:0 0 0 1px #333,inset 0 0 1px #ffffff4d;z-index:2}.laptop-screen-content.svelte-6sv7pa{max-width:1200px;width:100%;height:auto;background-color:#000;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c;border:1px solid #0a0a0a}.laptop-screen-content.svelte-6sv7pa img:where(.svelte-6sv7pa){width:100%;height:100%;display:block}.laptop-screen-content.svelte-6sv7pa:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff14,#fff0 50%);pointer-events:none}.monitor-stand.svelte-6sv7pa{width:50px;height:30px;background:linear-gradient(to right,var(--neutral-800),var(--neutral-600),var(--neutral-800));box-shadow:inset 0 5px 10px #00000080}.monitor-base.svelte-6sv7pa{width:250px;height:12px;background:linear-gradient(to bottom,#444,#222);border-radius:10px 10px 0 0;box-shadow:0 5px 10px #0000004d}.icon-grid.svelte-6sv7pa{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,325px),1fr));max-width:1200px;margin-inline:auto;font-size:var(--text-m);gap:3em}.icon-grid.svelte-6sv7pa span:where(.svelte-6sv7pa){font-size:var(--text-l);text-wrap:pretty}.contenedor-icono.svelte-6sv7pa{position:relative;width:80px;height:80px;flex-shrink:0;aspect-ratio:1;isolation:isolate;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s ease}.contenedor-icono.svelte-6sv7pa:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#1e3a8a,#00d2ff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;transition:all .3s ease}.contenedor-icono.svelte-6sv7pa:hover{transform:scale(1.05)}.contenedor-icono.svelte-6sv7pa:hover:before{animation:svelte-6sv7pa-girar-halo 2s linear infinite;filter:brightness(1.2) drop-shadow(0 0 8px rgba(0,210,255,.5))}@keyframes svelte-6sv7pa-girar-halo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.svelte-6sv7pa path:where(.svelte-6sv7pa),svg.svelte-6sv7pa g:where(.svelte-6sv7pa){color:#7fa9ba}.card-section__container.svelte-6sv7pa{color:var(--neutral-100);padding-block:3em}.card-section__container.svelte-6sv7pa h2:where(.svelte-6sv7pa){margin-block-end:2em}.card-section__container.svelte-6sv7pa h2:where(.svelte-6sv7pa),.card-section__container.svelte-6sv7pa header:where(.svelte-6sv7pa){text-align:center}.card-section__container.svelte-6sv7pa header:where(.svelte-6sv7pa) p:where(.svelte-6sv7pa){font-size:var(--text-l);margin-block:2em;margin-inline:auto;max-width:90ch;text-wrap:pretty}.card-grid.svelte-6sv7pa{display:grid;grid-template-columns:repeat(auto-fill,min(100%,350px));place-content:center;margin:4em auto;padding-block-end:5em;gap:4em}.card.svelte-6sv7pa{display:flex;flex-direction:column;background-color:var(--neutral-900);overflow:hidden;border-radius:var(--border-radius-m);--card-color: oklch(71.07% .051 224.43);--card-color-hover: oklch(76% .06 224.43);border:1px solid var(--card-color);box-shadow:var(--box-shadow-s) var(--card-color)}.card.svelte-6sv7pa img:where(.svelte-6sv7pa){width:100%;height:auto;object-fit:cover;display:block}.card--sewer.svelte-6sv7pa{--card-color: oklch(71.07% .051 71.36);--card-color-hover: oklch(75% .065 71.36)}.card--sewer.svelte-6sv7pa img:where(.svelte-6sv7pa){filter:sepia(100%) saturate(150%) contrast(120%) brightness(80%)}.card.svelte-6sv7pa h3:where(.svelte-6sv7pa){font-weight:700;font-size:var(--text-xl);text-align:center;margin-block:.5em}.card.svelte-6sv7pa ul:where(.svelte-6sv7pa){margin:.5em .5em 1em}.card.svelte-6sv7pa ul:where(.svelte-6sv7pa) li:where(.svelte-6sv7pa){position:relative;margin:.5em 1em;text-wrap:pretty}.card.svelte-6sv7pa ul:where(.svelte-6sv7pa) li:where(.svelte-6sv7pa) button:where(.svelte-6sv7pa){text-align:left;font-size:var(--text-s)}.card.svelte-6sv7pa button:where(.svelte-6sv7pa),a.svelte-6sv7pa{transition:color var(--duration-m),transform var(--duration-m)}.card.svelte-6sv7pa button:where(.svelte-6sv7pa):hover,a.svelte-6sv7pa:hover{color:var(--card-color-hover);transform:scale(1.02)}.card.svelte-6sv7pa a:where(.svelte-6sv7pa){font-weight:700;color:var(--card-color);margin:auto auto 1em;transition:color var(--duration-m)}.beneficios-grid.svelte-6sv7pa{display:grid;grid-template-columns:repeat(auto-fill,min(100%,350px));max-width:900px;margin-inline:auto;place-content:center;font-size:var(--text-s);gap:1.5em 4em}.beneficios-grid.svelte-6sv7pa .row:where(.svelte-6sv7pa){justify-content:center;gap:1em}.beneficios-grid.svelte-6sv7pa h3:where(.svelte-6sv7pa){font-size:var(--text-l);margin-block:.5em;color:#7fa9ba}