.page-index .jumbotron{padding:0;position:relative;overflow:hidden;z-index:1;background-image:url('../themes/oc-theme-atun/assets/images/homepage/banner-home.png');background-position:center center;background-repeat:no-repeat;background-size:cover;height:780px;margin:0}
.page-index .jumbotron>.container{position:relative;z-index:2;height:100%}
.page-index .jumbotron img{display:none}
.page-index .jumbotron h1{font-family:'Overlock',sans-serif;width:454px;color:#fff;font-weight:800;text-align:center;line-height:1;margin:0;padding:0;white-space:nowrap}
.page-index .jumbotron h1 span{display:block}
.page-index .jumbotron h1 i{font-style:normal;color:#F9D952}
.page-index .jumbotron h1 .r1{font-size:117px}
.page-index .jumbotron h1 .r2{font-size:54px}
.page-index .jumbotron h1 .r3{font-size:146px}
@media (max-width:991px){.page-index .jumbotron{background-image:url('../themes/oc-theme-atun/assets/images/homepage/mob.png');height:550px}.page-index .jumbotron>.container{display:grid !important;grid-template-columns:repeat(1,1fr)}.page-index .jumbotron img{display:block;width:110px;margin:0 auto}.page-index .jumbotron h1{justify-self:flex-end;width:300px}.page-index .jumbotron h1 .r1{font-size:78px;margin-bottom:-6px}.page-index .jumbotron h1 .r2{font-size:36px}.page-index .jumbotron h1 .r3{font-size:98px;margin-top:-14px}}
.page-index .vota-area{padding:80px 0}
.page-index .vota-area p{line-height:36px;max-width:762px}
@media (max-width:991px){.page-index .vota-area h2{max-width:290px;margin-left:auto;margin-right:auto}}
.page-index .register-area{background-color:#fafafa;height:330px}
.page-index .register-area>.container{height:100%}
.page-index .register-area p{line-height:34px;max-width:322px}
.page-index .register-area .login-buttons{flex-basis:100%}
.page-index .register-area .login-buttons .fb,
.page-index .register-area .login-buttons .g_id_signin{height:36px;width:320px;display:flex;position:relative;margin:0 auto}
.page-index .register-area .login-buttons .fb{background-color:#3B5998;color:#fff;border-radius:5px;font-size:15px;line-height:17px;justify-content:center;align-items:center;margin-bottom:25px}
.page-index .register-area .login-buttons .fb:hover,
.page-index .register-area .login-buttons .fb:active,
.page-index .register-area .login-buttons .fb:focus{text-decoration:none}
.page-index .register-area .login-buttons .fb i{font-style:normal;position:absolute;left:20px;font-size:22px;line-height:1}
.page-index .vota-area p,
.page-index .register-area p{font-size:22px;text-align:center;margin:0 auto}
@media (max-width:991px){.page-index .vota-area p,.page-index .register-area p{font-size:18px;line-height:26px}}
.page-index .instrucciones-area{overflow:hidden;padding:70px 0}
.page-index .instrucciones-area .instrucciones-container{max-width:762px;margin:0 auto}
.page-index .instrucciones-area p{font-family:'Ubuntu',sans-serif;font-size:15px;line-height:24px;font-weight:600}
.page-index .instrucciones-area .instrucciones-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.page-index .instrucciones-area .instrucciones-list li,
.page-index .instrucciones-area .instrucciones-list span{display:block;width:100%;position:relative}
.page-index .instrucciones-area .instrucciones-list span{text-align:center;margin:18px 0 12px}
.page-index .instrucciones-area .instrucciones-list span:before{display:block;content:'';width:100%;height:2px;position:absolute;top:calc(50% - 1px);background-color:#0942AE}
.page-index .instrucciones-area .instrucciones-list i{font-style:normal;display:inline-flex;position:relative;width:40px;height:40px;color:#fff;border-radius:50%;background-color:#0942AE;justify-content:center;align-items:center;line-height:1;outline:12px solid #fff;z-index:2;font-family:'Overlock',sans-serif;font-size:24px;font-weight:800}
.page-index .conoce-mas-area{background-color:#0942AE;overflow:hidden;padding:70px 0}
.page-index .conoce-mas-area h2.inverted{display:flex;justify-content:center;align-items:center;line-height:1;position:relative;margin-bottom:35px}
.page-index .conoce-mas-area h2.inverted a{color:inherit;text-decoration:none}
.page-index .conoce-mas-area h2.inverted img{display:inline-block;margin-left:20px;margin-bottom:16px}
@media (max-width:991px){.page-index .conoce-mas-area h2.inverted{display:block;max-width:300px;margin:0 auto 42px auto}.page-index .conoce-mas-area h2.inverted img{position:absolute;right:0;bottom:-40px}}
.page-index .conoce-mas-area .slick-dotted.slick-slider{margin-bottom:32px;padding-bottom:14px}
.page-index .conoce-mas-area .slick-list.draggable{width:calc(100% - 80px);margin:0 auto}
@media (max-width:991px){.page-index .conoce-mas-area .slick-list.draggable{width:calc(100% - 24px)}}
.page-index .conoce-mas-area .slick-prev{left:-11px}
.page-index .conoce-mas-area .slick-next{right:-11px}
.page-index .conoce-mas-area .slick-prev,
.page-index .conoce-mas-area .slick-next{color:#0942AE;background:#FFF;opacity:0.78;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:26px}
.page-index .conoce-mas-area .slick-prev.slick-disabled,
.page-index .conoce-mas-area .slick-next.slick-disabled{opacity:0.2;cursor:default;pointer-events:none}
.page-index .conoce-mas-area .slick-prev:before,
.page-index .conoce-mas-area .slick-next:before{content:'';display:none}
.page-index .conoce-mas-area .slick-dots li button{width:14px;height:14px}
.page-index .conoce-mas-area .slick-dots li button:before{width:14px;height:14px;border:2px solid #fff;border-radius:50%;content:''}
.page-index .conoce-mas-area .slick-dots li.slick-active button:before{opacity:1;background-color:#fff}