.contenedor{position:relative;margin:0 auto;}
a, a.table_button:hover{text-decoration: none !important;}
*{margin: 0;padding: 0;}
#cards{display: none;}
#tabla .top{margin-bottom: 8px;}
#tabla .top, #tabla .features .line, #tabla .bottom{display: flex;justify-content: space-between;}
#tabla.free .top .left{position: relative;width: 100%;}
#tabla .top .left h3{font-size: 25px;line-height: 33px;font-weight: 700;margin-top: 24px;text-align: left;}
#tabla.free .top .left .compatible{font-size: 18px;line-height: 23px;font-weight: 700;text-align: left;position: absolute;bottom: 0;left: 18px;}
#tabla .top .left .compatible{margin-top: 89px;font-size: 18px;line-height: 23px;font-weight: 700;text-align: left;}
#tabla .top .left .compatible i{display: inline-block;margin-left: 16px;font-size: 24px;vertical-align: middle;}
#tabla .top .right, #tabla .features .right, #tabla .bottom .right{display: grid;grid-template-columns: repeat(4, 150px);grid-column-gap: 16px;}
#tabla.free .top .right, #tabla.free .features .right, #tabla.free .bottom .right{grid-template-columns: repeat(5, 150px);}
#tabla .top .right .product .logo{display: block;width: 48px;height: 48px;margin: 0 auto 8px;}
#tabla .top .right .product .logoFree{background:url("https://www.pandasecurity.com/security-promotion/resources/dome2001/img/pandasecurity-free.svg") no-repeat;}
#tabla .top .right .product .logoPDE{background:url("https://www.pandasecurity.com/security-promotion/resources/dome2001/img/panda-dome-essential-logo.svg") no-repeat;}
#tabla .top .right .product .logoPDA{background:url("https://www.pandasecurity.com/security-promotion/resources/dome2001/img/panda-dome-advanced-logo.svg") no-repeat;}
#tabla .top .right .product .logoPDC{background:url("https://www.pandasecurity.com/security-promotion/resources/dome2001/img/panda-dome-complete-logo.svg") no-repeat;}
#tabla .top .right .product .logoPDP{background:url("https://www.pandasecurity.com/security-promotion/resources/dome2001/img/panda-dome-premium-logo.svg") no-repeat;}
#tabla .top .right .product .productName{font-size: 25px;line-height: 33px;font-weight: 700;text-align: center;margin-bottom: 8px;}
#tabla .top .right .product .productName.free{color: #9D6D06;}
#tabla .top .right .product .productName.pde{color: #02874D;}
#tabla .top .right .product .productName.pda{color: #D90042;}
#tabla .top .right .product .productName.pdc{color: #662483;}
#tabla .top .right .product .productName.pdp{color: #0041A3;}
#tabla .precio_antes{font-size: 15px;line-height: 22px;font-weight: 400;text-align: center;text-decoration: line-through;}
#tabla .precio_despues{font-size: 18px;line-height: 23px;font-weight: 700;text-align: center;margin-top: 3px;}
#tabla .product_free .table_button{margin-top: 51px;}
#tabla .table_button, #tabla .table_button_downloads{border-radius: 10px;display: block;background: #FF9010;font-size: 16px;line-height: 24px;font-weight: 700;color: #FFFFFF;padding: 8px 0;text-align: center;margin-top: 5px;transition: .5s;}
#tabla .table_button:hover, #tabla .table_button_downloads:hover{background: #FFC787;}
#tabla .features .grey{background: #ECECEC;}
#tabla .features .feature{padding: 7px 18px;text-align: left;font-size: 16px;line-height: 24px;font-weight: 400;}
#tabla .features .product{padding: 11px 0;display: grid;}
#tabla .backgroundFree{background: #E0D5BB;}
#tabla .backgroundPDE{background: #C3D8CF;}
#tabla .backgroundPDA{background: #E5C3CD;}
#tabla .backgroundPDC{background: #D3C8D8;}
#tabla .backgroundPDP{background: #C3CDDD;}
#tabla .backgroundFree.clear{background: #EBE2CD;}
#tabla .backgroundPDE.clear{background: #CCE7DB;}
#tabla .backgroundPDA.clear{background: #F7CCD9;}
#tabla .backgroundPDC.clear{background: #E0D3E6;}
#tabla .backgroundPDP.clear{background: #CCD9ED;}
#tabla .checkFree{background: #9D6D06;width: 17px;height: 17px;border-radius: 10px;margin: 0 auto;align-self: center;}
#tabla .checkPDE{background: #02874D;width: 17px;height: 17px;border-radius: 10px;margin: 0 auto;align-self: center;}
#tabla .checkPDA{background: #D90042;width: 17px;height: 17px;border-radius: 10px;margin: 0 auto;align-self: center;}
#tabla .checkPDC{background: #662483;width: 17px;height: 17px;border-radius: 10px;margin: 0 auto;align-self: center;}
#tabla .checkPDP{background: #0041A3;width: 17px;height: 17px;border-radius: 10px;margin: 0 auto;align-self: center;}
#tabla .bottom{margin-top: 4px;}
#tabla .bottom .left{padding: 36px 0 0 18px;}
#tabla .bottom .compatible{font-size: 13px;line-height: 19px;font-weight: 400;width: 83%;text-align: left;}
#tabla .bottom .product_free .table_button{margin-top: 42px;}

#cards h3{font-size: 1.188rem;line-height: 1.75rem;font-weight: 700;text-align: center;margin-bottom: 48px;}
#cards .card{margin-bottom: 64px;}
#cards .card:last-child{margin-bottom: 0;}
#cards .card img{display: block;margin: 0 auto 32px;}
#cards .card ul{margin: 0;list-style: none;text-align: left;}
#cards .card ul li{margin-bottom: 24px;}
#cards .card ul li i, #cards .card ul li span{display: inline-block;font-size: 16px;line-height: 24px;font-weight: 400;}
#cards .card ul li i{margin-right: 8px;}
#cards .card ul li span{width: 90%;vertical-align: middle;}
#cards .card_button_downloads{border-radius: 10px;display: block;background: #FF9010;border:2px solid #FF9010;font-size: 16px;line-height: 24px;font-weight: 700;color: #FFFFFF;padding: 8px 0;text-align: center;margin: 5px auto 0;transition: .5s;width: 90%;}
#cards .card_button_downloads:hover{opacity:.5;}
#cards .precio_antes{font-size: 1.125rem;line-height: 1.6875rem;font-weight: 400;text-align: center;text-decoration: line-through;}
#cards .precio_despues{font-size: 1.125rem;line-height: 1.6875rem;font-weight: 700;text-align: center;color: #E02222;margin-bottom: 16px;}
#cards.free .precio_mes, #tabla.free .precio_mes{display: flex;grid-column-gap: 4px;justify-content: center;margin-bottom: 16px;}
#tabla.free .precio_mes .mes{font-size: 18px;line-height: 27px;font-weight: 700;}
#cards.free .precio_mes .mes{font-size: 1.125rem;line-height: 1.6875rem;font-weight: 700;}
#cards.free .precio_despues{color: #2F3343;margin-bottom: 0;}

@media screen and (max-width: 992px){
	#tabla{display: none;}
	#cards{display: block;}
}
@media screen and (max-width: 1024px){
	#tabla.free{display: none;}
	#cards.free{display: block;}
}
@media screen and (max-width: 350px){
	#cards .card ul li span{width: 85%;vertical-align: top;}
}