#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:50px;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;white-space:nowrap}
#banner a:hover{background:#a4a0cd;color:#12163e}
#conferencias .contTabs{float:left;width:100%}
#conferencias .contTabs main{float:left;width:100%;margin-left:50%;transform:translateX(-50%);text-align:center}
#conferencias .contTabs main label{position:relative;display:inline-block;width:auto;background:#E6EDFF;margin-right:3px;padding:6px 20px;border-radius:52px;cursor:pointer}
#conferencias .contTabs main label:last-of-type{margin-right:0}
#conferencias .contTabs main label span{float:left;letter-spacing:-1px;font-weight:400;line-height:20px;margin-top:2px}
#conferencias .contTabs main label img{float:left;margin-right:5px;padding-top:2px}
#conferencias .contTabs main input{display:none}
#conferencias .contTabs main input:checked + label{background:#6366F1}
#conferencias .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}
#conferencias .contTabs main input:checked + label img{filter:brightness(1000%)}
#conferencias .contTabs main input:checked + label span{color:#FFF}
#conferencias .contTabs main #content1,#conferencias .contTabs main #content2,#conferencias .clasifica main #content3,#conferencias .contTabs main #content4{display:none;float:left;width:100%;overflow:auto;margin-top:60px}
#conferencias .contTabs main #tab1:checked ~ #content1,
#conferencias .contTabs main #tab2:checked ~ #content2,
#conferencias .contTabs main #tab3:checked ~ #content3,
#conferencias .contTabs main #tab4:checked ~ #content4{display:block}
#conferencias .grid,#capacitaciones{float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;grid-auto-flow:row}
#conferencias article{display:flex;border:1px solid #E5E7EB;border-radius:15px;padding:40px}
#conferencias .fecha{width:40px;margin-right:20px}
#conferencias .dia{float:left;width:100%;height:40px;line-height:40px;background:#E1E9FF;border-radius:5px;text-align:center;font-size:18px;color:#6366F1}
#conferencias .mes{float:left;width:100%;text-align:center;font-size:16px;color:#626293}
#conferencias .info{float:left;width:calc(100% - 60px)}
#conferencias .info p{float:left;width:100%;text-align:left;line-height:30px;margin-bottom:14px}
#conferencias .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}
#conferencias .info a span{float:left;border-bottom:1px solid #6366F1;margin-right:5px}
#conferencias .info a img,#capacitaciones p.link img{vertical-align:middle}
#capacitaciones article{float:left;width:calc(100% - 82px);border:1px solid #E5E7EB;border-radius:15px;padding:40px}
#capacitaciones p.nombre{float:left;width:100%;text-align:left;line-height:26px;margin-bottom:26px;font-size:24px;letter-spacing:-1.5px;text-transform:lowercase}
#capacitaciones p.nombre::first-letter{text-transform:uppercase}
#capacitaciones p.tipo{float:left;width:calc(100% - 30px);padding-left:30px;font-size:22px;line-height:20px;text-align:left;text-transform:uppercase;background:url("../images/planes/icoTipo.png") no-repeat;margin-bottom:15px}
#capacitaciones p.fecha{float:left;width:calc(100% - 30px);padding-left:30px;text-align:left;font-size:22px;line-height:20px;margin-bottom:15px;background:url("../images/enVivo/icoFecha.png") no-repeat;text-transform:lowercase}
#capacitaciones p.fecha br{display:none}
#capacitaciones p.link{float:left;width:calc(100% - 30px);padding-left:30px;line-height:22px}
#capacitaciones p.link a{float:left;height:auto;padding:0;background:none;border-radius:0;text-align:left;line-height:22px;font-size:22px;font-weight:300;color:#6366F1;border-bottom:1px solid #6366F1;margin-right:5px}
/*RESPONSIVE*/
@media (max-width:1500px){
#capacitaciones p.fecha{line-height:26px}
#capacitaciones p.fecha span{display:none}
#capacitaciones p.fecha br{display:inline-block}}
@media (max-width:1440px){
#conferencias .info p{line-height:26px}
#conferencias .info a{font-size:22px;line-height:22px}}
@media (max-width:1366px){
#intro h1{font-size:70px;line-height:50px}
#intro h2{font-size:60px;line-height:45px}
#conferencias .grid,#capacitaciones{gap:30px}
#conferencias article{padding:30px}
#capacitaciones article{width:calc(100% - 62px);padding:30px}
#capacitaciones p.nombre {line-height:22px;font-size:22px}
#capacitaciones p.tipo{width:calc(100% - 26px);padding-left:26px;font-size:20px;line-height:16px;background-size:16px}
#capacitaciones p.fecha{width:calc(100% - 26px);padding-left:26px;font-size:20px;line-height:24px;background-size:16px}
#capacitaciones p.link a{font-size:20px;line-height:20px}}
@media (max-width:1280px){
#banner h4{font-size:42px;line-height:40px}
#banner #timer li{width:90px}
#banner #timer li b{font-size:70px;line-height:50px}
#banner #timer li span{font-size:20px;line-height:18px}}
@media (max-width:1160px){
#capacitaciones{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1080px){
#conferencias .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){
#conferencias .info p{line-height:24px}
#conferencias .info a{font-size:20px;line-height:20px}
#banner .date span{font-size:22px;letter-spacing:-1px}}
@media (max-width:900px){
#banner .date{text-align:center}
#banner .date img{margin-right:0}
#banner .date span{float:left;width:100%; white-space:nowrap}}
@media (max-width:860px){
#banner h4{font-size:36px;line-height:36px}
#banner #timer li{width:70px}
#banner #timer li b{font-size:60px;line-height:40px}
#banner #timer li span{font-size:18px;line-height:16px}}
@media (max-width:800px){
#intro h1{font-size:60px;line-height:40px}
#intro h2{font-size:50px;line-height:35px}
#conferencias .grid,#capacitaciones{grid-template-columns:repeat(1,1fr)}}
@media (max-width:540px){
#intro h1{font-size:50px;line-height:35px}
#intro h2{font-size:40px;line-height:30px}}
@media (max-width:480px){
#banner h4{font-size:32px;line-height:30px}
#banner #timer li{width:55px;margin:0 10px}
#banner #timer li b{font-size:50px;line-height:45px}
#banner #timer li span{font-size:15px;line-height:13px}
#banner .date img{margin-bottom:10px}
#banner .date span{white-space:normal;line-height:24px;font-size:20px}}
@media (max-width:440px){
#intro h1{font-size:40px;line-height:30px}}
@media (max-width:400px){
#intro h2{line-height:35px}}
@media (max-width:360px){
#intro h1{font-size:36px;line-height:28px}
#intro h0{font-size:36px;line-height:32px}
#banner #timer li{width:50px;margin:0 6px}
#banner #timer li b{font-size:45px;line-height:42px}}