/* INICIO: HOME - BANNER HERO */
.home-hero-section {
	background: #02134C;
	position: relative;
	
	.hero-slider {
		.slider-banner-1 {
			background-color: #02134C;
			height: 675px;
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_hero_banner_web_03.jpg');
			background-repeat: no-repeat;
			background-position: 50vw center;
			background-size: contain;
			
			.banner-inner {
				.overlay {
					background: none !important;
				}
			}
		}
		
		.slider-banner-2 {
			background-color: #02134C;
			height: 675px;
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_hero_banner_web_04.jpg');
			background-repeat: no-repeat;
			background-position: 50vw center;
			background-size: contain;
			
			.banner-inner {
				.overlay {
					background: none !important;
				}
			}
		}
		
		.star {
			color: #759BE6;
			font-weight: 700;
			font-size: 16px;
			line-height: 1;
			margin-bottom: 20px;
			position: relative;
			left: 140px;
			
			&::after {
				content: url('http://www.siteperu.com.pe/wp-content/uploads/2025/10/estrellas.png');
				position: absolute;
				left: -140px;
				top: -1px;
			}
		}
		
		h2.title {
			color: #F5F4FF;
			font-size: 40px;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 40px;
			
			span.strong {
				color: #5386E4;
			}
		}

		.desc {
			color: #FFFFFF;
			font-size: 16px;
			line-height: 1.2;
			font-weight: 700;
			margin-bottom: 30px;
		}
		
		a.btn-primary {
			background: #5386E4;
			border-radius: 30px;
			padding: 10px 16px;
			line-height: 1;
			border: 1.5px solid #5386E4;
			color: #F5F4FF;
			
			&:hover {
				background: #1949A1;
				border-color: #1949A1;
			}
			
			span {
				font-size: 16px;
				line-height: 1;
				font-weight: 700;
			}
		}
		
		a.btn-secondary {
			background: transparent;
			border-radius: 30px;
			padding: 10px 16px;
			line-height: 1;
			border: 1.5px solid #F5F4FF;
			color: #F5F4FF;
			
			&:hover {
				color: #F5F4FF !important;
				background: #1949A1 !important;
				border-color: #1949A1;
			}
			
			span {
				font-size: 16px;
				line-height: 1;
				font-weight: 700;
			}
		}
	}
	
	.row.banner-social {
		position: absolute;
		top: 20%;
		right: 30px;
		margin: 0;
		max-width: 170px;
		.col {
			padding: 5px;
			background: #02134C;
			border-radius: 50px;
			box-shadow: 0 4px 4px 0 rgba(118, 118, 128, 0.12);
			&:hover {
				background: #081836;
			}
			.col-inner {
				display: flex;
				gap: 5px;
				.img {
					margin: 0;
				}
			}
		}
	}
}


/* SECTION CLIENTES CARROUSEL */
.home-clients-section {
	& > .section-content {
		& > .row {
			& > .col {
				& > .col-inner {
					& > .home-title-clients {
						text-align: center;
						color: #02134C;
						font-weight: 500;
						font-size: 20px;
					}
				}
			}
		}
	}
}


/* SECTION SOLUCIONES */
.home-soluciones-section {
	& > .section-content {
		
		& > .solu-texto {
			.home-solu-top {
				font-weight: 700;
				font-size: 23px;
				line-height: 1;
				margin-bottom: 15px;
				color: #02134C;
			}
			.home-solu-title {
				font-weight: 700;
				font-size: 35px;
				line-height: 1.2;
				margin-bottom: 20px;
				color: #5386E4;
			}
			.home-solu-descrip {
				font-weight: 500;
				font-size: 16px;
				line-height: 100%;
				letter-spacing: 0%;
				color: #5386E4;
			}
	
		}
		
		& > .home-sol-row-items-1-2 {
			width: 95%;
			flex-wrap: nowrap;
			gap: 20px;
		}
		
		& > .home-sol-row-items-3-5 {
			width: 95%;
			flex-wrap: nowrap;
			gap: 20px;
			margin-top: 20px;
		}
		
		.home-sol-item-1, .home-sol-item-2, .home-sol-item-3, .home-sol-item-4, .home-sol-item-5 {
			height: 380px;
			border-radius: 20px;
			padding: 60px 50px;
			border: 1px solid #5386E4;
			position: relative;
			overflow: hidden;
			
			& > .col-inner {
				& > .home-sol-item-title {
					color: #081836;
					font-weight: 700;
					font-size: 26px;
					line-height: 100%;
					letter-spacing: 0%;
				}
			}

			&::before {
				content: '';
				width: 100%;
				height: 100%;
				background: transparent;
				position: absolute;
				top: 0;
				left: 0;
			}

			&:hover::before {
				background: #FFFFFF33;
			}

			p {
				color: #081836;
			}
		}
		
		.home-sol-item-1 {
		background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/asesoria_personalizada.jpg');
		}

		.home-sol-item-2 {
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/comunicacion_unificada_y_contact_center.jpg');
		}

		.home-sol-item-3 {
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/conectividad_de_red.jpg');
		}

		.home-sol-item-4 {
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_solu_videoconferencia_2.jpg');
		}

		.home-sol-item-5 {
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/videovigilancia_y_seguridad.jpg');
		}
		
		
	}
}


/* MOBILE: HOME - BANNER HERO */
@media screen and (max-width: 600px) {
	.home-hero-section {
		background: #02134C;
		position: relative;
	
		.hero-slider {
			.slider-banner-1 {
				background-color: #02134C;
				aspect-ratio: 402 / 982;
				max-height: 982px;
				background-image: url('http://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_hero_banner_mobile_03.jpg');
				background-repeat: no-repeat;
				background-position: top center;
				background-size: contain;
			}
			
			.slider-banner-2 {
				background-color: #02134C;
				aspect-ratio: 402 / 982;
				max-height: 982px;
				background-image: url('http://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_hero_banner_mobile_04.jpg');
				background-repeat: no-repeat;
				background-position: top center;
				background-size: contain;
			}
			
			div[id^="text-box-"] {
				width: 80% !important;
				left: 50%;
				bottom: 10%;
				transform: translateX(-50%);
				top: initial;
			}
			
			.star {
				font-size: 14px;
				left: initial;
				text-align: center;

				&::after {
					left: 50%;
					transform: translatex(-50%);
					top: -25px;
				}
			}
			
			h2.title {
				font-size: 30px;
				text-align: center;
			}
			
			.desc {
				font-size: 14px;
				text-align: center;
			}
			
			a.btn-primary {
				width: 100%;
				margin-bottom: 10px;
				span {
					font-size: 14px;
				}
			}
			
			a.btn-secondary {
				width: 100%;
				span {
					font-size: 14px;
				}
			}
		}
	}
}

/* FIN: HOME - BANNER HERO */


.section {	
	
	.exito-home-top {
		font-weight: 700;
		font-size: 23px;
		line-height: 1;
		color: #02134C;
		margin-bottom: 10px;
	}

	.exito-home-title {
		font-weight: 700;
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 25px;
		color: #02134C;
	}

	.exito-home-desc {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.2;
		color: #02134C;
	}
	
	.continer-row-products {
		width: 95%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;

		.productos-items {
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg-produt-normal.jpg');
			height: 150px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0;
			max-width: 100%;
			margin: auto;

			&:hover {
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg-produt-hover.jpg');
			}

			p {
				color: #FFFFFF;
				font-weight: 700;
				font-style: bold;
				font-size: 23px;
				line-height: 1.2;
				text-align: center;
				margin: 0;
			}
		}
	}
}


@media screen and (min-width: 950px) {
	.sec-exi-column-right {
		position: relative;
		top: -30px;
	}	
}

.sec-exi-column-right {
	& > .col-inner {
		& > .home-cs-slider-items {
			& > .slider {
				& > .flickity-page-dots {
					bottom: -30px;
				}
				
				& > .flickity-viewport {
					& > .flickity-slider {
						& > .section {
							padding: 10px !important;
							
							&:nth-of-type(1) {
								& > .section-content {
									background-image: url("http://www.siteperu.com.pe/wp-content/uploads/2026/01/cs-san-pablo-home-web.jpg");
								}
							}
							
							&:nth-of-type(2) {
								& > .section-content {
									background-image: url("http://www.siteperu.com.pe/wp-content/uploads/2026/01/cs-minister-home-web.jpg");
								}
							}
							
							& > .section-content {
								background: #FFFFFF;
								border-radius: 30px;
								padding: 30px 40px;
								height: 350px;
								width: 814px;
								background-size: contain;
								background-repeat: no-repeat;
								background-position: center right;
								
								& > p {
									font-size: 16px;
									color: #5386E4;
									line-height: 1;
									margin: 0;
									max-width: 40%;
								}
								
								& > .icon-box.testimonial-box {
									margin-top: 20px;
									
									& > .icon-box-text{
										& > .star-rating {
											& > span {
												&::before {
													color: #5386E4 !important;
												}
											}
										}
										
										& > .testimonial-text {
											& > h3 {
												color: #081836;
												font-size: 18px;
												line-height: 1;
												margin: 0 0 5px;
												font-style: initial;
											}
											
											& > p {
												color: #081836;
												font-size: 16px;
												line-height: 1;
												margin: 0;
												font-style: initial;
											}
										}
										
										& > .testimonial-meta {
											
										}
									}
								}
								
								& > .img {
									display: none;
									
									& > .img-inner {
										& > img {
											
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}


@media screen and (max-width: 600px) {
	.sec-exi-column-right {
		& > .col-inner {
			& > .home-cs-slider-items {
				& > .slider {
					& > .flickity-page-dots {
						
					}

					& > .flickity-viewport {
						& > .flickity-slider {
							& > .section {
								max-width: 370px;

								&:nth-of-type(1) {
									& > .section-content {
										background-image: url("http://www.siteperu.com.pe/wp-content/uploads/2026/01/cs-san-pablo-home-mobile.jpg");
									}
								}

								&:nth-of-type(2) {
									& > .section-content {
										background-image: url("http://www.siteperu.com.pe/wp-content/uploads/2026/01/cs-minister-home-mobile.jpg");
									}
								}

								& > .section-content {
									height: 870px;
									width: 100%;
									max-width: 370px;
									background-position: center top;

									& > p {
										margin-top: 400px;
										font-size: 16px;
										max-width: initial;
									}

									& > .icon-box.testimonial-box {
										margin-top: 20px;

										& > .icon-box-text{
											
											& > .star-rating {
												margin: 0 auto 5px;
												
												& > span {
													&::before {
														color: #5386E4 !important;
													}
												}
											}

											& > .testimonial-text {
												& > h3 {
													color: #081836;
													font-size: 18px;
													line-height: 1;
													margin: 0 0 5px;
													font-style: initial;
													text-align: center;
												}

												& > p {
													color: #081836;
													font-size: 16px;
													line-height: 1;
													margin: 0;
													font-style: initial;
													text-align: center;
												}
											}

											& > .testimonial-meta {

											}
										}
									}

									& > .img {
										display: none;

										& > .img-inner {
											& > img {

											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}








.section {
	.row-home-novedades {
		margin-top: 80px;
		margin-bottom: 200px;

		.slider-novedades {
			padding: 0;

			& > .col-inner {
				& > .custom-news-section.for-web {
					& > .carousel-wrapper {
						& > .carousel {
							& > .flickity-page-dots {
								bottom: -30px;
							}

							& > .flickity-viewport {
								& > .flickity-slider {
									& > .carousel-item {
										width: 33.333% !important;
										padding: 10px;

										& > .news-card {
	/* 										height: 380px; */
											min-height: 380px;
											border: 1px solid #5386E4;
											border-radius: 20px;
											overflow: hidden;
											background: #FFFFFF;
											display: flex;
											flex-direction: column;

											& > .news-image {
												height: 180px;
												margin: 0 0 20px;

												& > img {
													width: 100%;
													height: 100%;
													object-fit: cover;
													object-position: center;
													display: block;
												}
											}

											& > .news-content {
												padding: 0 20px 30px;
												display: flex;
												flex-direction: column;
												flex: 1;

												& > .news-title {
													color: #5386E4;
													font-size: 18px;
													font-weight: 700;
													line-height: 1.1;
													margin: 0 0 10px;
												}

												& > .news-excerpt {
													color: #414F55;
													font-size: 13px;
													font-weight: 400;
													line-height: 1.1;
													margin: 0 0 10px;
												}

												& > .news-readmore {
													color: #5386E4;
													font-size: 13px;
													font-weight: 500;
													line-height: 1;
													margin: auto 0 0;
													text-align: right;
												}
											}
										}
									}
								}
							}
						}
					}
				}

				& > .custom-news-section.for-mobile {
					display: none;
					& > .carousel-wrapper {
						& > .carousel {
							& > .flickity-page-dots {
								bottom: -30px;
							}

							& > .flickity-viewport {
								& > .flickity-slider {
									& > .carousel-item {
										padding: 10px;

										& > .news-card {
	/* 										height: 380px; */
											min-height: 380px;
											border: 1px solid #5386E4;
											border-radius: 20px;
											overflow: hidden;
											background: #FFFFFF;
											display: flex;
											flex-direction: column;

											& > .news-image {
												height: 180px;
												margin: 0 0 20px;

												& > img {
													width: 100%;
													height: 100%;
													object-fit: cover;
													object-position: center;
													display: block;
												}
											}

											& > .news-content {
												padding: 0 20px 30px;
												display: flex;
												flex-direction: column;
												flex: 1;

												& > .news-title {
													color: #5386E4;
													font-size: 18px;
													font-weight: 700;
													line-height: 1.1;
													margin: 0 0 10px;
												}

												& > .news-excerpt {
													color: #414F55;
													font-size: 13px;
													font-weight: 400;
													line-height: 1.1;
													margin: 0 0 10px;
												}

												& > .news-readmore {
													color: #5386E4;
													font-size: 13px;
													font-weight: 500;
													line-height: 1;
													margin: auto 0 0;
													text-align: right;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

.home-productos-section {
	padding-top: 150px !important;

	.home-solu-top {
		font-weight: 700;
		font-size: 23px;
		line-height: 1;
		margin-bottom: 15px;
		color: #02134C;
	}
	.home-solu-title {
		font-weight: 700;
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 20px;
		color: #5386E4;
	}
	.home-solu-descrip {
		font-weight: 500;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: 0%;
		color: #5386E4;
	}
}






@media screen and (max-width: 767px) {
    .row-home-novedades {
			.slider-novedades {
				& > .col-inner {
					max-width: 258px;
					width: 80% !important;
					
					& > .custom-news-section.for-web {
						display: none;
					}
					
					& > .custom-news-section.for-mobile {
						display: block !important;
					}
				}
			}
	}
}






.section {
	.nove-home-top {
		font-weight: 700;
		font-size: 23px;
		line-height: 1;
		color: #02134C;
		margin-bottom: 15px;
	}

	.nove-home-title {
		font-weight: 700;
		font-size: 35px;
		line-height: 1.2;
		color: #5386E4;
		margin-bottom: 25px;
	}

	.nove-home-desc {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.2;
		color: #5386E4;
	}

	.row.row-top-proximamente {
		max-width: 1132px !important;
		width: 1132px;
		margin: auto !important;
		border-radius: 16px;
		background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_home_proximamente.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 20px;
		padding-right: 15px !important;
		padding-left: 15px !important;
		padding-bottom: 0px;

		.prox-home-top {
			font-weight: 700;
			font-size: 26px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #F5F4FF;
			background: #AA250E;
			padding: 20px 30px;
			border-radius: 40px;
			margin-left: auto;
			margin-bottom: 50px;
			width: fit-content;
		}

		.prox-home-title {
			font-weight: 700;
			font-size: 14px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #02134C;
		}

		.prox-home-desc {
			font-weight: 700;
			font-size: 35px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #5386E4;
			margin: 0;
		}
	}

	.row-bottom-proximamente {
		max-width: 1132px !important;
		width: 1132px !important;
		margin: auto !important;
		margin-top: 70px !important;

		.cont-prox-home-bottom-title {
			font-weight: 700;
			font-size: 26px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #5386E4;
			margin-bottom: 20px;
		}

		.cont-prox-home-bottom-desc {
			font-weight: 500;
			font-size: 16px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #FFFFFF;
		}

		.img {
			width: 40px !important;
			height: 40px !important;
		}
	}

	.home-contacto-row {
		background: #B7CCF1;
		max-width: 1132px !important;
		border-radius: 30px;
		padding: 40px;
		padding-bottom: 20px;
		margin-top: 40px;
		width: 90%;

		.contact-home-top {
			font-weight: 700;
			font-size: 35px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #5386E4;
		}

		.contact-home-title {
			font-weight: 700;
			font-size: 23px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #11316C;
			margin-bottom: 5px;
		}

		.contact-home-desc {
			font-weight: 400;
			font-size: 16px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #081836;
			margin-bottom: 10px;
		}

		.contact-home-number {
			font-weight: 700;
			font-size: 35px;
			line-height: 100%;
			letter-spacing: 0%;
			color: #11316C;

			&:nth-child(13) {
				margin: 0;
			}

			a {
				color: #11316C;
				cursor: pointer;

				&:hover {
					color: #000;
				}
			}
		}
	}

	.home-contacto-column-left {

	}

	.home-contacto-column-right {
		padding: 0;

		.img {
			margin-top: 20px;
			border-radius: 20px;
			overflow: hidden;
			position: relative;
			right: 10px;

			img {
	/* 			width: 510px; */
				height: 583px;
				object-fit: cover;
				object-position: center;
			}
		}
	}

	.row-slider-nov-container {
		.flickity-page-dots 
		{
			bottom: -30px;
		}
	}

	.home-nov-slider-item-mobile {
		padding: 30px;

		.col-inner {
			border: 1px solid #5386E4;
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_image_novedades_1.jpg');
			border-radius: 20px;
			aspect-ratio: 258 / 380;
			display: flex;
			flex-direction: column;
			gap: 10px;
			justify-content: flex-end;
			padding-bottom: 15px;
		}

		.slider-title {
			padding: 0 15px;
			font-weight: 700;
			font-size: 20px;
			line-height: 100%;
			color: #5386E4;
			margin: 0;
		}

		.slider-desc {
			padding: 0 15px;
			font-weight: 400;
			font-size: 14px;
			line-height: 100%;
			color: #414F55;
			margin: 0;
		}

		.slider-link {
			padding: 0 15px;
			font-weight: 500;
			font-size: 14px;
			line-height: 100%;
			text-align: right;
			margin: 0;

			a {
				color: #5386E4;
			}
		}
	}

	.home-nov-slider-item {
			padding: 10px;

		.col-inner {
			border: 1px solid #5386E4;
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_image_novedades_1.jpg');
			border-radius: 20px;
			aspect-ratio: 258 / 380;
			display: flex;
			flex-direction: column;
			gap: 10px;
			justify-content: flex-end;
			padding-bottom: 15px;
		}

		.slider-title {
			padding: 0 15px;
			font-weight: 700;
			font-size: 200px;
			line-height: 100%;
			color: #5386E4;
			margin: 0;
		}

		.slider-desc {
			padding: 0 15px;
			font-weight: 400;
			font-size: 14px;
			line-height: 100%;
			color: #414F55;
			margin: 0;
		}

		.slider-link {
			padding: 0 15px;
			font-weight: 500;
			font-size: 14px;
			line-height: 100%;
			text-align: right;
			margin: 0;

			a {
				color: #5386E4;
			}
		}
	}
}









@media screen and (max-width: 600px) {
	.section {
		.home-hero-banner-top {
			padding-top: 0 !important;
		}
		.banner-hero-column-right {
			order: -1;
			padding: 0;
			aspect-ratio: 402 / 410;
			background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_hero_banner_mobile_03.jpg');
			background-size: cover;
			background-position: center;

			.buttons-social-banner-hero {
				display: none;
			}
		}

		.home-title-clients {
			font-size: 14px;
			line-height: 100%;

			& + div.img {
				img {
					height: 100px;
					object-fit: cover;
				}
			}
		}

		.home-solu-top {
			font-size: 14px !important;
			margin-bottom: 5px !important;
		}

		.home-solu-title {
			font-size: 30px !important;
			margin-bottom: 15px !important;
		}

		.home-solu-descrip {
			font-size: 14px !important;

			& + .button.primary.lowercase {
				width: 100%;
			}
		}

		.home-sol-row-items-1-2 {
			padding: 0 20px;
			flex-direction: column !important;

			.home-sol-item-title {
				font-size: 16px !important;
				margin: 0;
			}

			.home-sol-item-1 {

				min-height: 90px;
				display: flex;
				align-items: center;
				padding: 25px;
				border-radius: 10px;
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_asesoria_personalizada_movil_1.jpg');
				background-position: center right;
				background-size: cover;
			}

			.home-sol-item-2 {

				min-height: 90px;
				display: flex;
				align-items: center;
				padding: 25px;
				border-radius: 10px;
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_comunicacion_unificada_movil_1.jpg');
				background-position: center right;
				background-size: cover;
			}
		}

		.home-sol-row-items-3-5 {
			padding: 0 20px;
			margin: 0 auto !important;
			flex-direction: column !important;

			.home-sol-item-title {
				font-size: 16px !important;
				margin: 0;
			}

			.home-sol-item-3 {
				min-height: 90px;
				display: flex;
				align-items: center;
				padding: 25px;
				border-radius: 10px;
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_conectividad_de_red_movil_1.jpg');
				background-position: center right;
				background-size: cover;
			}

			.home-sol-item-4 {
				min-height: 90px;
				padding: 25px;
				border-radius: 10px;
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_videoconferencia_movil_1.jpg');
				background-position: center right;
				background-size: cover;
				display: flex;
				align-items: center;
			}

			.home-sol-item-5 {

				min-height: 90px;
				display: flex;
				align-items: center;
				padding: 25px;
				border-radius: 10px;
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_videovigilancia_movil_1.jpg');
				background-position: center right;
				background-size: cover;
			}
		}
		
		.continer-row-products {
			padding: 0 30px;
			grid-template-columns: 1fr;
			margin: 0 auto;
			gap: 15px;

			.productos-items {
				width: 100%;
				height: auto;
				aspect-ratio: 355.33 / 150;
				padding: 40px 20px;
				border-radius: 20px;


				p {
					font-size: 20px;
				}
			}
		}

		.home-productos-section {
			padding-top: 50px !important;
		}

		.casos-exi-sect-row {
			min-height: auto !important;
			padding-top: 50px !important;
			padding-bottom: 50px !important;
			padding-left: 10px;
			padding-right: 10px;
		}

		.exito-home-top {
			text-align: center;
			font-size: 14px;
		}
		.exito-home-title {
			text-align: center;
			font-size: 30px;
			margin-bottom: 15px;
		}
		.exito-home-desc {
			text-align: center;
			font-size: 14px;

			& + .button.primary.lowercase {
				width: 100%;
			}
		}

		.row-home-novedades {
			margin-top: 10px;
			margin-bottom: 50px;

			.nove-home-top {
				text-align: center;
				font-size: 14px;
			}
			.nove-home-title {
				text-align: center;
				font-size: 30px;
				margin-bottom: 15px;
			}
			.nove-home-desc {
				text-align: center;
				font-size: 14px;
				line-height: 1.3;

				& + .button.primary {
					width: 100%;
				}
			}
		}

		.col {
			.row.row-top-proximamente {
				background-image: url('https://www.siteperu.com.pe/wp-content/uploads/2025/10/bg_home_aprendizaje_mobile.jpg');
				background-position: center;
				background-size: cover;
				height: 600px;
				width: 85%;

				& > .col {
					padding: 0;
					padding-bottom: 20px;
				}

				.col-inner {
					display:flex;
					flex-direction: column;
					height: 100%;
				}

				.prox-home-top {
					margin: 0 auto;
					font-size: 20px;
					padding: 20px 30px;
					border-radius: 40px;
				}

				.prox-home-title {
					margin-top: auto;
				}

				.prox-home-desc {
					font-size: 30px;
				}
			}
		}

		.row-bottom-proximamente {
			width: 85% !important;

			.col {
				padding: 15px 0 !important;
			}

			.cont-prox-home-bottom-title {
				margin-bottom: 10px;
			}
		}

		.home-contacto-row {
			width: 90%;
			margin: auto;
			padding: 20px;
		}

		.home-contacto-column-right {
			order: -1;
			padding: 0;
			margin: auto;

			.img {
				width: 100% !important;
				aspect-ratio: 320 / 380;
				height: auto !important;
				position: static;
				border-radius: 20px;
				overflow: hidden;
				margin-bottom: 40px !important;

				img {
					height: auto;
					aspect-ratio: 320 / 380;
					object-fit: cover;
				}
			}
		}

		.home-contacto-column-left {
			.contact-home-top {
				font-size: 30px;
				text-align: center;
			}

			.img {
				margin-left: auto;
				margin-right: auto;

				.img-inner {
					width: 30px !important;
					height: 30px !important;
					margin: auto !important;

					img {
					width: 30px !important;
					height: 30px !important;
				}
				}
			}

			.contact-home-title {
				font-size: 20px;
				text-align: center;
			}
			.contact-home-desc {
				font-size: 14px;
				text-align: center;
			}
			.contact-home-number {
				font-size: 30px;
				text-align: center;
			}
		}
	}
}




#intro-video-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* GIFs */
#intro-video-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

/* Desktop */
@media (min-width: 768px) {
    #intro-gif-desktop {
        display: block !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #intro-gif-mobile {
        display: block !important;
    }
}