@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes changeColor{0%{border-color:#1f76b0}12.5%{border-color:#a5c12a}25%{border-color:#a798b9}37.5%{border-color:#ffcb00}50%{border-color:#dc0d1b}62.5%{border-color:#f18700}75%{border-color:#009745}87.5%{border-color:#009fe3}100%{border-color:#1f76b0}}body{margin:0;background-color:#fff}.orientaciones{display:flex;flex-direction:column;width:100%;height:auto;position:relative;overflow-x:hidden}.orientaciones .orientacion-item{height:25vh;width:100%;margin:0;box-sizing:border-box;border:1px solid #e3e3e3;border-left:none;position:relative;background-position:center;background-size:cover;cursor:pointer}.orientaciones .orientacion-item::before{content:"#sentimientoUTU\a+información";position:absolute;top:0;right:0;bottom:0;width:0;color:#fff;overflow:hidden;white-space:pre;transition:width .3s ease;text-align:right;display:flex;justify-content:center;align-items:center;font-family:"Montserrat",sans-serif;font-size:1.6rem;font-weight:800}.orientaciones .orientacion-item .active::before{width:100%}.orientaciones .orientacion-item p{position:absolute;padding:5px;margin:0;left:0;bottom:10px;display:flex;align-content:center;justify-content:center;align-items:flex-start;flex-direction:column;text-transform:uppercase;color:#303030;font-family:"Montserrat",sans-serif;font-size:1.7rem;z-index:3;font-weight:500;user-select:none;height:100%;width:25%;bottom:0;box-sizing:border-box;mix-blend-mode:luminosity;background-color:rgba(255,255,255,.7)}.orientaciones .orientacion-item p span{font-size:.9rem;font-weight:500}.orientaciones .orientacion-item:nth-child(1):hover::before,.orientaciones .orientacion-item:nth-child(3):hover::before,.orientaciones .orientacion-item:nth-child(5):hover::before,.orientaciones .orientacion-item:nth-child(7):hover::before{width:80%;clip-path:polygon(100% 0%, 9% 0%, 15% 100%, 100% 100%)}.orientaciones .orientacion-item:nth-child(1)>p,.orientaciones .orientacion-item:nth-child(3)>p,.orientaciones .orientacion-item:nth-child(5)>p,.orientaciones .orientacion-item:nth-child(7)>p{width:32%;clip-path:polygon(85% 0, 0% 0%, 0% 100%, 100% 100%)}.orientaciones .orientacion-item:nth-child(2):hover::before,.orientaciones .orientacion-item:nth-child(4):hover::before,.orientaciones .orientacion-item:nth-child(6):hover::before,.orientaciones .orientacion-item:nth-child(8):hover::before{width:80%;clip-path:polygon(100% 0%, 15% 0%, 9% 100%, 100% 100%)}.orientaciones .orientacion-item:nth-child(2)>p,.orientaciones .orientacion-item:nth-child(4)>p,.orientaciones .orientacion-item:nth-child(6)>p,.orientaciones .orientacion-item:nth-child(8)>p{width:32%;clip-path:polygon(100% 0, 0% 0%, 0% 100%, 85% 100%)}.orientaciones .orientacion-item:nth-child(1):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(31,118,176,.95)}.orientaciones .orientacion-item:nth-child(2){background-position:0% 13%}.orientaciones .orientacion-item:nth-child(2):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(165,193,42,.95)}.orientaciones .orientacion-item:nth-child(3){background-position:0% 22%}.orientaciones .orientacion-item:nth-child(3):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(167,152,185,.95)}.orientaciones .orientacion-item:nth-child(4):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(255,203,0,.95)}.orientaciones .orientacion-item:nth-child(5){background-position:0% 34%}.orientaciones .orientacion-item:nth-child(5):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(220,13,27,.95)}.orientaciones .orientacion-item:nth-child(6){background-position:0% 23%}.orientaciones .orientacion-item:nth-child(6):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(241,135,0,.95)}.orientaciones .orientacion-item:nth-child(7){background-position:0% 15%}.orientaciones .orientacion-item:nth-child(7):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(0,151,69,.95)}.orientaciones .orientacion-item:nth-child(8):hover::before{background:linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%),rgba(0,159,227,.95)}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-overlay .loader-content{text-align:center;display:flex;background:rgba(0,0,0,0);flex-direction:row-reverse;justify-content:center;align-items:center;position:relative}.loader-overlay .loader-content h3{font-family:"Montserrat",sans-serif;font-size:1.3rem;font-weight:800;position:absolute;top:50px;color:#164180}.loader-overlay .loader-content .loader{border:4px solid #164180;border-top:4px solid #fff !important;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite,changeColor 4s linear infinite;margin-right:25px}@media only screen and (max-width: 767px){.orientaciones .orientacion-item{width:100%;margin:0}.orientaciones .orientacion-item p{left:0;width:100% !important;justify-content:flex-end !important;height:auto !important;clip-path:none !important;background-color:rgba(255,255,255,.8) !important;padding-top:30px}.orientaciones .orientacion-item::before{z-index:333}.orientaciones .orientacion-item:hover::before{width:100% !important;clip-path:none !important}.loader-content{flex-direction:column-reverse}.loader-content img{width:90%}.loader-content .loader{width:30px;height:30px;margin:0 !important;margin-bottom:100px !important;position:absolute}}@media only screen and (min-device-width: 768px)and (orientation: landscape){.orientaciones .orientacion-item{height:33vh}.orientaciones .orientacion-item::before{z-index:333}}/*# sourceMappingURL=kernel.css.map */