/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2025 | 16:14:31 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2024 | 17:32:43 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2024 | 17:16:18 */
:root {
	--azulOsc: #174E4F;
	--azulClaro:#4EC47E;
	--azulFondos: #edeff5;
	--vino: #FF8F00;
	--rojo: #df4b52;
}
@media (min-width: 768px) {
	.testimonioHomeTitulo > .elementor-widget-container{
		min-height: 190px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
}
.single-reto_disponible, .single-reto {
	
	.aplicacionContainer {
		background: var(--azulFondos);
	}
	.aplicacionContainerFooter {
		margin: 0 10% 48px;
		flex-direction: column;
		gap: 12px;
		background: #edeff5 url(https://retoslatam.com/wp-content/uploads/2024/08/Fondo-franja-2.png) no-repeat center;
		background-size: contain;
	}
	.retopresentacion {
		.campoInfo {
			span::before {
				content:", ";
			}
			span:first-of-type:before {
				content: "";
			}
		}
	}
	.accordion, .contenBitacora {
		overflow-wrap: break-word;
		a {
			
		}
		
		.accordion-header:hover {
			color: var(--azulClaro);
		}
		.accordion-header.active {
			background: var(--azulClaro);
			color: #144041;
			border-color: var(--azulOsc);
			&::after {
				filter: grayscale(1) brightness(10);
			}
			& +.accordion-content {
				background: var(--azulFondos);
			}
		}
		/*Perfil comunidad*/
		.accordion-content {
			.part1 {
				border-radius: 8px 8px 0 0;
				overflow: hidden;
				position: relative;
				padding-top: 33.3%;
				img {
					position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transform: translate(-50%, -50%);
				}
				.imagencreditos {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
					top: initial !important;
                    padding: 4px 8px;
                    background: rgba(1, 33, 115, 0.4);
                    font-size: 12px;
                    font-weight: 500;
                    color: #ffffff;
                    text-align: right;
                    text-transform: uppercase;
                    line-height: 1.2;
                }
				
			}
		}
		.contepadd {
			background: white;
			 padding-top: 11px;
			.part2 .logoComunidad {
				width: 80px;
				height: 80px;
				overflow: hidden;
				border-radius: 100%;
				box-shadow: 0 0 20px rgba(0,0,0, 0.2);
				background: white;
				position: relative;
				margin-right: 24px;
				margin-bottom: 16px;
				img {
					object-fit:cover;
					width: 100%;
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
				}
			}
			.part3 {
				align-items: flex-start;
				gap: 24px;
				> div {
					width: 50%;
				}
				.izquierda {
				display: flex;
				flex-direction: column;
					.inforeto {
						font-size: 14px;
					}
				
				}
				.derecha {
					h5 {
						margin: 0 0 8px;
					}
				}
				
			}
			.lineas {
				border-top: 1px solid #DBDBDB;
			}
			.part3:last-child {
/* 					margin: 24px 0; */
					padding:   0 30px;
					border-top: 1px solid #DBDBDB;
					h5 {
						margin: 0 0 8px;
					}
				}
			ul {
				flex-wrap: wrap;
				li {
				background: initial;
				padding: 0;
				margin: 0;
				font-weight: 500;
					&:before{
/* 						content: ' / ' */
					}
					&:first-child:before {
						content: '';
					}
				}
			}
			
		}
		.listado li {
			background: white;
		}
		.accordion-content .gallery {
				display: flex;
				flex-wrap: wrap;
				gap: 0;
			.gallery-item {
				width: calc(25% - 8px);
				position: relative;
				padding-top: 25%;
				margin: 4px;
				border-radius: 8px;
				overflow: hidden;
				background: white;
				a:hover img {
					opacity: .75;
				}
				img {
					position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transform: translate(-50%, -50%);
					transition: opacity 0.2s;
				}
			}
		}
	}
	.slideranteced {
		.caja {
			height: 100%;
			a:hover {
				color: var(--azulClaro);
			}
		}
	}
	.etiquetasdisp {
		ul {
			margin-top: 24px;
		}
		li {
			padding: initial;
    		border-radius: initial;
    		background: initial;
    		color: initial;
    		font-weight: initial
		}
		a {
			color: var(--azulOsc);
			padding: 10px;
    		border-radius: 10px;
    		background: #4EC47E;
/*     		color: #012273; */
    		font-weight: 600;
			transition: all 0.3s;
			&:hover {
				background: var(--azulOsc);
				color: white;
			}
		}
	}
}
.single-reto_disponible #main {
		width: 1140px;
		max-width: calc(100% - 30px);
}
@media (max-width: 992px) {
	.single-reto_disponible {
		.tituloreto {
		font-size: 1.75rem;
		margin-bottom: 24px !important;
		}
		.accordion::before {
			left: -24px;
		}
		.contepadd {
			padding: 0 15px;
			ul.zonas {
			flex-direction: column !important;
			align-items: flex-start !important;
			
				li {
					&:before {
						content:"- "!important;
					}
				}
			}
			.part3 {
				gap: 12px !important;
			}
		}
		 
		
		.titulodos {
			font-size: 1rem;
			font-weight: 700;
		}
		
	}
	
}
@media (max-width: 768px) {
	.single-reto_disponible {
		.aplicacionContainer {
			padding: 24px 16px !important;
		}
		.accordion::before,
		.accordion::after {
			display: none;
		}
		section.accordion {
			padding: 48px 0 !important;
			margin-bottom: 0;
			.accordion-header {
				font-size: 1.125rem;
			}
			.accordion-content .gallery .gallery-item {
				width: calc(50% - 8px);
			}
			.listado li {
				padding: 8px 12px;
				border-radius: 4px;
			}
		}
		.contepadd {
			.part2 {
				margin-top: 0;
				padding-top: 16px;
			}
            .part3 {
                > div {
					width: 100% !important;
                }
				.inforeto {
					margin-bottom: 4px;
				}
				.derecha .titulodos {
					padding-top: 24px;
					margin-top: 8px;
					border-top: 1px solid #DBDBDB;
				}
			}
			
		}
		.part1 {
                
                padding-top: 50% !important;
				margin-bottom: 8px;
            }
		
	}
	.aplicacionContainerFooter {
		margin: 0 0 32px !important;
		flex-direction: column !important;
		gap: 12px !important;
		background: #edeff5 !important;
	}
	.etiquetasdisp {
		padding: 24px 0 48px;
		ul.zonas {
			flex-direction: row !important;
			flex-wrap: wrap;
			gap: 6px;
		}
	}
	#main {
		margin-bottom: 0 !important;
	}
}

button#backButton {
/* 	background: #edeff5; */
    padding: 8px 12px;
    border-radius: 10px;
/*     color: #012273; */
    font-weight: 500;
    font-size: 12px;
    transition: all 0.2s;
	&:hover {
		color: white;
		background: var(--azulOsc) !important;
	}
}
/*Estilo buscador*/
.campoActivo {
	border-color: #012273 !important;
	color: #012273 !important;
	background-color: #C7DDFF
}
#camposBusqueda .sf-field-search input:focus,
#camposBusqueda select:focus {
	border-color: #012273 !important;
}
.buscar .cl-layout__item {
	margin-top: 80px !important;
}

.inforeto.retoweb img {
    width: 25px;
}
/* a {
   
    color: var(--e-global-color-secondary)!important;
} */