/*------listado------*/
#content.comparativa{margin: 0 auto;padding: 0 20px;max-width: 100%;width: 1400px;}
#content.comparativa > section {width: 100%}
#content.comparativa > section > a {align-items: center; background-color: #fff; border: 2px solid var(--marca); border-radius: 4px; color: var(--marca); display: flex; font-size: 14px; font-weight: 600; height: 40px; justify-content: center; margin: 10px 0; padding: 0; width: 130px;}
#content.comparativa > section h1 {color: var(--grey-dark); font-family: Cairo; font-weight: 700; padding: 0; text-align: left; text-transform: none; margin: 30px 0; width: 100%; position: relative; font-size: 22px;}
#content.comparativa > section .scrollCompara{width: 100%;overflow-x:auto;}
#content.comparativa > section .contentCompara{min-width: 768px;}
#content.comparativa > section .contentCompara > div {font-size: 16px;padding: 10px 0;float: left;width: 33%;margin: 15px 0px 20px;text-align: center;}
#content.comparativa > section .contentCompara > div > h3, #content.comparativa > section .contentCompara > div > h2 {font-weight: bold;margin: 10px 0px;position: relative;text-align: center;min-height: 40px;}
#content.comparativa > section .contentCompara > div > div > a{display: block;}
#content.comparativa > section .contentCompara > div > div > a > img {height:auto;width: 95%}
#content.comparativa > section .contentCompara p {clear: both;font-size: 20px;font-weight: bold;margin: 20px 0px;text-align: left;padding: 10px;border-bottom: 1px solid var(--grey-borde);color: var(--black);}
#content.comparativa > section .contentCompara table {padding: 0;width: calc(100%);margin: 0;}
#content.comparativa > section .contentCompara table > tbody > tr > td {display: table-cell !important;padding: 10px 6px;width: 33% !important;}
#content.comparativa > section .contentCompara table > tbody > tr > td > b {display: block;font-weight: normal;margin: 8px 0;padding: 0 0 8px 0;font-size: 14px;border-bottom: 1px solid var(--grey-borde);}
#content.comparativa > section .contentCompara table > tbody > tr > td > span {display: block;margin: 6px 0px;font-weight: bold;font-size: 18px;}
#content.comparativa > section .contentCompara table > tbody > tr > td > span b{font-size: 16px;}
#content.comparativa > section .contentCompara table > tbody > tr > td > i {color: #cc0033;display: block;font-size: 12px;font-style: oblique;font-weight: bold;}
#content.comparativa > section .contentCompara table > tbody > tr > td > ul > li {margin: 10px 0px 0px 10px;}
#content.comparativa > section .contentCompara table > tbody > tr > td > a {background: var(--marca); color: var(--white); display: inline-flex; font-size: 14px; font-weight: bold; padding: 0 10px; text-decoration: none; height: 36px; align-items: center; border-radius: 2px; margin: 10px 0;}
#content.comparativa > section .contentCompara table > tbody > tr > td > a:hover {background: var(--marcahover);}
#content.comparativa > section .contentCompara table > tbody > tr > td > ul > li > strong {display: block;font-weight: bold;}
#content.comparativa > section .contentCompara table > tbody > tr > td > ul > li > a {background: var(--marca); color: var(--white); display: inline-flex; font-size: 14px; font-weight: bold; padding: 0 10px; text-decoration: none; height: 36px; align-items: center; border-radius: 2px; margin: 10px 0;}
#content.comparativa > section .contentCompara table > tbody > tr > td > ul > li > a:hover {background: var(--marcahover);}
#content.comparativa > section .contentCompara > span {background: url("images/icons-rojo.png") no-repeat scroll 5px -610px transparent;color: #000000;cursor: default;display: block;font-weight: bold;height: auto;padding: 6px 9px 6px 35px;text-decoration: none;margin: 8px 0;font-size: 16px;}
#content.comparativa > section .contentCompara > span + table {border-top: 1px solid var(--grey-borde);width: calc(100% - 30px);margin: 0 0 0 30px;}
#content.comparativa > section .contentCompara > span + table > tbody > tr > td > span{display: inline-block; font-size: 16px; font-weight: normal; margin: 10px 10px 10px 0;}
@media all and (min-width:980px){
    #content.comparativa > section > a:hover{background-color: var(--marca);color:var(--white);}
}