body {
	margin: 0;
	padding: 0;
	background-color: white
}

.page-template-default #primary {
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
}

.whyUse {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0px 20px 20px;
	border-top: 2px solid white;
}

.whyUse p {
	margin: 0;
	position: relative;
}

.whyUse p.title {
	font-weight: bold;
	font-size: 23px;
}

.whyUse p.description {
	font-size: 15px;
	font-weight: 300;
	width: 45%;
}

.whyUse p.percentage::before {
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	background: white;
	border-radius: 50px;
	position: absolute;
	z-index: 1;
	top: -12px;
	bottom: 0;
	left: -18px;
}

.whyUse p.percentage span {
	font-weight: bold;
  z-index: 2;
	position: relative;
}

.itemsScrollLeft {
	display: flex;
	gap: 1rem;
	overflow-x: scroll;
	padding: 40px 0 20px 0;
	align-items: stretch;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
}

.itemsScrollLeft div {
	min-width: 300px;
	scroll-snap-align: start;
	background: #F8F9FE;
	padding: 20px;
	border-radius: 25px;
	font-size: 17px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	position: relative;
}

.itemsScrollLeft div img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: absolute;
    top: -40px;
}

.itemsScrollLeft div p {
	font-size: 16px
}

.contentTable::-webkit-scrollbar,
.itemsScrollLeft::-webkit-scrollbar {
  height: 8px;
}

.itemsScrollLeft::-webkit-scrollbar-track,
.contentTable::-webkit-scrollbar-track{
  background: #F9F3EA;
	border-radius: 5px;
}

.itemsScrollLeft::-webkit-scrollbar-thumb,
.contentTable::-webkit-scrollbar-thumb{
  background: #0E243B;
	border-radius: 5px;
}

.itemsScrollLeft::-webkit-scrollbar-thumb:hover,
.contentTable::-webkit-scrollbar-thumb:hover{
  background: #0E243B;
}


/*tabla principal*/

.tableInfo {
    border-spacing: 0;
}

.tableInfo tbody tr p {
    margin: 0;
    padding: 8px 23px;
    font-size: 16px;
}

.tableInfo tbody tr td {
   padding: 0; 
   text-align: left;
}

.tableInfo tbody tr td:first-child p {
    width: 80%;
}

.tableInfo tbody tr td:nth-child(2) p {
    text-align: center
}

.tableInfo tbody tr td hr {
    background-color: #ffffff;
    border: 1px solid white;
    border-radius: 5px;
}

.tableInfo tbody tr td.bgOrange hr {
    width: 97%;
}

td.bgOrange a {
    background-color: white;
    display: block;
    width: max-content;
    margin: 0 auto;
    padding: 10px 25px;
    border-radius: 25px;
    color: #F45921;
}

p.figure {
    height: 30px;
    border-radius: 30px 30px 0 0;
    display: block;
}

p.figure2 {
    height: 30px;
    border-radius: 0 0 30px 30px;
    display: block;
}

.bgOrange {
    background-color: #F45921;
    color: white;
    text-align: left;
}

/*------------------------*/
.tableProductTv {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tableProductTv div {
	display: flex;
	align-items: center;
	background-color: rgba(241, 236, 228, .5);
	padding: 10px;
	border-radius: 15px;
	gap: 5px;
	justify-content: center;
}

.tableProductTv div:first-child {
	background-color: white;
}

.tableProductTv div:first-child p {
	color: #717579;
}

.tableProductTv div:last-child p {
	color: #FF521D;
}

.tableProductTv div p:first-child {
	width: 47%;
}

.tableProductTv div p:last-child {
	text-align: center;
}

.tableProductTv div p {
	width: 23%;
}
.skip-link {
    display: none;
}

@media(max-width: 600px) {
	.itemsScrollLeft {
		scroll-snap-type: x mandatory;
	}
	.whyUse {
    justify-content: flex-start;
    padding: 20px;
    flex-wrap: wrap;
	}
	
	.whyUse p.description {
    width: 100%;
	}
	
	.contentTable {
    overflow-x: scroll;
		padding-bottom: 20px;
	}
	.tableInfo {
    border-spacing: 0;
    min-width: 600px;
	}
	.tableInfo tbody tr td:first-child p {
    width: 100%;
	}
	.tableInfo tbody tr p {
    padding: 5px;
    font-size: 14px;
	}
}