.sobrenosotros{display:flex;flex-direction:column;align-items:center;min-height:100vh}.custom-scrollbar{scrollbar-color:transparent transparent rgba(0,0,255,0)}.custom-scrollbar::-webkit-scrollbar{width:40px}.custom-scrollbar::-webkit-scrollbar-track{background-color:transparent}.sobrenosotros .titulo{display:flex;word-break:break-word;justify-content:center;align-items:center;transition-duration:1.5s;transition:transform 1.5s ease,width 1.5s ease-in-out,font-size 1.5s ease-in-out;margin-left:30px;left:0;color:#000;font-family:uno}.sobrenosotros .h1{color:#fff;font-size:30px;font-family:uno}.sobrenosotros .parrafo{color:#fff;font-size:20px;font-family:uno}.sobrenosotros .info{color:#fff;padding:10%;max-height:400px;margin-bottom:20px;width:50vw;background-size:cover;background-repeat:no-repeat;transition:background-image 2s ease-in-out;border-radius:20px;transition:all 1s ease-out;font-family:uno}@font-face{font-family:roboto1;src:url(/fuentes/roboto1.ttf) format("opentype")}@font-face{font-family:roboto2;src:url(/fuentes/roboto2.ttf) format("opentype")}@font-face{font-family:trot;src:url(/fuentes/trot.ttf) format("opentype")}@font-face{font-family:ropa;src:url(/fuentes/ropa.ttf) format("opentype")}@font-face{font-family:ropa2;src:url(/fuentes/ropa2.ttf) format("opentype")}@font-face{font-family:uno;src:url(/fuentes/uno.ttf) format("opentype")}.sobrenosotros .principal{align-items:flex-start;position:inherit;width:70%;background-color:hsla(0,0%,100%,.5);transform:translateX(15%);border-radius:20px;padding:30px}.sobrenosotros .principal,.sobrenosotros .principal div{display:flex;flex-direction:column;box-sizing:border-box;height:auto}.sobrenosotros .principal div{width:50%;border-radius:30px;padding:20px;justify-content:stretch;font-family:uno}.sobrenosotros .principal div:nth-child(odd){font-size:120%;background-color:rgba(255,153,0,.2);transition:transform 1s ease-in-out}.sobrenosotros .principal div:nth-child(odd):hover{transform:rotate(5deg);background-color:rgba(255,136,0,.3)}.sobrenosotros .principal div:hover:nth-child(odd) h1,.sobrenosotros .principal div:hover:nth-child(odd) p{transform:rotate(-5deg);transition:transform 1s ease-in-out}.sobrenosotros .principal div:nth-child(2n){display:inherit;background-color:rgba(255,0,0,.2);transition:transform ease-in-out(3s)}.sobrenosotros .principal div:nth-child(2n):hover{transform:rotate(-3deg);background-color:rgba(255,145,0,.3)}.sobrenosotros .principal div:nth-child(2n) .lista{box-sizing:border-box;word-break:break-word}.sobrenosotros .principal div:hover:nth-child(2n) h1,.sobrenosotros .principal div:hover:nth-child(2n) li{transform:rotate(5deg);transition:transform 1s ease-in-out}.sobrenosotros .principal div:nth-child(2) li{font-size:120%;margin-bottom:20px;align-items:center;justify-content:center;height:300px;width:50%;border-radius:30px;justify-content:space-evenly}.sobrenosotros .principal div:nth-child(odd){align-self:flex-start;background-color:rgba(255,123,0,.2)}.sobrenosotros .principal div:nth-child(2n){align-self:flex-end;background-color:rgba(255,123,0,.2)}