@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}} html {background-color: #010101} body {background: none} .brx-boxed {background-color: #010101}#brxe-s00003 {font-family: "SpaceGrotesk"; font-size: clamp(34px, 2.4vw, 46px); line-height: 1.095; letter-spacing: 0px; font-weight: 400; color: #ffffff; margin-top: 0; margin-right: 0; margin-bottom: 24px; margin-left: 0; max-width: 700px}@media (min-width: 1920px) {#brxe-s00003 {font-size: 46px}}@media (max-width: 767px) {#brxe-s00003 {font-size: 29px; line-height: 30.4px}}@media (max-width: 478px) {#brxe-s00003 {font-size: 30px; line-height: 30.4px; text-wrap: balance}}#brxe-s00004 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; margin-top: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; max-width: 550px}@media (min-width: 1920px) {#brxe-s00004 {font-size: 20px}}@media (max-width: 767px) {#brxe-s00004 {font-size: 18px; line-height: 25.5px}}@media (max-width: 478px) {#brxe-s00004 {font-size: 18px; line-height: 25.5px; margin-bottom: 220px; max-width: 359px}}#brxe-s00002 {width: 720px; max-width: 100%}@media (max-width: 478px) {#brxe-s00002 {padding-right: 16px; padding-left: 16px}}#brxe-s00001 {width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; z-index: 1; max-width: 1720px; justify-content: center; background-image: url("https://vanno.roymo.info/wp-content/uploads/2026/07/banner-solucion.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 700px; padding-right: 36px; padding-left: 36px}@media (max-width: 767px) {#brxe-s00001 {height: 630px; background-image: url("https://vanno.roymo.info/wp-content/uploads/2026/07/image-27.webp"); background-size: cover; justify-content: flex-start; padding-top: 30px}}@media (max-width: 478px) {#brxe-s00001 {padding-right: 0; padding-left: 0; background-size: cover; background-position: center center; min-height: 740px}}#brxe-s00000 {background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; padding-top: 110px; padding-right: clamp(28px, 5.2vw, 100px); padding-bottom: 0; padding-left: clamp(28px, 5.2vw, 100px); position: relative; overflow: hidden; min-height: min(900px, 100svh); justify-content: center}.vanno-sol-image-card__img img { width: 100%; height: 100%; object-fit: cover; display: block}@media (max-width: 1200px) { .vanno-sol-triad__grid, .vanno-sol-copy-grid, .vanno-sol-gallery__grid, .vanno-sol-complete__grid { max-width: 100%; grid-template-columns: 1fr; gap: 18px } .vanno-sol-mini-card { grid-template-columns: 120px 1fr; min-width: 0 } .vanno-sol-mini-card__copy, .vanno-sol-mini-card__title, .vanno-sol-text { max-width: 100%; min-width: 0 } .vanno-sol-complete__item--solid, .vanno-sol-complete__item--reliable { transform: none }}@media (max-width: 900px) { .vanno-sol-hero { background-position: center top } .vanno-sol-complete__item--solid, .vanno-sol-complete__item--reliable { transform: none }}@media (max-width: 767px) {#brxe-s00000 {min-height: 707px; padding-top: 90px; padding-right: 18px; padding-bottom: 70px; padding-left: 18px}}@media (max-width: 478px) {#brxe-s00000 {min-height: 600px; padding-top: 120px; padding-right: 0; padding-bottom: 20px; padding-left: 0; background-position: center center}}#brxe-s00009 {width: 84px; align-self: flex-start}@media (max-width: 767px) {#brxe-s00009 {width: 140px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto}}@media (max-width: 478px) {#brxe-s00009 {width: 83px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0}}#brxe-s00011 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}@media (min-width: 1920px) {#brxe-s00011 {font-size: 20px}}#brxe-s00010 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: 430px}#brxe-s00008 {display: grid; align-items: initial; grid-template-columns: 140px 1fr; grid-template-rows: 1fr auto; padding-top: 36px; padding-right: 42px; padding-bottom: 36px; padding-left: 42px; background-color: #0a0d11; min-height: 215px}@media (max-width: 991px) {#brxe-s00008 {display: flex; flex-wrap: wrap; row-gap: 2.5rem}}@media (max-width: 767px) {#brxe-s00008 {background-color: #070a0d; grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px}}@media (max-width: 478px) {#brxe-s00008 {grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px; background-color: #070a0d; justify-self: flex-start; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: flex-start}}#brxe-s00013 {width: 84px; align-self: flex-start}@media (max-width: 767px) {#brxe-s00013 {width: 140px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto}}@media (max-width: 478px) {#brxe-s00013 {width: 83px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0}}#brxe-kcvhvq {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}#brxe-jkwcwy {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: 430px}#brxe-s00012 {display: grid; align-items: initial; grid-template-columns: 140px 1fr; grid-template-rows: 1fr auto; padding-top: 36px; padding-right: 42px; padding-bottom: 36px; padding-left: 42px; background-color: #0a0d11; min-height: 215px}@media (max-width: 991px) {#brxe-s00012 {display: flex; row-gap: 40px}}@media (max-width: 767px) {#brxe-s00012 {background-color: #070a0d; grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px}}@media (max-width: 478px) {#brxe-s00012 {grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px; background-color: #070a0d}}#brxe-s00017 {width: 84px; align-self: flex-start}@media (max-width: 767px) {#brxe-s00017 {width: 140px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto}}@media (max-width: 478px) {#brxe-s00017 {width: 83px; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0}}#brxe-uompxo {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}#brxe-axkpbi {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: 430px}#brxe-s00016 {display: grid; align-items: initial; grid-template-columns: 140px 1fr; grid-template-rows: 1fr auto; padding-top: 36px; padding-right: 42px; padding-bottom: 36px; padding-left: 42px; background-color: #0a0d11; min-height: 215px}@media (max-width: 991px) {#brxe-s00016 {display: flex; row-gap: 40px}}@media (max-width: 767px) {#brxe-s00016 {background-color: #070a0d; grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px}}@media (max-width: 478px) {#brxe-s00016 {grid-template-columns: 1fr; padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px; min-height: 238px; background-color: #070a0d}}#brxe-s00007 {display: grid; align-items: initial; grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 14px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; max-width: 1720px}@media (max-width: 767px) {#brxe-s00007 {grid-template-columns: 1fr; grid-gap: 8px}}@media (max-width: 478px) {#brxe-s00007 {grid-template-columns: 1fr; grid-gap: 8px}}#brxe-s00006 {padding-top: 42px; padding-right: clamp(28px, 5.2vw, 100px); padding-bottom: 86px; padding-left: clamp(28px, 5.2vw, 100px); background-color: #010101}@media (max-width: 767px) {#brxe-s00006 {padding-top: 0; padding-right: 14px; padding-bottom: 54px; padding-left: 14px}}@media (max-width: 478px) {#brxe-s00006 {padding-top: 30px; padding-right: 14px; padding-bottom: 24px; padding-left: 14px}}.brxe-s00026 {top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%}.brxe-s00027 {left: 34px; bottom: 26px; font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}@media (max-width: 478px) {.brxe-s00027 {position: static; bottom: 0px; left: 0px; padding-left: 15px}}.brxe-biabyd {color: var(--white); font-size: 19px; font-family: "SpaceGrotesk"}@media (max-width: 478px) {.brxe-biabyd {padding-left: 15px}}.brxe-lirpsh {position: relative; overflow: hidden; border-radius: 3px; justify-content: flex-start; align-items: flex-start; align-self: flex-start !important}@media (max-width: 767px) {.brxe-lirpsh {min-height: 430px}}@media (max-width: 478px) {.brxe-lirpsh {min-height: 100%}}.brxe-s00029 {left: 0px; bottom: 0px; top: 0px; right: 0px; width: 100%; position: static; min-height: 713px}@media (max-width: 767px) {.brxe-s00029 {min-height: auto; height: auto}}@media (max-width: 478px) {.brxe-s00029 {position: static; height: 315px}}.brxe-s00030 {left: 34px; bottom: 26px; font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-transform: uppercase; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; position: static}@media (max-width: 478px) {.brxe-s00030 {position: static; padding-left: 15px}}.brxe-hylplg {color: var(--white); font-size: 19px; position: static; bottom: -6px; left: 34px}@media (max-width: 478px) {.brxe-hylplg {padding-left: 15px; font-family: "SpaceGrotesk"}}.brxe-s00028 {position: relative; overflow: hidden; border-radius: 3px; min-height: 759px; row-gap: 20px}@media (max-width: 767px) {.brxe-s00028 {min-height: 430px; row-gap: 10px}}@media (max-width: 478px) {.brxe-s00028 {min-height: 100%; flex-direction: column}}#brxe-s00024 {display: grid; align-items: initial; grid-template-columns: 1fr 1fr; grid-gap: 20px; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; max-width: 1720px}@media (min-width: 1920px) {#brxe-s00024 {grid-gap: 4rem 1rem}}@media (max-width: 767px) {#brxe-s00024 {grid-template-columns: 1fr; grid-gap: 20px}}@media (max-width: 478px) {#brxe-s00024 {grid-template-columns: 1fr; height: 100%; grid-gap: 31px}}#brxe-s00020 {padding-top: 0; padding-right: clamp(28px, 5.2vw, 100px); padding-bottom: 108px; padding-left: clamp(28px, 5.2vw, 100px); background-color: #010101}@media (max-width: 767px) {#brxe-s00020 {padding-top: 54px; padding-right: 14px; padding-bottom: 54px; padding-left: 14px}}@media (max-width: 478px) {#brxe-s00020 {padding-top: 54px; padding-right: 14px; padding-bottom: 54px; padding-left: 14px}}#brxe-s00039 {font-family: "SpaceGrotesk"; font-size: clamp(28px, 1.85vw, 35px); line-height: 1.07; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 28px; margin-left: 0}@media (min-width: 1920px) {#brxe-s00039 {max-width: 1024px}}@media (max-width: 767px) {#brxe-s00039 {max-width: 100%}}@media (max-width: 478px) {#brxe-s00039 {max-width: 100%; letter-spacing: -1.6px}}#brxe-s00040 {font-family: "SpaceGrotesk"; font-size: clamp(28px, 1.85vw, 35px); line-height: 1.07; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 28px; margin-left: 0; max-width: 680px}@media (max-width: 767px) {#brxe-s00040 {line-height: 25.5px; max-width: 100%}}@media (max-width: 478px) {#brxe-s00040 {line-height: 25.5px; text-align: center; letter-spacing: -1.6px; max-width: 100%}}#brxe-s00038 {margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position: relative; max-width: 1100px; align-items: center}@media (max-width: 767px) {#brxe-s00038 {max-width: 100%; width: 100%}}@media (max-width: 478px) {#brxe-s00038 {max-width: 100%; width: 100%}}#brxe-s00037 {position: relative; align-items: center; background-color: #010101; background-image: url("https://vanno.roymo.info/wp-content/uploads/2026/07/Mask-group-6.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; display: flex; justify-content: center; padding-top: 120px; padding-right: 28px; padding-bottom: 120px; padding-left: 28px; overflow: hidden; min-height: 882px}@media (max-width: 767px) {#brxe-s00037 {min-height: 412px; padding-top: 60px; padding-right: 18px; padding-bottom: 60px; padding-left: 18px; background-attachment: scroll}}@media (max-width: 478px) {#brxe-s00037 {min-height: 470px; padding-top: 60px; padding-right: 18px; padding-bottom: 60px; padding-left: 18px; background-size: auto}}#brxe-s00076 {font-family: "SpaceGrotesk"; line-height: 1.095; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align: center; margin-top: 0; margin-right: 0; margin-bottom: 24px; margin-left: 0; max-width: 760px}@media (max-width: 767px) {#brxe-s00076 {text-align: left; font-size: 29px; line-height: 30.4px}}@media (max-width: 478px) {#brxe-s00076 {text-align: center; font-size: 29px; line-height: 30.4px; max-width: 400px; margin-right: auto; margin-left: auto}}#brxe-s00077 {gap: 8px}@media (max-width: 478px) {#brxe-s00077 {justify-content: center; align-items: center; align-self: center; font-size: 19px; margin-top: 10px}}#brxe-s00075 {display: flex; align-items: center; justify-content: center; padding-top: 80px; padding-right: 28px; padding-bottom: 80px; padding-left: 28px; background-color: #010101; min-height: 490px}@media (max-width: 767px) {#brxe-s00075 {min-height: 280px; padding-top: 64px; padding-right: 18px; padding-bottom: 64px; padding-left: 18px; align-items: flex-start}}@media (max-width: 478px) {#brxe-s00075 {min-height: 280px; padding-top: 64px; padding-right: 18px; padding-bottom: 64px; padding-left: 18px; align-items: flex-start}}