html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,.menu,section,article,video{margin:0;padding:0;border:0;outline:0}
input,button,textarea,select{outline:0}
html{background:#FFF;overflow-x:hidden}
body{float:left;width:100%;font-size:26px;font-family:"FiraSans","sans-serif";color:#A5A4BF;margin:0}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
a{color:#6C6CF2;cursor:pointer;transition:all ease-in-out .5s}
a:hover{color:#7DDFFF;transition:ease-in-out .5s}
a:hover img{filter:brightness(120%)}
p{float:left;width:100%;font-family:"FiraSansLight","sans-serif";line-height:30px;margin-bottom:30px}
p:last-of-type{margin-bottom:0 !important}
p.destacado{font-family:"FiraSansMedium","sans-serif";font-style:italic;color:#8C52D8}
@font-face{font-family:"FiraSansLight";src:url(../fonts/eot/FiraSans-Light.eot) format('eot'),url(../fonts/woff/FiraSans-Light.woff) format('woff'),url(../fonts/ttf/FiraSans-Light.ttf) format('truetype'),url(../fonts/otf/FiraSans-Light.otf) format("opentype")}
@font-face{font-family:"FiraSans";src:url(../fonts/eot/FiraSans-Regular.eot) format('eot'),url(../fonts/woff/FiraSans-Regular.woff) format('woff'),url(../fonts/ttf/FiraSans-Regular.ttf) format('truetype'),url(../fonts/otf/FiraSans-Regular.otf) format("opentype")}
@font-face{font-family:"FiraSansMedium";src:url(../fonts/eot/FiraSans-Medium.eot) format('eot'),url(../fonts/woff/FiraSans-Medium.woff) format('woff'),url(../fonts/ttf/FiraSans-Medium.ttf) format('truetype'),url(../fonts/otf/FiraSans-Medium.otf) format("opentype")}
@font-face{font-family:"FiraSansSemibold";src:url(../fonts/eot/FiraSans-Semibold.eot) format('eot'),url(../fonts/woff/FiraSans-Semibold.woff) format('woff'),url(../fonts/ttf/FiraSans-Semibold.ttf) format('truetype'),url(../fonts/otf/FiraSans-Semibold.otf) format("opentype")}
.img{line-height:0}
.table{float:left;width:100%;display:table}
.infoFlex{float:left;width:100%;display:flex;flex-wrap:wrap}
.infoFlexChild{float:left;-webkit-box-flex:0}
.infoTable{float:left;width:100%;display:table}
.infoTableChild{display:table-cell;vertical-align:middle}
header{float:left;width:100%;background:#4400e3;background:linear-gradient(to bottom,#4400e3 0%,#684bef 60%,#7ff8ff 100%);transition:all ease-in-out .5s}
.infoHeader{float:left;width:calc(100% - 40px);max-width:1600px;padding:34px 20px 40px 20px;margin-left:50%;transform:translateX(-50%)}
.infoHeader a{float:left;width:100%;margin-bottom:30px;text-align:center}
.infoHeader .infoFlex{display:flex;align-items:center;justify-content:center}
.infoHeader .infoFlexChild{width:50%}
.infoHeader .infoFlexChild.img{text-align:center}
.infoHeader .infoFlexChild h1{float:left;width:calc(100% - 85px);padding:40px;border-left:5px solid #FFF;font-size:70px;font-family:"FiraSansLight","sans-serif";font-weight:normal;color:#FFF;line-height:64px}
.infoHeader .infoFlexChild span{float:left;width:100%;font-family:"FiraSansMedium","sans-serif";color:#7FF8FF}
header.active{position:fixed;z-index:+9;transition:all ease-in-out .5s}
header.active .infoHeader{padding:5px 20px}
header.active .infoHeader a{width:auto;margin-bottom:0;text-align:left;margin-right:10px}
header.active .infoFlex{display:inline-block;width:calc(100% - 280px);margin-top:20px;float:right}
header.active .infoHeader .infoFlexChild:first-of-type{display:none}
header.active .infoHeader .infoFlexChild{width:100%}
header.active .infoHeader .infoFlexChild h1{float:right;width:auto;padding:0 0 0 10px;font-size:30px;line-height:30px;border-left:2px solid #FFF;letter-spacing:-1px !important}
header.active .infoHeader .infoFlexChild span{float:inherit;width:auto;margin-left:8px}
header.active .infoHeader .infoFlexChild span br{display:none}
section{float:left;width:100%}
section h2{float:left;width:100%;font-size:60px;font-family:"FiraSansLight","sans-serif";font-weight:normal;color:#594396;line-height:44px;margin-bottom:40px}
.infoContent{float:left;width:calc(100% - 160px);max-width:1400px;padding:80px;margin-left:50%;transform:translateX(-50%)}
.agendar .infoContent{background:#F7F4F9}
.agendar .infoFlexChild:first-of-type{width:240px;padding-right:80px}
.agendar .infoFlexChild:last-of-type{width:calc(100% - 320px)}
.agendar .infoFlexChild:last-of-type .img img{vertical-align:middle;padding-right:20px}
.agendar .infoFlexChild:last-of-type a{float:left;width:100%;font-family:"FiraSansMedium","sans-serif";vertical-align:middle;padding-right:20px}
.consultar h2{text-align:right}
.consultar .infoFlexChild:first-of-type{width:calc(100% - 320px)}
.consultar .infoFlexChild:first-of-type .img img{vertical-align:middle;padding-right:20px}
.consultar .infoFlexChild:first-of-type a{float:left;width:100%;font-family:"FiraSansMedium","sans-serif";vertical-align:middle;padding-right:20px}
.consultar .infoFlexChild:last-of-type{width:240px;padding-left:80px}
.cancelar .infoContent{background:#877DBD}
.cancelar h2,.cancelar p{color:#FFF}
.cancelar .infoFlexChild:first-of-type{width:240px;padding-right:80px}
.cancelar .infoFlexChild:last-of-type{width:calc(100% - 320px)}
.cancelar .infoFlexChild:last-of-type .img img{vertical-align:middle;padding-right:20px}
.cancelar .infoFlexChild:last-of-type a{float:left;width:100%;font-family:"FiraSansMedium","sans-serif";vertical-align:middle;padding-right:20px;color:#7EF4FF}
.cancelar .infoFlexChild:last-of-type a:hover{color:#F9CAD8}
.recuerda p{text-align:center}
.simple .infoContent{padding-top:0}
.simple p{font-family:"FiraSans","sans-serif";font-size:50px;color:#D768FF;text-align:center;line-height:40px;letter-spacing:0.8px}
footer{float:left;width:100%;background:#454262}
footer .infoContent{padding:40px 20px}
footer p{text-align:center;margin-bottom:10px}
footer a{color:#37CDF2}
footer a:hover{color:#6C6CF2}
footer ul{float:left;margin-left:50%;transform:translateX(-50%);margin-top:14px}
footer li{float:left;width:60px;margin:0 10px}
footer li a{float:left;width:60px;height:60px;text-align:center;background:#FFF;border-radius:50%}
footer li img{margin-top:50%;transform:translateY(-50%)}
@media(max-width:1680px){
.infoHeader{padding:20px 20px 30px 20px}
.infoHeader .infoFlexChild.img img{max-width:540px}
.infoContent{padding:60px 80px}
footer .infoContent{padding:30px 20px}}
@media(max-width:1366px){
.infoHeader{padding:20px 20px 40px 20px}
.infoHeader .infoFlexChild.img img{max-width:450px}
.infoHeader .infoFlexChild h1{width:calc(100% - 35px);padding:30px 0 30px 30px;font-size:60px;line-height:58px}
.infoContent{width:calc(100% - 80px);padding:60px 40px}
footer .infoContent{padding:20px}
footer li{width:50px}
footer li a{width:50px;height:50px}}
@media(max-width:1080px){
body{font-size:22px}
p{line-height:28px;margin-bottom:25px}
.infoHeader a{margin-bottom:20px}
.infoHeader .infoFlexChild.img img{max-width:400px}
.infoHeader .infoFlexChild h1{width:calc(100% - 25px);padding:20px 0 20px 20px;font-size:50px;line-height:48px;letter-spacing:-2px}
header.active .infoHeader .infoFlexChild h1{font-size:28px}
.infoContent{padding:50px 40px}
section h2{font-size:48px;line-height:38px;margin-bottom:30px}
.agendar .infoFlexChild:first-of-type,.cancelar .infoFlexChild:first-of-type{padding-right:40px}
.consultar .infoFlexChild:last-of-type{padding-left:40px}
footer li{width:40px}
footer li a{width:40px;height:40px}
footer li img{transform:translateY(-50%) scale(0.8)}}
@media (max-width:1024px){
header.active .infoHeader{padding:10px 20px}
header.active .infoFlex{width:calc(100% - 230px);margin-top:15px}
header.active .infoHeader a img{max-width:220px}}
@media (max-width:940px){
.infoHeader .infoFlexChild.img img{max-width:calc(100% - 40px)}
.infoHeader .infoFlexChild h1{font-size:45px;line-height:43px}
header.active .infoHeader .infoFlexChild h1{font-size:24px}
.agendar .infoFlexChild:last-of-type .img img,.consultar .infoFlexChild:first-of-type .img img,.cancelar .infoFlexChild:last-of-type .img img{transform:scale(0.8);margin-left:-8px}
.simple p{font-size:42px;line-height:32px;letter-spacing:-1px}}
@media (max-width:840px){
body{font-size:20px}
.infoHeader .infoFlexChild h1{font-size:40px;line-height:40px}
header.active .infoFlex{margin-top:0}
header.active .infoHeader .infoFlexChild span{width:100%}
.infoContent{width:calc(100% - 40px);padding:40px 20px}
p{line-height:26px;margin-bottom:20px;text-align:center}
section h2{text-align:center !important}
.infoContent .infoFlexChild{width:100% !important;padding:0 !important}
.agendar .infoFlexChild:first-of-type,.cancelar .infoFlexChild:first-of-type{text-align:center;margin-bottom:20px}
.infoContent .infoFlexChild img{max-width:150px}
.consultar .infoContent{position:relative;padding-top:205px}
.consultar .infoFlexChild.img{position:absolute;top:40px;width:calc(100% - 40px) !important;text-align:center}}
@media (max-width:740px){
.infoHeader .infoFlexChild h1{font-size:36px;line-height:36px}
section h2 {font-size:40px;line-height:34px;letter-spacing:-1.5px;margin-bottom:20px}
.infoContent .infoFlexChild img{max-width:120px}
.consultar .infoContent{padding-top:180px}}
@media (max-width:660px){
header.active .infoHeader a img{margin-top:8px}
header.active .infoHeader .infoFlexChild span br{display:block}
header.active .infoHeader .infoFlexChild h1{line-height:24px}}
@media (max-width:640px){
.infoHeader{padding:20px}
.infoHeader .infoFlexChild{width:100%}
.infoHeader .infoFlexChild.img img{max-width:260px}
.infoHeader .infoFlexChild h1{border:0;padding:20px 0 0 0;text-align:center}
.infoHeader .infoFlexChild span{color:#5f2ed9;letter-spacing:-1.5px}
header.active .infoHeader .infoFlexChild span{color:#7FF8FF}
header.active .infoHeader .infoFlexChild h1{text-align:left}
footer ul{width:160px}
footer li{width:30px;margin:0 5px}
footer li a{width:30px;height:30px}
footer li img{transform:translateY(-50%) scale(0.6)}}
@media (max-width:480px){
.simple p{font-size:36px}
header.active .infoHeader a{width:100%;margin-right:0}
header.active .infoFlex{width:100%}
header.active .infoHeader .infoFlexChild h1{width:100%;padding:0;border-left:0;font-size:22px}
header.active .infoHeader .infoFlexChild span{margin-left:0;color:#5f2ed9}
header.active .infoHeader .infoFlexChild span br{display:none}
}

























