/*
Theme Name: BJC_Myp
Theme URI: https://mediosyproyectos.com/
Template: Divi
Author: Medios y Proyectos

*/


/*landing*/
.et_pb_image[class*="escena"],
.et_pb_text[class*="escena"] {
    transition: opacity 0.4s ease-in-out;
}

.activo { 
	opacity: 1; 
}

.escena1:not(.activo),
.escena2:not(.activo),
.escena3:not(.activo) { 
	opacity: 0; 
}

.et_pb_button:not(.activo) {
	opacity: 1;
}

a[class*="escena"].activo,
a[class*="escena"].activo:hover {
    background-color: #3dae2b;
    color: #fff;
}

a[class*="escena"]:not(.activo):hover{
	background-color: rgba(61,174,43,0.2)!important;
}

a[class*="escena"]{
	border: 0 !important;
}

@media (max-width: 767px){
	#bjc-nexo-1>div {
	    display: flex;
	    flex-direction: column-reverse;
	}

	#bjc-nexo-1>div .et_pb_column:last-child {
	    margin-top: 10%;
	    padding: 5% 10%;
	}

	#bjc-nexo-1>div .et_pb_column:last-child .et_pb_image {
	    width: 100%;
	}

	#bjc-nexo-1>div .et_pb_column:last-child .et_pb_image:first-child{
		margin-bottom: 100px;
	}

	#bjc-nexo-1>div .et_pb_column{
		margin-bottom: 0;
	}

	#bjc-nexo-5 .et_pb_image {
	    text-align: center;
	}

	#bjc-nexo-5 .et_pb_image .et_pb_image_wrap,
	#bjc-nexo-5 .et_pb_image img {
	    width: 75%;
	    height: auto;
	    max-height: 150px;
	    object-fit: contain;
	}

	.et_pb_text[class*="escena"]:not(.activo){
		display: none;
	}

	div#bjc-nexo-9>div:first-child .et_pb_image{
		display: none !important;
	}

	div#bjc-nexo-9>div:last-child {
	    position: relative !important;
        padding: 25% 15% !important;
        background-color: rgba(0, 0, 0, 0.5);
	}
}