#intro .infoContent{padding-bottom:80px}
#intro h1{float:left;width:100%;font-weight:300;font-size:90px;color:#7005BD;line-height:63px;margin-bottom:15px;letter-spacing:-4px;text-align:left}
#intro h2{float:left;width:100%;font-weight:300;font-size:70px;line-height:60px;margin-bottom:10px;letter-spacing:-4px;text-align:left;background: #6764F1;background:linear-gradient(to right,#6764F1 0%,#D647F0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#bannerInactivo{height:360px;background:url("../images/enVivo/bannerInactivo.jpg") 50% 50%;background-size:cover}
#bannerInactivo .infoContent{position:relative;height:calc(100% - 80px)}
#banner{float:left;background:url("../images/enVivo/bannerActivo.jpg") no-repeat 50% 50%;background-size:cover}
#banner .infoContent{position:relative;height:calc(100% - 80px);padding-bottom:80px}
#banner h3{float:left;width:100%;text-align:center;color:#EA9AF8;font-weight:normal;font-size:36px;line-height:28px;margin-bottom:40px}
#banner h4{float:left;width:100%;text-align:center;color:#2ECBFF;font-weight:300;font-size:54px;line-height:40px;letter-spacing:-2px;margin-bottom:40px}
#banner .date{float:left;padding:10px 20px;border-radius:10px;background:rgba(16,21,69,0.6);margin-left:50%;transform:translateX(-50%);margin-bottom:40px}
#banner .date img{vertical-align:middle;margin-right:10px}
#banner .date span{color:#BEBBC6;font-size:26px}
#banner .countdown{float:left;width:100%;text-align:center;margin-bottom:30px}
#banner #timer{display:inline-block}
#banner #timer li{float:left;width:100px;margin:0 15px}
#banner #timer li b{float:left;width:100%;font-size:80px;line-height:60px;font-weight:100;color:#BEBCC7;padding-bottom:10px}
#banner #timer li span{float:left;width:100%;font-size:24px;line-height:20px;font-weight:300;color:#BEBCC7}
#banner a{float:left;padding:0 20px;border-radius:48px;background:#CFCED9;margin-left:50%;transform:translateX(-50%);color:#1F2666;font-weight:600}
#banner a:hover{background:#a4a0cd;color:#12163e}
#clasifica .contTabs{float:left;width:100%}
#clasifica .contTabs main{float:left;width:100%;margin-left:50%;transform:translateX(-50%);text-align:center}
#clasifica .contTabs main label{position:relative;display:inline-block;width:auto;background:#E6EDFF;margin-right:3px;padding:6px 20px;border-radius:52px;cursor:pointer}
#clasifica .contTabs main label:last-of-type{margin-right:0}
#clasifica .contTabs main label span{float:left;letter-spacing:-1px;font-weight:400;line-height:20px;margin-top:2px}
#clasifica .contTabs main label img{float:left;margin-right:5px}
#clasifica .contTabs main input{display:none}
#clasifica .contTabs main input:checked + label{background:#6366F1}
#clasifica .contTabs main input:checked + label:before{content:url("../images/inicio/solucionesArrow.png");position:absolute;bottom:-10px;left:calc(50% - 20px);width:40px;height:10px;line-height:0}
#clasifica .contTabs main input:checked + label img{filter:brightness(1000%)}
#clasifica .contTabs main input:checked + label span{color:#FFF}
#clasifica .contTabs main #content1,#clasifica .contTabs main #content2,#clasifica .clasifica main #content3,#clasifica .contTabs main #content4{display:none;float:left;width:100%;overflow:auto;margin-top:60px}
#clasifica .contTabs main #tab1:checked ~ #content1,
#clasifica .contTabs main #tab2:checked ~ #content2,
#clasifica .contTabs main #tab3:checked ~ #content3,
#clasifica .contTabs main #tab4:checked ~ #content4{display:block}
#clasifica .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;grid-auto-flow:row}
#clasifica article{display:flex;border:1px solid #E5E7EB;border-radius:15px;padding:40px}
#clasifica .fecha{width:40px;margin-right:20px}
#clasifica .dia{float:left;width:100%;height:40px;line-height:40px;background:#E1E9FF;border-radius:5px;text-align:center;font-size:18px;color:#6366F1}
#clasifica .mes{float:left;width:100%;text-align:center;font-size:16px;color:#626293}
#clasifica .info{float:left;width:calc(100% - 60px)}
#clasifica .info p{float:left;width:100%;text-align:left;line-height:30px;margin-bottom:14px}
#clasifica .info a{float:left;width:100%;max-width: 100%;height:auto;padding:0;background:none;border-radius:0;text-align:left;line-height:23px;font-weight:300;color:#6366F1}
#clasifica .info a span{float:left;border-bottom:1px solid #6366F1;margin-right:5px}
#clasifica .info a img{vertical-align:middle}
/*RESPONSIVE*/
@media (max-width:1440px){
#clasifica .info p{line-height:26px}
#clasifica .info a{font-size:22px;line-height:22px}}
@media (max-width:1366px){
#clasifica .grid{gap:30px}
#clasifica article{padding:30px}}
@media (max-width:1080px){
#clasifica .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){
#clasifica .info p{line-height:24px}
#clasifica .info a{font-size:20px;line-height:20px}}
@media (max-width:800px){
#clasifica .grid{grid-template-columns:repeat(1,1fr)}}
/*EN VIVO*/
.enVivo #intro .infoContent{padding-bottom:40px}
.enVivo #banner{height:360px;background:url("../images/enVivo/bannerEnVivo.jpg") 50% 50%;background-size:cover}
.enVivo #info .infoContent{padding-bottom:80px}
.enVivo #info p{margin-bottom:20px}
.enVivo #info p:last-of-type,.enVivo #destacado p:last-of-type{margin-bottom:0}
.enVivo #destacado .infoContent{background:#F3F6FF;padding-bottom:80px}
.enVivo #destacado p{float:left;width:100%;font-weight:400;font-size:32px;color:#482C79;line-height:40px;margin-bottom:30px;letter-spacing:-1px;text-align:center}
.enVivo #requisitos .grid{float:left;width:calc(100% - 40px);padding:0 20px;margin-left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:40px;grid-auto-flow:row}
.enVivo #requisitos .grid p{text-align:center}
.enVivo #requisitos .grid p.img{margin-bottom:20px}
.enVivo #requisitos .grid a{display:inline;max-width:inherit;height:auto;line-height:inherit;padding:0;background:none;border-radius:0;font-weight:normal;color:#5F59F8;letter-spacing:normal}
.flotanteDemo{position:fixed;right:-2px;top:420px;width:64px;height:138px;z-index:+9;cursor:pointer;background:#FFF;border-radius:12px 0 0 12px;border:1px solid #DDDDDD}
@media (max-width:1680px){.enVivo #banner{height:320px}}
@media (max-width:1440px){.enVivo #banner{height:280px}}
@media (max-width:1366px){.enVivo #banner{height:240px}}
@media (max-width:1260px){.flotanteDemo{top:450px;width:62px;height:119px}}
@media (max-width:1024px){.enVivo #banner{height:200px}}
@media (max-width:940px){.enVivo #requisitos .grid{grid-template-columns:repeat(1, 1fr);gap:20px}}
@media (max-width:720px){.enVivo #intro h1{font-size:80px;line-height:60px}}
@media (max-width:620px){.enVivo #intro h1{font-size:70px;line-height:50px}.enVivo #intro h2{font-size:60px;line-height:40px}}
@media (max-width:540px){.enVivo #intro h1{font-size:60px;line-height:40px}.enVivo #intro h2{font-size:50px;line-height:35px}}
@media (max-width:450px){.enVivo #intro h1{font-size:50px;line-height:35px}.enVivo #intro h2{font-size:45px}}
@media (max-width:380px){.enVivo #intro h1{font-size:45px}}