.platforms-page header {
	background: linear-gradient(180deg, #0C0A29 40.29%, #28228F 114.45%);
	padding: 144px 0 68px;
}

.platforms-page header .container {
	max-width: 1270px;
}

.platforms-page header .logos {
	display: flex;
	gap: 9px;
	align-items: center;
	margin-bottom: 8px;
}

.platforms-page header .logos .logo-platform {
	max-height: 25px;
}

.platforms-page header .logos span {
	color: #FFF031;
	text-align: center;
	font-family: PlutoBold;
	font-size: 11.715px;
	font-style: normal;
	font-weight: 700;
}

.platforms-page header .compatible-text {
	color: #FFF;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 32px;
}

.platforms-page header h1 {
	color: #FFF031;
	font-family: PlutoRegular;
	font-size: 45px;
	font-style: normal;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: -2.76px;
	margin-bottom: 32px;
}

.platforms-page header .description {
	color: #FFF;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 48px;
}

.platforms-page header .data-item {
	display: flex;
	gap: 11px;
	flex-direction: column;
	align-items: center;
}

.platforms-page header .d-flex {
	margin-bottom: 48px;
}

.platforms-page header .custom-col {
	border-right: 1px solid #7B80D2;
	padding: 0 32px;
}

.platforms-page header .custom-col:last-child {
	border-right: 0px;
}

@media (max-width: 768px) {
	.platforms-page header .custom-col {
		border: 0px;
		margin-bottom: 20px;
		padding: 0 20px;
	}
}

.platforms-page header .data-item .number {
	color: #8A90FF;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	letter-spacing: -2.88px;
}

.platforms-page header .data-item .text {
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 124.735%;
}

.platforms-page header .btn {
	border-radius: 46px;
	background: #FFF031;
	padding: 21px 32px;
	color: #0D0D0D;
	text-align: center;
	font-family: PlutoBold;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.platforms-page header .no-card {
	color: #7B80D2;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 124.735%;
	margin-bottom: 0;
	margin-left: 19px;
}

.platforms-page header .video-cover {
	/* 	background-image: url('https://www.doofinder.com/main-files/uploads/2025/11/frame.png'); */
	padding: 0px 5px 5px;
	border: 1px solid #FFF;
	border-radius: 8px;
}

.platforms-page header .video-cover .options {
	height: 25px;
	display: flex;
	align-items: center;
	padding-left: 5px;
}

.platforms-page header .ratings {
	display: flex;
	gap: 15px;
	padding: 35px 0;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.platforms-page header .ratings .item {
	color: #FFF;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.421px;
}

.platforms-page .logos-slider {
	background: white;
	padding: 18px 0;
	overflow: hidden;
	display: flex; /* AÑADE ESTO */
}

.platforms-page .logos-slider .logos-inner {
	display: flex;
	gap: 8px;
	flex-shrink: 0; /* AÑADE ESTO */
}

.platforms-page .logos-slider img {
	height: 60px;
	width: auto;
	flex-shrink: 0;
	display: block;
}

@media (max-width: 768px) {
	.platforms-page .logos-slider img {
		height: 40px;
	}
}
.platforms-page .case-studies {
	background: white;
	padding: 54px 0 55px;
}

.platforms-page .case-studies h2 {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.64px;
	margin-bottom: 32px;
}

.platforms-page .case-studies .subtitle {
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 64px;
}

.platforms-page .case-studies .box {
	border: 1px solid #F5F5F5;
	padding: 12px 9px 26px;
	background: #FFF;	
	box-shadow: 0 4px 13.5px 0 rgba(186, 186, 186, 0.25);
	text-align: center;
	height: 100%;
}

.platforms-page .case-studies .box img {
	margin-bottom: 35px;
}

.platforms-page .case-studies .box p {
	color: #1B1851;
	font-family: PlutoBold;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.12px;
	margin-bottom: 22px;
}

.platforms-page .case-studies .box a {
	color: #4842C1;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.platforms-page .comparative-table {
	padding: 49px 0 129px;
	background: white;
}

.platforms-page .comparative-table h2 {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.64px;
	max-width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
}

.platforms-page .comparative-table .subtitle {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 36px;
}

.platforms-page .comparative-table .table {
	border-radius: 8px;
	border: 1px solid #D3D5D8;
	background: rgba(255, 255, 255, 0.96);
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	margin-bottom: 23px;
}

.platforms-page .comparative-table .table-overflow {
	overflow-x: auto;
}

.platforms-page .comparative-table .table .titles {
	height: 100px;
}

.platforms-page .comparative-table .table .titles .col-4 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.platforms-page .comparative-table .table .titles h3 {
	color: #000;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	width: 100%;
	letter-spacing: normal;
}

.platforms-page .comparative-table .table .titles .features-title {
	margin-left: 17px;
}

.platforms-page .comparative-table .table .titles .center {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background: rgba(123, 128, 210, 0.20);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

.platforms-page .comparative-table .table hr {
	height: 1px;
	background: #000;
	margin: 0;
	border: 0;
}

.platforms-page .comparative-table .table .content-table {
	background: #1B1851;
	color: white;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	border-radius: 4px;
	max-height: 0;
	opacity: 0;
	padding: 0 20px;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
	pointer-events: none; /* Evita interacción cuando está oculto */
}

.platforms-page .comparative-table .table .content {
	height: 100px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
}

.platforms-page .comparative-table .table .content:hover + .content-table,
.platforms-page .comparative-table .table .content-table:hover {
	max-height: 500px; /* Ajusta según necesites */
	opacity: 1;
	padding: 20px;
	pointer-events: auto; /* Permite interacción cuando está visible */
}

.platforms-page .comparative-table .table .content-last .center {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.platforms-page .comparative-table .table .content .inner {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
}

.platforms-page .comparative-table .table .content .inner-text span {
	color: #3A3A3A;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-left: 17px;
}

.platforms-page .comparative-table .table .content .inner-text {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.platforms-page .comparative-table .table .content .center {
	background: rgba(123, 128, 210, 0.20);
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
}

.platforms-page .comparative-table .table .content .center p {
	margin-bottom: 0;
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
}

.platforms-page .comparative-table .table .content .inner p {
	margin-bottom: 0;
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	padding: 0 10px;
}

@media (max-width: 768px) {
	.platforms-page .comparative-table .table .content .inner-text span {
		font-size: 13px;
	}
	
	.platforms-page .comparative-table .table .titles h3, .platforms-page .comparative-table .table .titles .features-title {
		font-size: 15px;
	}
	
	.platforms-page .comparative-table .table .content .center p, .platforms-page .comparative-table .table .content .inner p {
		font-size: 13px;
	}
	.platforms-page .comparative-table .table .content-table {
		font-size: 10px;
	}
}

@media (max-width: 500px) {
	.platforms-page .comparative-table .table .content .inner-text span {
		font-size: 10px;
	}
	
	.platforms-page .comparative-table .table .titles h3, .platforms-page .comparative-table .table .titles .features-title {
		font-size: 15px;
	}
	
	.platforms-page .comparative-table .table .content .center p, .platforms-page .comparative-table .table .content .inner p {
		font-size: 10px;
	}
}

.platforms-page .comparative-table .disclaimer {
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
}

.platforms-page .comparative-table .buttons {
	display: flex;
	gap: 7px;
	margin-bottom: 24px;
	justify-content: center;
}

.platforms-page .comparative-table .tab-button {
	padding: 14px 32px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: inherit;
}

.platforms-page .comparative-table .tab-button.active {
	background-color: #0a0e3d;
	color: #ffffff;
}

.platforms-page .comparative-table .tab-button:not(.active) {
	background-color: #F5F5F5;
	color: #0a0e3d;
}

.platforms-page .comparative-table .tab-button:not(.active):hover {
	background-color: #f5f5f5;
}

.platforms-page .offers {
	background: white;
	padding-bottom: 53px;
}

.platforms-page .offers h2 {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.64px;
	margin-bottom: 32px;
}

.platforms-page .offers .subtitle {
	color: #3A3A3A;
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 64px;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.platforms-page .offers .box {
	border-radius: 8px;
	border: 1px solid #D3D5D8;
	background: linear-gradient(180deg, #FFF 0%, #EEEFFF 100%);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.platforms-page .offers .box .content {
	padding: 32px;
}

.platforms-page .offers .box .content h3 {
	color: #041527;
	font-family: PlutoBold;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 27.402px;
	letter-spacing: 0.3px;
	margin-bottom: 11px;
}

.platforms-page .offers .box .content h3 span {
	color: #0C0A29;
	text-align: center;
	font-family: PlutoBold;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
	border-radius: 4px;
	background: #FFF031;
	padding: 0 8px;
	margin-left: 10px;
}

.platforms-page .offers .box .content p {
	color: #041527;
	font-family: Helvetica;
	font-size: 16.024px;
	font-style: normal;
	font-weight: 400;
	line-height: 26.44px;
	letter-spacing: 0.501px;
}

.platforms-page .offers .box .image img {
	max-height: 280px;
}

.platforms-page .steps {
	background: linear-gradient(0deg, rgba(245, 245, 245, 0.96) 47.42%, rgba(255, 255, 255, 1) 100%);
	padding: 69px 0;
}

.platforms-page .steps .inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 440px;
	margin-left: auto;
}

.platforms-page .steps .inner h2 {
	color: #1B1851;
	text-align: right;
	font-family: PlutoBold;
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.72px;
	margin-bottom: 21px;
}

.platforms-page .steps .inner .subtitle {
	color: #3A3A3A;
	text-align: right;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
	margin-bottom: 0;
}

.platforms-page .steps .step {
	border-radius: 8px;
	border: 1px solid #FFF;
	background: rgba(123, 128, 210, 0.20);
	margin-bottom: 9px;
	padding: 3px 18px;
	max-width: 410px;
	display: flex;
	gap: 22px;
	align-items: center;
	margin-left: 25px;
	
	transform: scale(1);
	transition: transform 0.4s ease, background 0.4s ease;	
	
}

.platforms-page .steps .step.active {
	transform: scale(1.1);
	background: rgba(123, 128, 210, 0.50);	
}

.platforms-page .steps .step .number {
	color: #4842C1;
	text-align: right;
	font-family: Roboto;
	font-size: 57.8px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
}

.platforms-page .steps .step .text {
	color: #000;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;
}

@media (max-width: 768px) {
	.platforms-page .steps .inner {
		margin-right: auto;
		margin-bottom: 20px;
	}
	.platforms-page .steps .inner h2 {
		text-align: center;
	}
	.platforms-page .steps .inner .subtitle {
		text-align: center;
	}
	.platforms-page .steps .step {
		margin-left: auto;
		margin-right: auto;
	}
}

.platforms-page .video-demo {
	padding: 84px 0;
	background: white;
}

.platforms-page .video-demo .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.platforms-page .video-demo h2 {
	color: #1B1851;
	font-family: PlutoBold;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 24px;
}

.platforms-page .video-demo .description {
	color: #585A56;
	font-family: Roboto;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 30px;
}

.platforms-page .video-demo .job {
	color: #4842C1;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 30px;
}

.platforms-page .video-demo .data {
	color: #4842C1;
	font-family: Roboto;
	font-size: 36px;
	font-style: italic;
	font-weight: 900;
	line-height: normal;
	margin-bottom: 0;
}

.platforms-page .video-demo a {
	color: #33268C;
	font-family: PlutoBold;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	text-transform: uppercase;
	margin-top: 50px;
}

.platforms-page .footer-cta {
	background: #FFF030;
	padding: 84px 0;
}

.platforms-page .footer-cta h2 {
	color: #1B1851;
	text-align: center;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.56px;
	margin-bottom: 3px;
}

.platforms-page .footer-cta p {
	color: #0C0A29;
	
	text-align: center;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 148%;	
	margin-bottom: 26px;
}

.platforms-page .footer-cta a {
	border-radius: 46px;
	background: #1B1851;
	padding: 23px 32px;
	color: #FFF;
	text-align: center;
	font-family: PlutoBold;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	border: 2px solid #1B1851;
	margin-bottom: 5px;
}

.platforms-page .footer-cta .ctas-sector-btns {
	display: flex;
	gap: 12px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.platforms-page .footer-cta a.demo {
	background: transparent;
	color: #1B1851;
}

.platforms-page .footer-cta .box {
	max-width: 964px;
	margin-left: auto;
	margin-right: auto;
}

.platforms-page .shopify-banner {
	padding: 0 0 69px 0;
	background: linear-gradient(0deg, rgba(245, 245, 245, 0.96) 47.42%, rgba(255, 255, 255, 1) 100%);
}
.platforms-page .shopify-banner .box {
	border-radius: 24px;
	background: #33268C;
}

.platforms-page .shopify-banner .box .content {
	padding: 30px 10px 30px 68px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 768px) {
	.platforms-page .shopify-banner .box .content {
		padding: 30px;
	}
}

.platforms-page .shopify-banner .box .image {
	display: flex;
	height: 100%;
	flex-direction: column-reverse;
}

.platforms-page .shopify-banner .box .content h2{
	color: #FFF031;
	font-family: PlutoBold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 124.735%;
	margin-bottom: 16px;
}

.platforms-page .shopify-banner .box .content p {
	color: #FFF;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 148%;
	margin-bottom: 0;
}