/* MAIN TESTIMONIAL */

#main-testimonial p {
	font-size: 1em;
}

#main-testimonial .name {
	font-size: 1.1em;
	font-weight: 500;
}
#main-testimonial .testimonial-div{
	background: white;
	border-radius: var(--borderRadius);
	padding: 20px;
	font-size: 14px;
	color: #374151;
}

#main-testimonial span {
	display: block;
}

.testimonial-text{
	flex: 1 1 auto;
}

#main-testimonial .testimonial-text span {
	display: inline;
	background-color: var(--yellowHiglighter);
	color:var(--bgColor);
	padding: 2px;
}

#main-testimonial img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;;
}

#main-testimonial .strava-button {
	cursor: pointer;
	border: none;
	background: #fc5200;
	background: #fc5200;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-size: 11px;
	line-height: 13px;
	line-height: 13px;
	font-weight: 700;
	padding: 6px 12px;
	-webkit-text-decoration: none;
	text-decoration: none;
}

#main-testimonial .testimonial-date{
	opacity: 0.7;
	font-weight: 500 !important;
	font-family: var(--titleFont);
}


#plans-page #main-testimonial .testimonials-masonry {
	column-count: 2;
	column-gap: 1.5rem;
}

#main-testimonial .testimonials-masonry {
	column-count: 3;
	column-gap: 1.5rem;
}

@media (max-width: 768px) {
	#main-testimonial .testimonials-masonry {
		column-count: 1;
	}
}

.testimonial-item {
	break-inside: avoid;
	margin-bottom: 1.5rem;
}


.comparison-table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 20px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	background: #fff;
}

.comparison-table {
	width: 100%;
	min-width: 920px; /* evita celdas apretadas en desktop */
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
}

.comparison-table th,
.comparison-table td {
	padding: 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #f1f1f1;
}

.comparison-table th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #fff;
	text-align: left;
	font-weight: 600;
}

/* Blog post tables: compact, no forced min-width */
.comparison-table--blog {
	min-width: 0;
	width: 100%;
}

.comparison-table--blog th,
.comparison-table--blog td {
	padding: 7px 12px;
	font-size: 0.875rem;
	line-height: 1.4;
}

.comparison-table--blog th {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #555;
	font-weight: 600;
	background: #f8f8f8;
}

.comparison-table--blog tbody td:first-child {
	font-weight: 600;
}

.comparison-table-wrapper--blog {
	margin-top: 12px;
	margin-bottom: 12px;
}

/* ═══════════════════════════════════════════════════════════════════
   COMPARISON TABLES — alternative, hub-alternative, versus
   Shared base styles. Variant-specific overrides below.
   ═══════════════════════════════════════════════════════════════════ */

/* Wrapper */
.comparison-table-wrapper--alternative,
.comparison-table-wrapper--hub-alternative,
.comparison-table-wrapper--versus {
	border-radius: 10px;
	overflow: hidden;
}

/* Table */
.comparison-table--alternative,
.comparison-table--hub-alternative,
.comparison-table--versus {
	table-layout: auto;
	min-width: 600px;
}

/* All cells */
.comparison-table--alternative th,
.comparison-table--alternative td,
.comparison-table--hub-alternative th,
.comparison-table--hub-alternative td,
.comparison-table--versus th,
.comparison-table--versus td {
	font-size: 13px;
	line-height: 1.45;
}

/* Header row */
.comparison-table--alternative th,
.comparison-table--hub-alternative th,
.comparison-table--versus th {
	background-color: #111827;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

/* Alternating rows */
.comparison-table--alternative tbody tr:nth-child(odd) td,
.comparison-table--hub-alternative tbody tr:nth-child(odd) td,
.comparison-table--versus tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.comparison-table--alternative tbody tr:nth-child(even) td,
.comparison-table--hub-alternative tbody tr:nth-child(even) td,
.comparison-table--versus tbody tr:nth-child(even) td {
	background-color: #fafafa;
}

/* First column: feature label */
.comparison-table--alternative tbody td:first-child,
.comparison-table--hub-alternative tbody td:first-child,
.comparison-table--versus tbody td:first-child {
	font-weight: 600;
}

/* CCA column: bold + green check
   alternative/versus → nth-child(3)
   hub-alternative → data-cycling-coach-ai attribute */
.comparison-table--alternative tbody td:nth-child(3),
.comparison-table--versus tbody td:nth-child(3),
.comparison-table--hub-alternative tbody td[data-cycling-coach-ai="true"] {
	font-weight: 600;
}

.comparison-table--alternative tbody td:nth-child(3)::after,
.comparison-table--versus tbody td:nth-child(3)::after,
.comparison-table--hub-alternative tbody td[data-cycling-coach-ai="true"]::after {
	content: " \2713";
	color: #23a559;
	font-weight: 700;
}

/* Links inside header cells (always dark background) */
.comparison-table--alternative th a,
.comparison-table--hub-alternative th a,
.comparison-table--versus th a {
	color: #ffffff !important;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,0.4);
}

/* First-column body links: dark on desktop (white bg), white on mobile (dark card header) */
.comparison-table--alternative tbody td:first-child a,
.comparison-table--hub-alternative tbody td:first-child a,
.comparison-table--versus tbody td:first-child a {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.comparison-table--alternative tbody td:first-child a,
	.comparison-table--hub-alternative tbody td:first-child a,
	.comparison-table--versus tbody td:first-child a {
		color: #111 !important;
		text-decoration-color: #111 !important;
	}
}

@media (max-width: 767px) {
	.comparison-table--alternative tbody td:first-child a,
	.comparison-table--hub-alternative tbody td:first-child a,
	.comparison-table--versus tbody td:first-child a {
		color: #ffffff !important;
		text-decoration-color: rgba(255,255,255,0.4) !important;
	}
}

/* ─── Mobile: card layout ───────────────────────────────────────── */
@media (max-width: 767px) {
	.comparison-table-wrapper--alternative,
	.comparison-table-wrapper--hub-alternative,
	.comparison-table-wrapper--versus {
		overflow-x: hidden;
		border: 0;
		background: transparent;
	}

	.comparison-table--alternative,
	.comparison-table--hub-alternative,
	.comparison-table--versus {
		min-width: 0;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
	}

	.comparison-table--alternative thead,
	.comparison-table--hub-alternative thead,
	.comparison-table--versus thead {
		display: none;
	}

	/* Row = card */
	.comparison-table--alternative tbody tr,
	.comparison-table--hub-alternative tbody tr,
	.comparison-table--versus tbody tr {
		display: block;
		margin-bottom: 14px;
		border: 1px solid #e8e8e8;
		border-radius: 10px;
		background: #fff;
		overflow: hidden;
	}

	/* All cells */
	.comparison-table--alternative tbody td,
	.comparison-table--hub-alternative tbody td,
	.comparison-table--versus tbody td {
		display: block;
		border-right: 0;
		border-bottom: 1px solid #efefef;
		padding: 10px 12px;
		background-color: #fff !important;
		white-space: normal;
		word-break: break-word;
		overflow-wrap: anywhere;
		font-size: 13px;
		line-height: 1.5;
		color: #1a1a1a;
	}

	.comparison-table--alternative tbody tr td:last-child,
	.comparison-table--hub-alternative tbody tr td:last-child,
	.comparison-table--versus tbody tr td:last-child {
		border-bottom: 0;
	}

	/* Card header = first td */
	.comparison-table--alternative tbody tr > td:first-child,
	.comparison-table--hub-alternative tbody tr > td:first-child,
	.comparison-table--versus tbody tr > td:first-child {
		background: #111827 !important;
		color: #fff !important;
		font-weight: 700;
		font-size: 13.5px;
		letter-spacing: 0.1px;
	}

	/* Column label via data-column attribute */
	.comparison-table--alternative tbody td[data-column]::before,
	.comparison-table--hub-alternative tbody td[data-column]::before,
	.comparison-table--versus tbody td[data-column]::before {
		content: attr(data-column);
		display: block;
		margin-bottom: 6px;
		font-weight: 700;
		font-size: 11.5px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: #666;
	}

	/* CCA column: green border + #fafafa bg
	   alternative/versus → nth-child(3)
	   hub-alternative → data attribute */
	.comparison-table--alternative tbody td:nth-child(3),
	.comparison-table--versus tbody td:nth-child(3),
	.comparison-table--hub-alternative tbody td[data-cycling-coach-ai="true"] {
		border-left: 3px solid #23a559;
		background-color: #fafafa !important;
		font-weight: 600;
	}

	/* hub-alternative rider-type table: no CCA highlight */
	.comparison-table-wrapper--hub-alternative .comparison-table--rider-type tbody tr td[data-cycling-coach-ai="true"] {
		background-color: #fff !important;
		border-left: 0;
	}
}

/* ─── Versus page hero elements ─────────────────────────────────── */
.versus-tag {
	display: flex;
	justify-content: center;
}

@media (max-width: 767px) {
	.versus-tag {
		justify-content: flex-start;
	}

	.versus-description {
		text-align: left !important;
	}
}

/* sticky first column (Week) */
.sticky-col {
	position: sticky;
	left: 0;
	z-index: 3;
	background: #fff;
}

.week-col { font-weight: 700; }

/* Cell formatting */
.cell { line-height: 1.25; }
.cell-title { display: block; font-weight: 600; margin-top: 2px; }
.cell-meta { display: block; font-size: 12px; opacity: 0.85; margin-top: 4px; }
.cell-zones { display: block; font-size: 12px; opacity: 0.75; margin-top: 4px; }
.cell-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 999px;
	margin-bottom: 6px;
	border: 1px solid rgba(0,0,0,0.08);
	background: rgba(0,0,0,0.03);
}

/* Session type backgrounds */
.cell-rest { background: #f2f2f2; }
.cell-easy { background: #eaf6ee; }
.cell-endurance { background: #eaf1fb; }
.cell-tempo { background: #fff2e3; }
.cell-threshold { background: #f6e9ff; }



/* PILARS HOME */


#pilars .benefits-col h2{
	font-size: 1.5rem;
	margin-bottom: 20px;
	display: inline-block;
}

#pilars .benefits-col h3{
	font-size: 1.1rem;
	font-weight: 400;
	margin-top: 10px;
}

#pilars h3::after{
	content: "→";
	position: relative;
	color: var(--orangeColor);
	font-weight: bold;
	font-size: 1em;
	left: 5px;
}

#pilars a:hover{
	text-decoration: none;
}

#pilars .pilar-line{
	border: none;
	border-top: 1px dashed #fc520052;
	margin: 15px 0px 20px;
	width: 100%;
}


/* PILAR */

.index h4,
p.h4 {
	margin: 15px 0px;
}

.pilar #content, .landing #content{
	background-color: #fff;
	color: var(--bgColor);
}

.pilar #content h2, .landing #content .blog-content h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 40px;
}

.pilar #content h2:first-child, .landing #content .blog-content h2:first-child{
	margin-top: 0px;
}

.landing #content .blog-main,
.pilar #content .blog-main {
	margin: 50px 0px;
}

.pilar #content p, .landing #content .blog-content p {
	font-size: 1rem;
	font-weight: normal;
	line-height: 25px;
}

.pilar #content h3, .landing #content .blog-content h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 10px;
}

.pilar #content a{
	color: var(--grey);
	text-decoration: underline;
	text-decoration-color: currentColor;
}

.landing #content .blog-content a, .pilar #content .blog-content a {
	color: var(--bgColor);
	text-decoration: underline;
	text-decoration-color: currentColor;
}

#faqs .faq-title-text{
	font-size: 1.2rem;
	font-weight: 600;
}

#faqs .faq-answer-text a{
	color: var(--grey);
	text-decoration: underline;
	text-decoration-color: currentColor;
}

/* Excepción: cuando el <a> está dentro de .blog-content que a su vez está dentro de #content */
.pilar #content .blog-content a, .landing #content .blog-content a {
	color: var(--bgColor);
}

.pilar #content .blog-content a:hover, .landing #content .blog-content a:hover {
	text-decoration: none;
}

.comparison-table .cca-row td {
	background-color: #e6f4ea;
}

.pilar #content .comparison-table th a,
.landing #content .comparison-table th a {
	background-image: none !important;
	text-decoration: underline !important;
}

.pilar #content .comparison-table td:first-child a,
.landing #content .comparison-table td:first-child a {
	color: #000 !important;
	background-image: none !important;
	text-decoration: underline !important;
}

@media (max-width: 767px) {
	.pilar #content .comparison-table td:first-child a,
	.landing #content .comparison-table td:first-child a {
		color: #fff !important;
	}

	.comparison-table .cca-row td:not(:first-child) {
		border-left: 3px solid #23a559;
	}
}
@media (min-width: 768px) {
	.comparison-table .cca-row td {
		background-color: transparent;
	}

	.comparison-table .cca-row td:not(:first-child) {
		font-weight: 600;
	}

	.comparison-table .cca-row td:not(:first-child)::after {
		content: " \2713";
		color: #23a559;
		font-weight: 700;
	}
}

.blog-content ul, .article #content .blog-content ul {
	padding-left: 0;
	list-style: none;
}
.blog-content ul > li, .article #content .blog-content ul > li {
	position: relative;
	padding-left: 1.2em;
}
.blog-content ul > li::before, .article #content .blog-content ul > li::before {
	content: "•";
	position: absolute;
	left: 0;
}

/* BENEFITS */

.benefit {
	margin-bottom: 0px;
	padding: 0px;
}

.benefit .benefits-col{
	padding: 0px;
}

.link {
	color: #2F76C5;
	font-weight: 600;
}

.item {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

.item p {
	font-size: 1em;
	font-weight: 400;
}

#features .item img {
	height: auto;
}

#features a.demo {
	border-radius: 10px;
	display: table;
	background: #18C971;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

#features a.demo:hover {
	text-decoration: none;
}

#features a.demo i {
	font-size: 22px;
	vertical-align: bottom;
	padding-right: 5px;
}

.item-left {
	text-align: left;
	padding: 20px;
}

#pilars .item-left {
	text-align: left;
	margin: inherit;
	padding: 10px 15px;
}

#cluster .item-left{
	padding: 0px;
}

#pilars .item-left i{
	display: inline-block;
	margin-right: 10px;
	font-size: 1.5rem;
}

#pilars .item-left a{
	display: inline-block;
}

.item-right {
	text-align: right;
}

.benefit-image picture img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	position: relative;
}

#benefits .item h3, #landings .item h3 {
	font-size: 1.6em;
	margin: 10px 0px;
}


.cta-div {
	width: fit-content;
	display: block;
	margin: 100px auto 25px;
	position: relative;
	text-align: center;
}

.planes .cta-div{
	margin: 10px auto 15px;
}

header .cta-div {
	width: fit-content;
	display: block;
	margin: 0px;
	position: relative;
	text-align: center;
}

#benefits .benefit .benefit-container, #landing .benefit .benefit-container, #landings .benefit .benefit-container, #pilars .benefit .benefit-container {
	overflow: hidden;
	background-color: var(--bgGrey);
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
	transition: all 0.3s ease-in-out;
	margin: 15px 15px 0px 15px;
}

#benefits .benefit .benefit-container .benefit-image, #landings .benefit .benefit-container .benefit-image, #pilars .benefit .benefit-container .benefit-image{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#benefits .benefit .benefit-container .benefit-image image, #landings .benefit .benefit-container .benefit-image image, #pilars .benefit .benefit-container .benefit-image image{
	width: 100%;
	height: auto;
	display: block;
}




/* END BENEFITS */


/* HOW IT WORKS */

.pasos .line {
	width: 100%;
	background-color: #E2761A;
	height: 5px;
}

.content_points {
	margin-top: 50px;
}

.point {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #1e5993;
	border: 3px #fff solid;
	width: 50px;
	height: 50px;
	line-height: 45px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	top: 10px;
}

.item_steps i {
	font-size: 80px;
	margin: 30px 0px;
	padding: 5px;
	background: var(--grey);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.list-steps {
	padding: 0px;
}

.list-steps li {
	list-style: none;
	display: flex;
}

.list-steps > li > .item_steps {
	flex: 1;
}

.item_steps img {
	width: 78px;
	margin-top: 15px;
}

.pasos {
	top: 40px;
	position: relative;
}

.item_steps picture {
	margin-top: 20px;
	display: block;
}

.item_steps {
	display: flex;
	flex-direction: column;
	background-color: var(--bgGrey);
	border-radius: 8px;
	padding: 25px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
	transition: all 0.3s ease-in-out;
	position: relative;
	font-weight: 600;
	color: var(--grey);
	z-index: 1;
	margin: 5px;
	text-align: center;
}

.item_steps .img-responsive {
	margin: 0 auto;
}

.item_steps span {
	font-size: 14px;
	display: block;
	font-weight: 400;
	min-height: 45px;
}

.list-steps li::before {
	counter-increment: section;
	content: counter(section);
	border-radius: 100px;
	background-color: var(--btnMainColor);
	border: 3px var(--btnMainColor) solid;
	width: 35px;
	height: 35px;
	color: var(--bgColor);
	font-size: 16px;
	font-weight: 700;
	margin: 0 auto;
	top: 15px;
	left: 30px;
	text-align: center;
	position: absolute;
	padding: 3px;
	z-index: 10;
	font-family: monospace;
}

.item_steps .step-title {
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 0px;
}

.item_steps .step-desc {
	display: block;
	font-size: 1em;
	font-weight: 400;
	min-height: 45px;
}

.wo_padding {
	padding: 0px;
	padding-left: 1px;
}

.testimonial-row {
	margin-top: 50px;
}


/* FEATURES */

#features .benefit h3,
#features .benefit .h3 {
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#features .item p {
	font-size: 1em;
	text-align: left;
	font-weight: 300;
}

#features .item {
	text-align: left;
}

#features .item .feature-box{
	background-color: var(--bgGrey);
	border-radius: 8px;
	padding: 2rem;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
	transition: all 0.3s ease-in-out;
}

#features .item .feature-box:hover {
	box-shadow: 0 0 0 1px var(--btnMainColor);
}

#features .item i {
	font-size: 1.5em;
	color: var(--grey);
	font-weight: 700;
	transition: color 0.3s ease;
}

#features .item .feature-box:hover i {
	color: var(--btnMainColor); /* naranja en hover */
}


#features .btnLiftoffNew:hover {
	background-color: var(--btnMainColor);
	color: white;
}

.features-icons {
	display: flex;
	flex-direction: row;
	list-style: none;
	width: 100%;
	margin: 50px 0px;
}

.features-icons .feature-icon {
	height: 150px;
	width: 150px;
	padding: 30px 20px;
	margin-left: 15px;
	margin-top: 30px;
	display: block;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	font-size: 14px;
	background: #eeeeee;
	border-radius: 10px;
	-webkit-box-shadow: rgb(0 12 32 / 4%) 0 0 1px 0, rgb(10 31 68 / 6%) 0 10px 16px 0;
	box-shadow: rgb(0 12 32 / 4%) 0 0 1px 0, rgb(10 31 68 / 6%) 0 10px 16px 0;
	cursor: pointer;
}

.features-icons .feature-icon a {
	display: block;
}

.features-icons .feature-icon a:hover {
	text-decoration: none;
}

.features-icons .feature-icon:hover {
	text-decoration: none;
	box-shadow: rgb(0 0 0 / 6%) 0 4px 12px;
	transform: translateY(-1px);
	animation: none;
}

.features-icons .feature-icon span {
	display: block;
	clear: both;
	padding-top: 10px;
	font-weight: 600;
	color: #212529;
}

.features-icons .fa,
.features-icons .fas,
.features-icons .fab {
	font-size: 45px;
	background: #0b4e92;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* END FEATURES */


/* PARTNERS */

.partners-content a {
	color: var(--bgColor) !important;
}

.partners-content span {
	display: inline-block;
	width: 150px;
	height: 150px;
	padding: 20px;
	border-radius: 100px;
	text-align: center;
	vertical-align: middle;
}

p.additional-text {
	padding: 5px 10px !important;
	font-size: 14px;
	font-weight: 300;
}

.partners-content img {
	height: auto;
	width: 110px;
	vertical-align: middle;
}

.partner-title {
	font-weight: 600;
}


/* LANDINGS START */

.benefit a{
	color: inherit;
}

.benefit a:hover{
	text-decoration: none;
}

/* LANDINGS END

/* TESTIMONIALS */

#team {
	background: #f4f4f4;
}

.testimonial {
	font-size: 0.8em;
	margin-top: 10px;
	font-weight: 400;
}

#team .testimonial-card .testimonial {
	padding: 15px 23px 17px 23px;
	position: relative;
	margin-bottom: 0px;
	text-align: left;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
}

#team .testimonial-card .testimonial:after {
	content: "";
	width: 0;
	height: 0;
	border-right: 35px solid transparent;
	position: absolute;
	bottom: -18px;
	left: 0;
}

#team .testimonial-card .credentials p {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: 500;
	text-align: center;
}

#team .testimonial-card {
	margin-bottom: 80px;
}

#team .testimonial-card img {
	max-width: 150px;
}

#team .testimonial-card .credentials .fab.fa-twitter {
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
	color: #094AFF;
}

#team .testimonial-card .credentials .fab.fa-twitter:hover {
	top: -1px;
	position: relative;
}

#team .testimonial-card .credentials a:hover {
	text-decoration: none;
}

#team .testimonial-card .credentials cite {
	text-align: center;
	padding-top: 10px;
	position: relative;
	display: block;
}

#team .testimonial-card .credentials span {
	text-align: center;
	padding-top: 10px;
	position: relative;
	display: block;
	font-size: 15px;
}

#team .testimonial-card .credentials cite a,
#team .testimonial-card .credentials span a {
	margin-top: 0px;
	display: inline;
	color: #094AFF;
}

#team .testimonial-card .testimonial.one {
	background: #F7F9FC;
}

#team .testimonial-card .testimonial.one:after {
	border-top: 30px solid #F7F9FC;
}

#team .testimonial-card .testimonial.two {
	background: #faece6;
}

#team .testimonial-card .testimonial.two:after {
	border-top: 30px solid #faece6;
}

#team .testimonial-card .testimonial.three {
	background: #e1f7ea;
}

#team .testimonial-card .testimonial.three:after {
	border-top: 30px solid #e1f7ea;
}

#team .testimonial-card .testimonial.four {
	background: #eaf7ff;
}

#team .testimonial-card .testimonial.four:after {
	border-top: 30px solid #eaf7ff;
}

#team .email-testimonial {
	margin-bottom: 20px;
}

#team .email-testimonial img {
	max-width: 100%;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	margin-bottom: 20px;
}

#team .email-testimonial .testimonial-email-image {
	flex-grow: 1;
}

#team hr {
	margin-bottom: 80px;
}


/* END TESTIMONIALS */


/* TESTIMONIALS */

.testimonial {
	font-size: 0.8em;
	margin-top: 10px;
	font-weight: 400;
}

#testimonials .testimonial-card .testimonial {
	padding: 15px 23px 17px 23px;
	position: relative;
	margin-bottom: 0px;
	text-align: left;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
}

#testimonials .testimonial-card .testimonial:after {
	content: "";
	width: 0;
	height: 0;
	border-right: 35px solid transparent;
	position: absolute;
	bottom: -18px;
	left: 0;
}

#testimonials .testimonial-card .sprite,
#testimonials .testimonial-card img {
	transform: scale(0.4);
	margin: initial;
	left: -40px;
	position: relative;
	top: -10px;
}


#testimonials .testimonial-card .credentials {
	padding-left: 25px;
	text-align: left;
	line-height: 20px;
}

#testimonials .testimonial-card .credentials p {
	font-size: 16px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: 500;
}

#testimonials .testimonial-card .credentials cite p {
	padding-top: 0px;
}

#testimonials .testimonial-card .credentials cite {
	font-size: 14px;
}

#testimonials .testimonial-card .credentials cite a {
	margin-top: 0px;
	display: inline;
}

#testimonials .testimonial-card .testimonial.one {
	background: #F7F9FC;
}

#testimonials .testimonial-card .testimonial.one:after {
	border-top: 30px solid #F7F9FC;
}

#testimonials .testimonial-card .testimonial.two {
	background: #faece6;
}

#testimonials .testimonial-card .testimonial.two:after {
	border-top: 30px solid #faece6;
}

#testimonials .testimonial-card .testimonial.three {
	background: #e1f7ea;
}

#testimonials .testimonial-card .testimonial.three:after {
	border-top: 30px solid #e1f7ea;
}

#testimonials .testimonial-card .testimonial.four {
	background: #eaf7ff;
}

#testimonials .testimonial-card .testimonial.four:after {
	border-top: 30px solid #eaf7ff;
}

#testimonials .email-testimonial {
	margin-bottom: 20px;
}

#testimonials .email-testimonial img {
	max-width: 100%;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	box-shadow: rgba(0, 12, 32, .04) 0 0 1px 0, rgba(10, 31, 68, .06) 0 10px 16px 0;
	margin-bottom: 20px;
}

#testimonials .email-testimonial .testimonial-email-image {
	flex-grow: 1;
}

#testimonials hr {
	margin-bottom: 80px;
}

/* END TESTIMONIALS */

/* SOCIAL WIDGET */
.stars {
	display: flex;
	color: #FBBF24;
	width: 9em;
}

/* END SOCIAL WIDGET */


/* FOOTER */

.footer-above a {
	color: #fff;
}

.footer-above a:hover {
	color: #fff;
}

#plans-page .footer-above {
	padding-bottom: 50px;
}

#plans-page .footer-above p.subtitle{
	font-size: 1.3rem;
	font-weight: 300;
	margin-top: 20px;
}

.footer-above h2 {
	font-size: 3em;
	line-height: normal;
	font-weight: 700;
}

.footer-above h3 {
	font-size: 1.5em;
	margin-top: 10px;
}

.footer-above .cta-div {
	margin: 0 auto;
}

.footer-below h6 {
	text-align: left;
	font-weight: 500;
	color: var(--fontDarkColor);
}

.footer-below a {
	font-weight: 300;
}

.footer_menu {
	list-style-type: none;
	text-align: left;
	padding-left: 0px;
}

.footer_menu li {
	font-size: 0.8rem;
	font-weight: 400;
	padding: 2px 0px;
}

.footer_menu li a:hover,
.mail:hover {
	text-decoration: underline;
}

.footer-above .subtitle {
	margin-top: 20px;
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 1em;
}

.footer-above .btnMainSuper {
	margin: 30px 0px;
	color: #fff !important;
	font-weight: 500;
	webkit-box-shadow: 0 6px 0 0 #b9601c, 0 1px 3px 0 rgba(0, 0, 0, .298039), 0 5px 10px 0 rgba(0, 0, 0, .247059), 0 10px 10px 0 rgba(0, 0, 0, .2), 0 15px 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 6px 0 0 #b9601c, 0 1px 3px 0 rgba(0, 0, 0, .298039), 0 5px 10px 0 rgba(0, 0, 0, .247059), 0 10px 10px 0 rgba(0, 0, 0, .2), 0 15px 20px 0 rgba(0, 0, 0, .1);
}

footer .logo-footer img,
footer .logo-footer source {
	width: 100px;
	margin-top: 20px;
}

footer .mail {
	color: #FFF;
	font-weight: 300;
	font-size: 13px !important;
}

footer .social-media a {
	color: #fff;
	margin-right: 10px;
	font-size: 20px;
}

.link {
	position: relative;
	margin-top: 10px;
	color: #5cc7ff;
	display: block;
}

.link:hover {
	color: #0076be;
}

.twitter:hover {
	color: #5cc7ff;
}

footer .logo-footer {
	max-width: 100px;
}

.footer-below .col-lg {
	margin-bottom: 30px;
}


/* END FOOTER */


/* LANDING */

.landing .navbar-shrink {
	background: #2b2d38 !important;
}

.landing .navbar-brand-inv {
	display: none;
}

.landing header .btnMainSuper {
	margin: 40px 0px 20px;
}

.landing header .btnMainSuper:active,
.landing header .btnMainSuper:focus {
	color: #000;
}


/* END LANDING */


/* HELP ZONE */

.help-page {
	padding-top: 120px;
	min-height: 700px;
}


/* POSTS START */

time {
	font-weight: 600;
}

/*time:before {
  display: block;
  width: 1.77778rem;
  height: .44444rem;
  margin-bottom: .88889rem;
  background-color: #068ee7;
  content: "";
  }*/


  /* POST END */

  .content-safari {
  	max-width: 300px;
  	margin: 3px auto;
  }

  .safari {
  	background-color: rgba(0, 0, 0, 0.9);
  	z-index: 10000;
  	top: 0px;
  	height: 100%;
  	margin-top: 100px;
  	padding: 20px;
  	display: none;
  }

  .safari label {
  	font-size: 38px;
  	margin-bottom: 12px;
  	font-weight: 100;
  	letter-spacing: 1px;
  }

  .safari p {
  	font-size: 1em;
  	font-weight: 300;
  	display: block;
  	margin: 0px 10px 30px;
  	line-height: 25px;
  	text-align: center;
  	letter-spacing: 0.8px;
  }

  .safari label img {
  	width: 70px;
  	display: block;
  	margin: 0 auto;
  }

  .safari input {
  	border: 0;
  	border-radius: 5px;
  	padding: 10px 16px;
  	width: 90%;
  	margin-top: 20px;
  }

  .safari .cta-div {
  	margin: 40px auto;
  }

  .safari .cta-div a {
  	width: 90%;
  }

  .safari .linkMailSuccess {
  	display: none;
  	padding-top: 38px;
  }

  .safari .chrome .chrome-available {
  	width: 230px;
  	display: block;
  	margin: 0 auto;
  	margin-top: 30px;
  }

  .safari .chrome .star {
  	width: 20px;
  	opacity: 0.9;
  }

  /* SUCCESS START */

  .success .benefit-image .icon {
  	border: 1px solid;
  	border-radius: 100px;
  	width: 200px;
  	height: 200px;
  	text-align: center;
  	padding: 50px;
  	color: #0b4e92;
  	background: linear-gradient(135deg, #0b4e92 0%, rgba(11, 78, 146, 1) 5%, rgba(14, 118, 223, 1) 80%);
  	display: block;
  	margin: 0 auto;
  }

  .success .benefit-image .icon .far,
  .success .benefit-image .icon .fas,
  .success .benefit-image .icon .fa,
  .success .benefit-image .icon .fab {
  	font-size: 90px;
  	color: #fff;
  }

  /* SUCCESS END */

  /* DISCOVER MORE START */

  #discover-more .discover-div {
  	border: 1px #dcdcdc solid;
  	color: var(--grey);
  	padding: 30px;
  	margin-bottom: 20px;
  	border-radius: 5px;
  }

  #discover-more h4 {
  	margin-bottom: 20px;
  }

  #discover-more .discover-element {
  	margin-left: 10px;
  }

  #discover-more .discover-element a {
  	color: var(--fontWhiteColor);
  	font-size: 1rem;
  	font-weight: 500;
  	display: block;
  	width: 100%;
  	padding: 5px 15px;
  	border-radius: 5px;
  	border: 1px solid #e6e6e6;
  }

  #discover-more .discover-element a:hover {
  	text-decoration: none;
  	background-color: var(--btnMainColor);
  	color: #fff;
  	box-shadow: 0 0 0 1px var(--btnMainColor);
  	top: unset !important;
  	color: var(--fontWhiteColor);
  	background: var(--btnSecondaryColor);
  	box-sizing: border-box;
  	text-decoration: none;
  	border: 1px solid #111;
  }

  /* DISCOVER MORE END */


  /* MEDIAS GENERALES */




  @media (min-width: 1000px) {


  }

  @media (min-width: 1200px) {
  	
  }

  @media (max-width: 1000px) {

  	#testimonials .testimonial-card .credentials {
  		padding-left: 0px;
  	}

  	.item-right {
  		margin-top: 0px;
  	}

  	.point {
  		position: absolute;
  		top: 10px;
  		left: 10px;
  	}

  	.item_steps span {
  		font-size: 13px;
  	}

  	.list-steps li::before {
  		top: 20px;
  	}

  	.item_steps i {
  		font-size: 60px;
  		margin: 30px 0px 10px;
  	}

  	.item_steps img {
  		margin-top: 0px;
  	}

  	.item_steps span {
  		min-height: 0px;
  	}

  	.footer-above h3,
  	.footer-above .h3 {
  		margin-top: 10px;
  	}

  	.index #pain-points .pain-points img {
  		width: 35px;
  	}

  	.benefit-image {
  		text-align: center;
  	}

  	.benefit h2 {
  		font-size: 3em;
  	}

  	#benefits .item h3, #landings .item h3 {
  		font-size: 1.4em;
  		font-weight: 700;
  	}

  	#testimonials hr {
  		margin-bottom: 40px;
  	}

  	.features-icons {
  		margin-top: 20px;
  	}

  	.features-icons .feature-icon {
  		margin-left: 0px;
  		margin-top: 30px;
  		height: 140px;
  		width: 150px;
  		padding: 25px 30px;
  		font-size: 15px;
  	}

  }

  @media (max-width: 770px) {

  	#main-testimonial p{
  		font-size: 1em;
  	}

  	.partners-content img {
  		width: 80px;
  	}

  	.partners-content p {}


	.footer-above h2 {
		font-size: 2rem;
		text-align: center;
	}

  	.just-desktop {
  		display: none !important;
  	}

  	.just-mobile {
  		display: block !important;
  	}

  	.item_steps .step-desc {
  		font-size: 1em;
  	}

  	#features .item p {
  		font-size: 1em;
  		padding: 5px 5px 5px 0px;
  	}

  	.footer-above {
  		background-size: cover !important;
  	}

  	#features .benefit-image picture img {
  		width: 100%;
  		max-width: unset;
  	}

  	.item .demo {
  		float: unset !important;
  		margin: 0 auto;
  		;
  	}

  	.logo {
  		width: 200px !important;
  		padding: 10px;
  	}

  	.benefit-text {
  		text-align: left;
  	}

  	.item_steps {
  		display: table;
  		width: 100%;
  	}

  	.item_steps .step-title {
  		font-size: 1.3em;
  	}

  	.item_steps .step-desc {
  		font-size: 1em;
  	}

  	.item_steps span {
  		width: 70%;
  		margin: 0px auto;
  	}

  	.only_700 {
  		display: block;
  	}

  	.logo {
  		width: 200px !important;
  		padding: 10px;
  	}

  	.point {
  		position: absolute;
  		top: 3px;
  		left: 3px;
  	}

  	.benefit-image {
  		text-align: center;
  	}

  	.item-left {
  		margin-top: 0px;
  	}

  	.footer-above h3,
  	.footer-above .h3 {
  		font-size: 27px;
  		margin-top: 5px;
  	}

  	.mobile-text-center {
  		text-align: center;
  	}

  	.item {
  		font-weight: 300;
  	}

  	.item p {
  		text-align: left;
  	}

  	.item_steps span {
  		font-size: 14px;
  	}

  	.logo {
  		width: 120px !important;
  		margin-left: 30px;
  	}

  	h2 {
  		font-size: 28px;
  	}

  	.know {
  		font-weight: 300;
  	}

  	.btnDiv {
  		text-align: center;
  		margin-top: 15px;
  	}

  	.border_bottom {
  		border-left: 0px;
  		border-right: 0px;
  	}

  	ol,
  	ul {
  		margin-bottom: 0px !important
  	}

  	section h2,
  	.h2 {
  		font-size: 1.8em;
  	}

  	.footer-above h3,
  	.footer-above .h3 {
  		font-size: 1.2em;
  		line-height: 25px;
  		letter-spacing: 0px;
  	}

  	.footer-above .subtitle {
  		font-size: 1em;
  		line-height: inherit;
  	}

  	.index .benefit {
  		margin-bottom: 10px;
  	}

	#benefits .benefit .benefit-container,
	#landing .benefit .benefit-container,
	#landings .benefit .benefit-container,
	#pilars .benefit .benefit-container {
		margin: 0px;
	}

  	.content_points {
  		margin-top: 0px;
  	}

  	.testimonial {
  		font-size: 1em;
  	}

  	.testimonial-row {
  		margin-top: 0px;
  	}

  	.order-1 {
  		order: 1;
  	}

  	.order-2 {
  		order: 2;
  	}

  	.landing .navbar-default .navbar-toggle {
  		display: none;
  	}

  	.item-left {
  		margin-top: 0px;
  	}

  	ol,
  	ul {
  		margin-bottom: 0px !important
  	}

  	.footer_menu {
  		padding: 0px;
  	}

  	.footer_menu li {
  		display: block;
  		padding-bottom: 10px;
  	}

  	section h2 {
  		margin: 0;
  		font-size: 1.8em;
  		text-align: left;
  		padding: 0px;
  	}

	p.subtitle {
		font-size: 1rem;
		text-align: left;
		padding: 10px 0 0 0;
	}

	#faqs .faq-question {
		padding: 10px 5px;
		font-size: 1em;
	}

  	.sub_plans {
  		width: 90%;
  		margin: 40px auto;
  	}

  	.btnMain.btnTry {
  		padding: 15px 40px;
  		font-size: 15px;
  		margin: 20px auto;
  		max-width: 400px;
  	}

  	#testimonials .testimonial-card .sprite {
  		transform: scale(0.5);
  	}

  	.planes {
  		position: relative;
  	}

  	.langs {
  		top: 5px;
  	}

  	.item_steps span {
  		font-size: 14px;
  	}

  	.know {
  		font-weight: 400;
  		font-size: 14px;
  	}

  	.counter {
  		margin-top: 83px;
  		position: relative;
  	}

  	.counter {
  		height: 200px;
  	}

  	.btnDiv {
  		text-align: center;
  		margin-top: 15px;
  	}

  	.counter .btnCounter {
  		margin: 0 auto;
  	}

  	.footer_menu {
  		padding: 0px;
  	}

  	.footer_menu li {
  		display: block;
  		padding: 0px;
  		margin: 0px;
  		padding-bottom: 5px;
  	}

  	.last .footer_menu {
  		margin-bottom: 20px !important;
  	}

  	.footer-below h5 {
  		font-size: 1rem;
  	}

  	.features-icons .feature-icon {
  		margin-left: 0px;
  		height: 150px;
  		width: 150px;
  		padding: 25px 20px;
  		font-size: 14px;
  		margin-top: 20px;
  	}

  	.partners-content span {
  		width: 100px;
  		height: 100px;
  		padding: 15px;
  	}

  	.list-steps {
  		margin-top: 40px;
  	}

  	#features .item img {
  		width: 100%;
  		padding: 0px;
  	}

  	#team .testimonial-card img {
  		max-width: 100%;
  	}

	#team .testimonial-card .credentials span {
		padding-top: 0px;
	}

	header .intro-text {
		padding-top: 20px;
	}

	.pilar #content h2,
	.landing #content .blog-content h2 {
		font-size: 2rem;
	}

  }

  @media (max-width: 600px) {
  	.features-icons .feature-icon {
  		font-size: 13px;
  	}
  }

  @media (max-width: 569px) {

  }


  @media (max-width: 400px) {

  	.item_steps i {
  		margin-top: 40px;
  	}

  	.point {
  		font-size: 14px;
  		width: 30px;
  		height: 30px;
  		top: none;
  		left: none;
  		line-height: initial;
  	}

  }
.seen img { height: auto; }

/* ─── MTB Training Plan table ──────────────────────────────────────────────── */
.comparison-table-wrapper--mtb-plan .comparison-table--mtb-plan th,
.comparison-table-wrapper--mtb-plan .comparison-table--mtb-plan td {
  font-size: 13px;
  line-height: 1.4;
}

.comparison-table-wrapper--mtb-plan .comparison-table--mtb-plan tbody td:first-child {
  font-weight: 700;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .comparison-table-wrapper--mtb-plan {
    overflow-x: hidden;
    border: 0;
    background: transparent;
  }

  .comparison-table--mtb-plan {
    min-width: 0;
    width: 100%;
  }

  .comparison-table--mtb-plan thead {
    display: none;
  }

  /* Each week row becomes a card */
  .comparison-table--mtb-plan tbody tr {
    display: block;
    margin-bottom: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
  }

  /* Week label = card header */
  .comparison-table--mtb-plan tbody td:first-child {
    display: block;
    background: #111 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 9px 14px;
    border-bottom: 0;
  }

  /* Day cells */
  .comparison-table--mtb-plan tbody td:not(:first-child) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 14px;
    border-right: 0;
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    word-break: break-word;
  }

  .comparison-table--mtb-plan tbody tr td:last-child {
    border-bottom: 0;
  }

  /* Day label injected via nth-child */
  .comparison-table--mtb-plan tbody td:not(:first-child)::before {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    min-width: 32px;
    padding-top: 2px;
    flex-shrink: 0;
  }
  .comparison-table--mtb-plan tbody td:nth-child(2)::before  { content: "Mon"; }
  .comparison-table--mtb-plan tbody td:nth-child(3)::before  { content: "Tue"; }
  .comparison-table--mtb-plan tbody td:nth-child(4)::before  { content: "Wed"; }
  .comparison-table--mtb-plan tbody td:nth-child(5)::before  { content: "Thu"; }
  .comparison-table--mtb-plan tbody td:nth-child(6)::before  { content: "Fri"; }
  .comparison-table--mtb-plan tbody td:nth-child(7)::before  { content: "Sat"; }
  .comparison-table--mtb-plan tbody td:nth-child(8)::before  { content: "Sun"; }
}

/* ─── Weight Loss Plan table ────────────────────────────────────────────────── */
.comparison-table--weight-loss-plan th,
.comparison-table--weight-loss-plan td {
  font-size: 14px;
  line-height: 1.45;
}

.comparison-table--weight-loss-plan tbody td.cell-week {
  font-weight: 700;
  vertical-align: middle;
}

/* Intensity colors — desktop */
.comparison-table--weight-loss-plan td.cell-rest   { background-color: #f5f5f5; color: #888; }
.comparison-table--weight-loss-plan td.cell-zone2  { background-color: #eaf1fb; color: #1d4ed8; font-weight: 600; }
.comparison-table--weight-loss-plan td.cell-hiit   { background-color: #fff2e3; color: #c2410c; font-weight: 600; }
.comparison-table--weight-loss-plan td.cell-easy   { background-color: #eaf6ee; color: #15803d; font-weight: 600; }

@media (max-width: 767px) {
  .comparison-table-wrapper--weight-loss-plan {
    overflow-x: hidden;
    border: 0;
    padding: 0;
  }

  .comparison-table--weight-loss-plan {
    min-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .comparison-table--weight-loss-plan thead {
    display: none;
  }

  .comparison-table--weight-loss-plan tbody tr {
    display: block;
    margin-bottom: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
  }

  .comparison-table--weight-loss-plan tbody td {
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 0;
    border-bottom: 1px solid #efefef;
    padding: 8px 12px;
    font-size: 13px;
    text-align: left;
  }

  .comparison-table--weight-loss-plan tbody tr td:last-child {
    border-bottom: 0;
  }

  /* Week label = card header */
  .comparison-table--weight-loss-plan tbody td.cell-week {
    display: block;
    background: #111 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
    padding: 8px 12px;
  }

  /* Day label via ::before */
  .comparison-table--weight-loss-plan tbody td:not(.cell-week)::before {
    font-weight: 700;
    font-size: 11px;
    color: #888;
    min-width: 28px;
    flex-shrink: 0;
  }
  .comparison-table--weight-loss-plan tbody td:nth-child(2)::before { content: "Mon"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(3)::before { content: "Tue"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(4)::before { content: "Wed"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(5)::before { content: "Thu"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(6)::before { content: "Fri"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(7)::before { content: "Sat"; }
  .comparison-table--weight-loss-plan tbody td:nth-child(8)::before { content: "Sun"; }
}

@media (min-width: 768px) {
  .comparison-table-wrapper--weight-loss-plan .comparison-table--weight-loss-plan {
    min-width: 680px;
  }
}
