*{padding:0;margin:0;position:relative;box-sizing:border-box}:root{--shadow: #0005;--clear: #fff;--clear-alt: #eceff3;--on-clear: #000;--on-dark: #fff;--hl-dark: #0001;--hl-light: #fff3;--main-green: #90bf04;--main-green-tr: #90bf0430;--main-blue: #0063c7;--main-blue-tr: #0063c730;--main-blue-dark: #002a53;--main-blue-dark2: #1d3557;--alt: #467c9e;--transition-fast: all .2s linear;--transition-med: all .4s linear}html{scroll-behavior:smooth}.strong{font-weight:700;padding:1rem 0}.abs{position:absolute;z-index:1;padding:2rem}h1{font-size:3rem}h2{font-size:2.5rem}p{line-height:2.5ch}p.stretch{padding:0rem 5rem}p.super-stretch{padding:0rem 10rem}p.centered{text-align:center}ul{margin-left:3ch}input,textarea{background-color:var(--clear);color:var(--on-clear);outline:none;font-size:1.2rem;padding:.8rem 1rem;margin:.5em 0;border-radius:1rem;font-family:Montserrat,sans-serif;transition:var(--transition-fast);border:2px solid var(--clear-alt)}input[type=submit],textarea[type=submit]{width:auto;border-radius:2rem;border:none;background-color:var(--alt);padding:1rem 2rem;color:var(--on-dark);border:2px solid var(--alt)}input:is(:hover,:focus,:focus-visible),textarea:is(:hover,:focus,:focus-visible){border:2px solid var(--main-blue);box-shadow:0 0 4px var(--main-blue),inset 0 0 2px var(--shadow)}input:is(:hover,:focus,:focus-visible)+label,textarea:is(:hover,:focus,:focus-visible)+label{color:var(--main-blue)}input[type=checkbox]{margin-right:.5rem}textarea{resize:vertical;height:10ch;max-height:200px}:is(input[type=submit],button){border-radius:2rem;border:none;background-color:var(--alt);padding:1rem 2rem;color:var(--on-dark);transition:var(--transition-fast);border:2px solid var(--alt);overflow:hidden;font-weight:700;font-size:1.1rem}:is(input[type=submit],button)>a{font-style:none;text-decoration:none;color:inherit;width:100%;height:100%;position:absolute;top:0;left:0}:is(input[type=submit],button):after{content:"";pointer-events:none;position:absolute;width:50%;height:100%;left:-50%;top:0;background-color:red;background:linear-gradient(-45deg,#fff0,#fff0 30%,#fff8,#fff0 70%,#fff0);z-index:1;transition:var(--transition-fast)}:is(input[type=submit],button):is(:hover,:focus-visible):after{left:100%}:is(input[type=submit],button):is(:hover,:focus-visible){background-color:var(--main-blue-dark);scale:1.05}:is(input[type=submit],button):active{scale:.95}.twister{display:flex;flex-direction:row;white-space:nowrap;align-items:center;align-self:center}.twister>span{margin:0 1ch;color:var(--main-green);padding:1rem 2rem;background-color:#fff3;box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #000,0 0 .2em var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.twister>span.animate{transform-origin:50% 50%;animation:1.6s linear forwards twist}.twister>span.animate:after{position:absolute;content:"";width:50%;height:100%;top:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,#fff5 50%,transparent 60%);animation:1.6s linear forwards bright}@keyframes twist{0%{opacity:1;transform:perspective(600px) rotateX(90deg)}20%{opacity:1;transform:perspective(600px) rotateX(10deg)}80%{opacity:1;transform:perspective(600px) rotateX(-10deg)}99%{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:0;transform:perspective(600px) rotateX(90deg)}}@keyframes bright{0%{left:-50%}20%{left:0%}80%{left:50%}to{left:80%}}body{width:100dvw;max-width:100dvw;padding-top:60px;height:100dvh;font-family:Montserrat,sans-serif;overflow-x:hidden}.flex-centered{display:flex;flex-direction:column;justify-content:center}footer{width:100dvw;padding:30px;color:var(--on-dark);background-color:var(--main-blue-dark);display:grid;grid-template-columns:repeat(3,1fr);gap:200px}footer>div{display:grid;grid-template-columns:1fr;gap:1rem}footer .social{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr)}footer .social>a:hover{transition:var(--transition-fast);scale:1.3}footer ul{line-height:1.5rem}footer td{font-size:14px;min-width:15ch}footer td:first-of-type{font-weight:700}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem}.row.fixed-height>img{max-height:300px;object-fit:cover}header{position:fixed;top:0;width:100dvw;max-width:100dvw;height:60px;z-index:10000;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1.5rem 0 0;background-color:var(--clear);box-shadow:0 0 .15em .15em var(--shadow)}header *{color:var(--on-clear)}header>a{height:60px;background:url(../assets/images/logo-sanolivar-horizontal-dark.avif);aspect-ratio:16/5;background-position:center;background-size:cover;text-align:center;color:transparent}header>nav>.burger{height:0;opacity:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}header>nav>.burger i{height:2px;width:3vh;background-color:#000;position:absolute;left:13px;pointer-events:none;transition:var(--transition-fast);border-radius:3px}header>nav>.burger i:nth-child(1){pointer-events:none;top:18px}header>nav>.burger i:nth-child(2){pointer-events:none;top:29px}header>nav>.burger i:nth-child(3){pointer-events:none;bottom:18px}header>nav>ul{display:flex;flex-direction:row;list-style:none;gap:.3rem;background-color:var(--clear)}header>nav>ul>li>:is(a,span){text-decoration:none;white-space:nowrap;padding:.5em;border-bottom:1px solid transparent;transition:var(--transition-fast);cursor:default}header>nav>ul>li>:is(a,span):hover{background-color:var(--hl-dark);border-bottom:1px solid black}header>nav>ul>li>:is(a,span):hover>ul{display:flex;margin:0}header>nav>ul>li>:is(a,span).active{border-bottom:1px solid var(--main-blue)}header>nav>ul>li>:is(a,span)>ul{z-index:100;min-width:100%;display:none;flex-direction:column;position:absolute;top:35px;background-color:var(--clear);list-style:none}header>nav>ul>li>:is(a,span)>ul>li>a{min-width:100%;display:block;text-decoration:none;white-space:nowrap;padding:.5em;border-bottom:1px solid transparent;transition:var(--transition-fast)}header>nav>ul>li>:is(a,span)>ul>li>a[href="#"]{cursor:default}header>nav>ul>li>:is(a,span)>ul>li>a:hover{background-color:var(--hl-dark);border-bottom:1px solid black}section{display:grid;width:100dvw;max-width:100dvw;overflow-x:hidden;padding:50px 100px;gap:1rem;align-items:center}section ul>li{margin:1rem 0}section.bg-alt{background-color:var(--clear-alt)}section.dark{background-color:#000;color:#fff}section.dark-blue{background-color:#02011f;color:#fff}section.fw{padding:20px}section.compressed{padding:50px 300px}section.compressed.spacing-strong{padding:100px 300px}section.centered{justify-content:center;align-items:center}section :is(h1,h2,h3,h4,h5){width:100%;text-align:center;padding:1em 0}section img{width:100%}section.nopad{padding:0}.d5,.d-5{grid-template-columns:1fr 1fr}.d7-3{grid-template-columns:70% 30%}.d3-7{grid-template-columns:30% 70%}.d6-4{grid-template-columns:60% 40%}.d4-6{grid-template-columns:40% 60%}.big-gap{gap:4rem!important;padding-top:4rem;padding-bottom:4rem}:is(.c2,.c3,.c4,.c5){display:grid;gap:2rem}.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c5{grid-template-columns:repeat(5,1fr)}.form{display:flex;flex-direction:column;margin:5rem 0;padding-top:60px!important}.form>h2,.form p{margin:0;padding:1rem;align-self:center}.form>div{display:grid;grid-template-columns:1fr 1fr}.form form{display:flex;flex-direction:column;background-color:var(--clear-alt);padding:2rem 3rem;border-radius:1rem;box-shadow:0 0 .5em var(--shadow);z-index:1}.form form>div{display:flex;flex-direction:column}.form form>div.inverted{flex-direction:column-reverse}.form form label{margin-top:1rem;margin-left:1rem}.form form [type=submit]{margin:2rem 0}.form img{border-radius:0 1rem 1rem 0;margin:2rem 2rem 2rem 0;box-shadow:0 0 .5em var(--shadow);min-height:85%;object-fit:cover;aspect-ratio:1/1}.clientes{gap:1rem!important}.clientes>div{background-color:#9992;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;display:grid;grid-template-rows:130px auto;justify-content:center;padding:1rem;border-radius:1rem;box-shadow:-.2em -.2em .4em #fff8,.2em .2em .4em #0008;transform-style:preserve-3d}.clientes>div:hover{z-index:50}.clientes img{margin-bottom:1rem;transform:translateZ(200px);align-self:center}.clientes span{padding:2rem 0 0!important;text-align:center;font-weight:700}.clientes span:after{content:"";position:absolute;width:80%;height:.2em;left:10%;top:0;background-color:var(--main-green)}.exposer{display:grid;grid-auto-flow:column;column-gap:2rem}.exposer.stretch{margin:2rem 10rem}.exposer.inner{padding:0}.exposer>.card-expo{display:grid;grid-template-rows:1fr auto;color:var(--on-clear)}.exposer>.card-expo:not(:first-child:nth-last-child(1)){height:100%;grid-template-rows:1fr 1fr}.exposer>.card-expo.flow{grid-template-rows:450px auto!important}.exposer>.card-expo.flow img{height:450px;object-fit:cover}.exposer>.card-expo.flow div{align-self:flex-start}.exposer>.card-expo.flow p{padding-bottom:2rem}.exposer>.card-expo>img{border-radius:1rem 1rem 0 0;align-self:center;object-fit:cover;width:100%;height:100%;min-height:200px}.exposer>.card-expo p{padding:1rem 2rem}.exposer>.card-expo.expanded p{padding:1rem}.exposer>.card-expo.expanded div{padding:0 1rem 1rem}.exposer>.card-expo.dark{color:var(--on-dark)}.exposer>.card-expo.dark>div{background-color:#0d1b2b}.exposer>.card-expo>div{display:grid;grid-auto-flow:row;height:100%;gap:1rem;border-radius:0 0 1rem 1rem;align-items:start;justify-content:center;background-color:#fff;box-shadow:0 0 .3em var(--shadow)}.exposer>.card-expo>div>*{justify-self:center;align-self:flex-end}.exposer>.card-expo.start>*{justify-content:start}section.banner{background-color:#000;color:var(--on-dark);height:calc(100vh - 60px);width:100vw;display:grid;grid-template-columns:100%;justify-items:center;align-content:center;overflow:hidden}section.banner>:not(.background){z-index:3}section.banner>.background{position:absolute;display:flex;min-width:120%;height:100%;align-items:stretch;justify-content:center}section.banner>.background>video{min-width:110%;min-height:110%;pointer-events:none;object-fit:cover;opacity:.6}section.banner>.background>img{pointer-events:none;object-fit:fill}section.banner p{font-size:1.2rem;padding:0 3rem;text-align:center}section.banner>.logo>img{max-width:20vw}.endark:after{content:"";position:absolute;width:100%;height:100%;background-color:#0006;mix-blend-mode:luminosity}:is(.grid6,.grid5,.grid4,.grid3,.grid2,.grid1){margin-top:1rem;display:grid;gap:1rem;justify-content:center}.grid6{grid-template-columns:repeat(6,170px)}.grid5{grid-template-columns:repeat(5,170px)}.grid4{grid-template-columns:repeat(4,170px)}.grid3{grid-template-columns:repeat(3,170px)}.grid2{grid-template-columns:repeat(2,170px)}.grid1{grid-template-columns:repeat(1,170px)}.pager{display:flex;padding:0 .5rem;gap:1rem;scroll-snap-type:x mandatory;padding:0 1rem;overflow-x:auto;width:auto}.pager>*{scroll-snap-align:start}.pager::-webkit-scrollbar{display:none}.slider{display:flex;flex-direction:row;scroll-behavior:smooth;padding:0}.slider>i{font-size:2rem;cursor:pointer}.slider>i:hover{background-color:#9994}.slider>div{display:grid;grid-auto-flow:column;align-items:center;width:calc(100% - 6rem);overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem;gap:1rem;scroll-padding-inline-start:.5rem;scroll-padding-inline-end:.5rem}.slider>div>*{width:30vw;scroll-snap-align:start}.slider>div::-webkit-scrollbar{display:none}.slider.full{width:80dvw;align-self:center}.slider.full>div>*{scroll-snap-align:start;width:70dvw}.witness{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--clear-alt);padding:5rem 2rem 2rem;border-radius:1rem;height:100%;box-shadow:0 0 .3rem var(--shadow);gap:1rem}.witness>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem}.witness>div span{font-weight:700}.witness>div>img{width:60px;height:60px;object-fit:cover;grid-row:1/3}.witness:is(.stars5,.stars4,.stars3,.stars2,.stars1):after{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1;font-size:1.3rem;position:absolute;top:2rem}.witness:is(.stars5,.stars4,.stars3,.stars2,.stars1):before{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0;content:"";font-size:1.3rem;position:absolute;top:2rem}.witness.stars5:after{content:""}.witness.stars4:after{content:""}.witness.stars3:after{content:""}.witness.stars2:after{content:""}.witness.stars1:after{content:""}.newsCard{width:350px;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:2rem;padding:1.5rem;text-decoration:none;box-shadow:inset 0 0 1rem 1rem #0008,0 0 .5rem #fff5;margin:1rem 0;overflow:hidden}.newsCard:before{position:absolute;content:"";top:-10%;left:-10%;width:110%;height:110%;background:radial-gradient(circle at center,#00000080,#000c 60%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.newsCard>span{color:#fff;font-size:1.1rem;text-align:left;padding:1rem;padding:0}.overlay{width:90%;display:grid;grid-auto-flow:column;grid-template-rows:1fr auto;grid-template-columns:repeat(3,.7fr);padding:1rem 2rem;background-color:var(--alt);color:var(--on-dark);border-radius:0 1rem 1rem 0;box-shadow:0 0 .5rem .2rem var(--shadow);position:absolute;bottom:10%;gap:.2rem .5rem}.overlay.cc2{grid-template-columns:repeat(2,.7fr)}.overlay span{font-weight:700;font-size:2rem}.centeredCard{display:flex;flex-direction:column;align-items:center;gap:1rem}img{border-radius:1rem}.chatbot{position:fixed;bottom:0;right:0;pointer-events:none;width:400px;height:500px;z-index:1000}.chatbot .atom-help{position:absolute;top:3rem;right:1rem;background-color:#fff5;pointer-events:all}.chatbot .help-btn:hover+.help{display:block}.chatbot .help{display:none;background-color:#fffa;border-radius:.5rem;width:400px;padding:.5rem;list-style:none;position:absolute;top:0;right:0;transform:translateY(calc(-100% - 1rem));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chatbot .help li{margin:.3em 0}.chatbot .avatar.collapsed{opacity:0}.chatbot>article{height:100%;border-radius:1rem 1rem 0 0;display:grid;grid-template-rows:2.5rem 1fr 3rem;pointer-events:all}.chatbot>article i{cursor:pointer;color:#fff}.chatbot>article i:hover{color:#000}.chatbot>article>header{width:400px;height:auto;background-color:var(--main-green);position:relative;display:flex;flex-direction:row;justify-content:end;padding:0 1rem;border-radius:1rem 1rem 0 0;box-shadow:0 3px 6px var(--shadow);gap:.5rem}.chatbot>article>ul{width:400px;background-color:#fff3;padding:0;list-style:none;margin:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;overflow-y:auto;padding:1rem;gap:1rem;scroll-behavior:smooth}.chatbot>article>ul fieldset{padding:.5rem;border:2px solid var(--main-blue-tr)}.chatbot>article>ul>li{background-color:#fff;padding:2rem .5rem .5rem;border-radius:.5rem;width:auto;box-shadow:0 0 .3em var(--shadow)}.chatbot>article>ul>li>.loading{width:60px;height:60px}.chatbot>article>ul>li>.loading:after{transform-origin:50% 50%;width:inherit;height:inherit;position:absolute;translate:-35% -15%;rotate:45deg;border-radius:50%;border-left:2px solid var(--main-blue);left:0;top:50%;content:"";animation:.5s linear .15s infinite rotationZ!important;animation-delay:.15s!important}.chatbot>article>ul>li>.loading:before{transform-origin:50% 50%;width:inherit;height:inherit;position:absolute;translate:30% -15%;rotate:-45deg;border-radius:50%;border-right:2px solid var(--main-green);left:0;top:50%;content:"";animation:.5s linear .3s infinite rotationZ}.chatbot>article>ul>li>.loading>span{transform-origin:50% 50%;width:inherit;height:inherit;position:absolute;border-radius:50%;border-bottom:2px solid #666;left:0;top:50%;transform:perspective(800px) rotateY(45deg) translateY(-50%);animation:.5s linear 0s infinite rotationZ}.chatbot>article>ul>li.bot{background-color:#deeeff;margin-right:1.5rem}.chatbot>article>ul>li.bot:before{content:"Atom";font-weight:700;position:absolute;top:.5rem;left:2.2rem}.chatbot>article>ul>li.bot:after{content:"";width:1.5rem;height:1.5rem;background-image:url(/atom-assets/atom-icon.png);background-size:cover;position:absolute;top:.3rem;z-index:2}.chatbot>article>ul>li.user{justify-self:flex-end;margin-left:1.5rem;background-color:#f6ffdb}.chatbot>article>ul>li.user:before{content:"Tú";font-weight:700;position:absolute;top:.5rem;right:1rem}.chatbot>article :is(input,button){height:100%;padding:.2rem .5rem!important;font-size:1rem;margin:0;border-radius:.3em}.chatbot>article hr{margin:.3rem;opacity:0}.chatbot>article>footer{width:400px;box-shadow:0 -3px 6px var(--shadow);padding:0;gap:.5rem;display:grid;grid-template-columns:1fr 3rem;background-color:var(--alt)}.chatbot>article>footer i{width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:2rem}.chatbot>.buttons{position:absolute;bottom:10px;right:10px;display:grid;grid-template-rows:1fr 1fr;gap:10px}.chatbot>.buttons>button{pointer-events:all;background-color:var(--main-green);border:none;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center}.chatbot>.buttons>button:first-child{background-color:var(--main-blue)}.chatbot>.buttons>button>img{object-fit:contain;width:45px;height:45px}.chatbot>.buttons>button>i{font-size:35px;line-height:45px}.popup{background-color:#f1ffc8dd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 1rem var(--shadow);position:fixed;top:40%;left:calc(50% - 200px);width:400px;padding:2rem;border-radius:1rem;display:grid;grid-template-columns:1fr;gap:1rem;justify-content:center;z-index:10000;color:var(--on-clear)}.popup>strong{font-size:1.5rem;width:100%;text-align:center}.popup button{pointer-events:all;background-color:var(--main-blue);justify-self:center}.popup>p{width:100%;font-size:1.2rem;text-align:left}.popup.hidden{display:none}.popup>div{display:flex;flex-direction:row;justify-content:space-around}@keyframes rotationZ{0%{transform:perspective(800px) rotateY(45deg) translateY(-50%) rotate(0)}to{transform:perspective(800px) rotateY(45deg) translateY(-50%) rotate(360deg)}}@media (max-aspect-ratio: 1.7/1){section.compressed{padding:50px 100px}}@media (max-aspect-ratio: 1.3/1){html{font-size:large}.abs{position:relative}p.stretch,p.super-stretch{padding:0rem 2rem}.twister{flex-direction:column;white-space:normal;font-size:2rem}.twister>span{margin:.2rem;padding:.5rem}footer{grid-template-columns:1fr;gap:4rem}.row{grid-template-columns:1fr;gap:2rem}.row.fixed-height>img{max-height:none;object-fit:cover}header{padding:0}header>nav>.burger{height:60px;opacity:1;display:block;cursor:pointer}header>nav>.burger.shown>i:nth-child(1){top:29px;transform:rotate(45deg)}header>nav>.burger.shown>i:nth-child(2){opacity:0}header>nav>.burger.shown>i:nth-child(3){bottom:29px;transform:rotate(-45deg)}header>nav>.burger.shown+ul{display:flex}header>nav>ul{display:none;flex-direction:column;position:absolute;right:0;top:60px;gap:0;box-shadow:-.1em .1em .2em var(--shadow)}header>nav>ul:hover{display:flex}header>nav>ul>li{width:100%}header>nav>ul>li>:is(a,span){text-align:end;display:block;width:100%}header>nav>ul>li>:is(a,span)>ul{background-color:#eee;position:absolute;left:0;top:0;transform:translate(-100%);box-shadow:-.1em .1em .2em var(--shadow)}section.compressed{padding:20px 30px;width:100dvw}section.compressed.spacing-strong{padding:50px 30px}section.inliner{white-space:nowrap}section:is(.d3-7,.d4-6,.d5){grid-template-columns:1fr}section:is(.c2,.c3,.c4,.c5){grid-template-columns:1fr}:is(.d7-3,.d6-4,.d-5){display:flex;flex-direction:column-reverse}:is(.c2,.c3,.c4,.c5){grid-template-columns:1fr}.form>div{display:flex;flex-direction:column-reverse;gap:0}.form img{width:100%;border-radius:1rem 1rem 0 0;margin:0}.form form{border-radius:0 0 1rem 1rem;padding:1rem}.exposer{grid-auto-flow:row;row-gap:1rem;padding:2rem}.exposer.stretch{margin:0}section{padding:100px 40px}section.centered{align-items:center;justify-content:center}section.banner>.logo>img{max-width:60vw}.newsCard{min-width:80vw}.big-gap{gap:0!important;column-gap:0!important;row-gap:2.5rem!important}:is(.grid6,.grid5,.grid4,.grid3,.grid2,.grid1){grid-template-columns:1fr 1fr;justify-content:center}.overlay{bottom:1rem;width:98%}.overlay span{font-size:1.2rem}.overlay p{font-size:.7rem}.slider{padding:.5rem!important}.slider>div{gap:.5rem}.slider>div>*{width:65vw}}@media (max-width: 1367px){section.compressed{padding:50px 150px}section.compressed.spacing-strong{padding:100px 150px}h1{font-size:2.3rem}h2{font-size:1.9rem}}@media screen and (orientation: portrait){section.compressed{padding:50px}section.compressed.spacing-strong{padding:100px 50px}:is(.grid6,.grid5,.grid4,.grid3,.grid2,.grid1){padding:0;margin:0;width:calc(100% - 2rem)}p{font-size:1.3rem}p.stretch{padding:0}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.5rem}.overlay{bottom:-20%}.chatbot .avatar{padding-left:100px}}