/**
 * Theme Name: Tema Grupo La Joya
 * Template:  hello-elementor
 * Description:  Tema para el Grupo La Joya
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

:root{
	--text-light-color: #828282;
	--text-dark-color: #313131;
	--title-color: #02619C;
	--bg-main-color: #143455;
	--bg-gray-color: #F6F6F6;
	--bg-sky-color: #D9E8F0;
}
/* Estilos generales reutilizables */
@media (max-width: 789px){
	.dnone-m{
		display: none !important;
	}
	.title-h2-bl.title-h2-bl.title-h2-bl, .title-h2.title-h2, .title-h2.title-h2 p{
		font-size: 28px;
	}
	.pb40{
		padding-bottom: 30px;
	}
}
@media (min-width: 790px){

}
body{
	font-family: "Asap", sans-serif !important;
}
.p0{
	padding: 0 !important;
}
.bg-map{
	background: linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95)), url("https://grupolajoya.com.pe/wp-content/uploads/2025/05/bg-map-1.webp");
	background-position: center;
	background-size: 80%;
	background-repeat: repeat;
}
.h1{
	color: var(--title-color);
	font-weight: 900;
	font-size: 3.5em;
	margin-bottom: 35px;
	display: block;
}
.txt-light{
	color: var(--text-light-color) !important;
}
.txt-bl.txt-bl{
	color: #fff;
	font-weight: 300;
}
.img-shadow img{
	filter: drop-shadow(-10px 10px 10px #a2b6c3);
}
.img-shadow-rb img{
	filter: drop-shadow(10px 10px 10px #a2b6c3);
}
.img-shadow-dark img{
	filter: drop-shadow(-10px 10px 10px #061019);
}
.title-h2, .title-h2 p{
	font-weight: 900;
    font-size: 36px;
    color: var(--title-color);
	line-height: 1.2;
}
.title-h2-bl.title-h2-bl{
	font-weight: 700;
    font-size: 36px;
    color: #fff;
}
.title-h3{
	font-weight: 900;
    font-size: 30px;
    color:var(--title-color);
	line-height: normal;
}
.section30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.section60{
	padding-top: 60px;
	padding-bottom: 60px;
}
.txt-mb0 p{
	margin-bottom: 0 !important;
	line-height: 1.2;
}
.btn-blue.btn-blue a{
    padding: 15px 25px;
    background-color: var(--title-color) !important;
    color: white;
    border-radius: 30px;
	margin-top: 10px;
    display: inline-block;
	transition: 500ms;
	text-decoration: none;
}
.btn-blue.btn-blue a:hover{
	background-color: var(--bg-main-color) !important;
	color: #fff;
}
.style-editor-text ul, .notice-content ul{
	list-style-type: "●";
	padding-left: 20px;
	padding-bottom: 20px;
}
.style-editor-text ul li, .notice-content ul li{
	padding-left: 15px;
}
.style-editor-text ul li::marker, .notice-content ul li::marker{
	color: #FB9E01;
	padding-right: 15px;
}
/* ====================== HOME ======================== */
.contenedor-sostenibilidad{
	min-height: 480px !important;
	height: 53vh !important;
}
@media (max-width: 769px) {
	.contenedor-sostenibilidad {	
		height: 120vh !important;
	}
	.elementor-element-e8c78b2.elementor-element-e8c78b2{
		padding-right: 0px !important;
	}
	.contenedor-iconos-indicadores{
		flex-wrap: nowrap !important;
	}
	.elementor-element-cc86a2c.elementor-element-cc86a2c{
		padding-top: 20px !important;
	}
	.contenedor-operaciones.contenedor-operaciones{

		transform: translateX(0px);
	}
	.subcontenedor-texto-operaciones.subcontenedor-texto-operaciones  {
		padding-left: 10px;
	}
	.sub-contenedor-operaciones.sub-contenedor-operaciones {
		margin-left: inherit !important;
		padding-right: inherit !important;
	}
	.sub-contenedor1-noticias.sub-contenedor1-noticias {
		margin-left: 0px !important;
	}
	.sub-contenedor-imagen-noticias.sub-contenedor-imagen-noticias.sub-contenedor-imagen-noticias{
		flex-wrap: nowrap !important;
		transform: translate(-10px, -40px) !important;
	}
}
.contenedor-sostenibilidad::before{
	z-index: -1;
}
.contenedor-sostenibilidad .boton-a{
	background-color: white !important;
	color: var(--title-color) !important;
	margin-top: 30px !important;
	font-weight: 600;
	transition: 500ms;
}
.contenedor-sostenibilidad .boton-a:hover{
	background-color: var(--title-color) !important;
	color: #fff !important;
}
.contenedor-sostenibilidad p{
	color: white !important;
	font-weight: 200;
}
.elementor-element-cc86a2c{
    padding-top: 120px !important;
}
.elementor-element-e8c78b2{
	padding-right: 70px !important;
}
.contenedor-operaciones{
	background-color: #F6F6F6;
	display: flex !important;
	align-items: center !important;
	transform: translateX(40px);
	border-radius: 10px !important;
}
.contenedor-operaciones .elementor-element-0467182 img{
	transform: translate(-40px, -60px);
}
.contenedor-principal-operaciones{
	padding: 50px 0px;
}
.parrafo-p{
	font-size: 20px;
}
.contenedor-ind-ext{
	padding: 0px !important;
}
.contenedor-iconos-indicadores{
		padding: 0px !important;
}
.contenedor-ind-ext svg{
	  width: 50% !important;
}
.contenedor-ind-ext .elementor-icon-box-title span{
	color: var(--title-color);
    font-size: 50px;
    font-weight: 800;
}
.contenedor-ind-ext .elementor-icon-box-content{
	text-align: end;
}
.contenedor-ind-ext .elementor-icon-box-description{
	color: var(--title-color) !important;
    font-size: 25px;
    margin-top: -20px !important;
}
.contenedor-ind-ext.contenedor-ind-ext::before {
	content: "";
	width: 100%;
	height: 5px;
	display: inline-block;
	background-color: #81B0CE;
}
.contenedor-ind-ext .elementor-widget-icon-box{
	padding-top: 20px;
}
.boton-a{
    padding: 10px 25px;
    background-color: var(--title-color) !important;
    color: white;
    border-radius: 30px;
	margin-top: 10px;
    display: inline-block;
	transition: 500ms;
	text-decoration: none;
}
.boton-a:hover{
	background-color: var(--bg-main-color) !important;
	color: #fff;
}
.seccion-cuadro-operaciones .elementor-image-box-img{
	text-align: center;
	padding-top: 7px;
}
.seccion-cuadro-operaciones .elementor-image-box-img img{
	width: 50%;
}

.seccion-cuadro-operaciones .elementor-image-box-title{
	 color: var(--title-color) !important;
	 font-weight: 800 !important;
}
.sub-contenedor-operaciones{
	margin-left: -40px!important;
    padding-right: 40px!important;
}
.sub-contenedor2-oficinas{
	display: flex !important;
    justify-content: center !important;
}
.subcontenedor-nuestras-oficinas ul {
	padding: 0px;
}
.subcontenedor-nuestras-oficinas li {
  position: relative;
  padding-left: 30px;
  list-style: none;
  padding-bottom: 10px;
}

.subcontenedor-texto-operaciones{
	padding-left: 60px;
    margin-top: -40px;
}

.subcontenedor-nuestras-oficinas li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url('https://grupolajoya.com.pe/wp-content/uploads/2025/06/gps-svg.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.subtitle-oficinas {
	color: var(--title-color) !important;
	font-weight: 600;
}
.sub-contenedor1-noticias{
	background-color: #F6F6F6;
	margin-left: 50px !important;
	border-radius: 10px !important;
}
.sub-contenedor1-noticias .boton-a{	
    margin-bottom: 50px !important;
}
.sub-contenedor1-noticias .elementor-widget-text-editor{
	padding: 0 30px;
    margin-top: -30px;
}
.noticias-imagen-2{
	transform: translate(-40px, -40px);
}
.noticias-imagen-1{
	z-index: 2;
}
.sub-contenedor-imagen-noticias.sub-contenedor-imagen-noticias{
	transform: translate(-60px, -55px) !important;
}
.contenedor-noticias{
	padding-top: 150px !important;
	padding-bottom: 80px !important;
}
/* ==================== QUIENES SOMOS ===================== */
@media (max-width: 769px){
	#qsVideo::before{
		width: 98%;
	}
	.qs-r.qs-r{
		padding-inline: 15px;
		margin-top: 30px;
	}
	.qsSomosGLJ-l>div{
		--e-con-grid-template-rows: 1fr !important;
	}
	.somos-card.somos-card .elementor-image-box-content{
		opacity: 1;
	}
	.somos-card.somos-card:hover .elementor-image-box-content{
		opacity: 0;
	}
	.pic-h-bottom{
		
	}
	.pic-h-top{
		
	}
}
@media (min-width: 770px){
	#qsVideo::before{
		width: 50%;
	}
	.qs-r.qs-r{
		padding-inline: 20px;
	}
	.somos-card.somos-card .elementor-image-box-content{
		opacity: 0;
	}
	.somos-card.somos-card:hover .elementor-image-box-content{
		opacity: 1;
	}
}
#qsVideo{
	position: relative;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#qsVideo::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	background: linear-gradient(to right, #143455 1%, rgba(2, 97, 156, 89) 100%);
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}
.qs-l{
	padding-right: 5% !important;
	padding-top: 3% !important;
}
.qs.l .elementor-icon{
	border-color: #ffffff59;
}
.qs-r.qs-r{
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 3px -1px 31px -8px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px -1px 31px -8px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px -1px 31px -8px rgba(0,0,0,0.1);
}
.qs-r.qs-r iframe{
	border-radius: 20px !important;
}
#btnVideo .elementor-icon{
	background: #fff;
	border-radius: 50%;
	padding: 20px;
	position: relative;
	cursor: pointer;
}
#btnVideo .elementor-icon::after{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	animation: pulsar 3s linear infinite;
}
@keyframes pulsar{
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.25);
	}
	100% {
		transform: scale(1);
	}
}
#qsHistory#qsHistory{
	padding-bottom: 100px;
}
#qsMV{
	padding-bottom: 60px;
}
.mv-card.mv-card{
	background: #EDF4F8;
	padding: 30px 45px;
	border-radius: 30px;
	position: relative;
	margin-top: 30px;
}
.icon-compromiso.icon-compromiso{
	background: #fff;
	border-radius: 25px;
	padding: 18px;
	width: 110px;
	height: 110px;
	position: absolute;
	right: -23px;
    top: -50px;
}
.compromiso-r.compromiso-r{
	padding-inline: 30px;
}
.mv-card:last-child{
	margin-top: 50px;
}
#qsValores{
	padding-top: 35px;
	padding-bottom: 35px;
}
.v-card.v-card{
	background: #fff;
	border-radius: 5px;
	padding: 15px 15px 30px;
}
.v-card-img.v-card-img.v-card-img.v-card-img{
	width: 100%;
	text-align: right;
	margin-bottom: 18px !important;
}
.v-card-img img{
	width: 40%;
	height: auto;
}
.v-card-title.v-card-title{
	color: var(--title-color);
	font-weight: 800;
    font-size: 20px;
}
#qsSomosGLJ{
	
}
.somos-l2.somos-l2{
	position: relative;
}
.somos-l2::before{
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
	width: 70%;
    height: 61px;
	background: url(https://grupolajoya.com.pe/wp-content/uploads/2025/06/border-somos-glj.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.somos-l1.somos-l1 p{
	font-size: 45px;
}
.somos-card.somos-card img{
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.somos-l2.somos-l2 img{
	aspect-ratio: 1 / 2;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.somos-card.somos-card figure, .somos-l2.somos-l2 figure{
	margin-bottom: 0 !important;
}
.somos-card.somos-card .elementor-image-box-content, .somos-l2.somos-l2 .elementor-image-box-content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #02619C 00%, rgb(55 39 197 / 20%) 100%);
	border-radius: 10px;
	display: flex;
	padding: 35px 25px;
    flex-direction: column;
    justify-content: flex-end;
	transition: opacity 300ms;
}
.somos-l2.somos-l2 .elementor-image-box-content{
	opacity: 0;
}
.somos-card.somos-card .elementor-image-box-content span,
.somos-l2.somos-l2 .elementor-image-box-content span{
	font-size: 24px;
	font-weight: 800;
}
.somos-card.somos-card .elementor-image-box-content p,
.somos-l2.somos-l2 .elementor-image-box-content p{
	margin-top: 15px;
}
.somos-card.somos-card .elementor-image-box-content span,
.somos-card.somos-card .elementor-image-box-content p,
.somos-l2.somos-l2 .elementor-image-box-content span,
.somos-l2.somos-l2 .elementor-image-box-content p{
	text-align: left;
	color: #fff;
}
/* .somos-card.somos-card:hover .elementor-image-box-content, */
.somos-l2.somos-l2:hover .elementor-image-box-content{
	opacity: 1;
}
.somos-card.somos-card .elementor-image-box-wrapper,
.somos-l2.somos-l2 .elementor-image-box-wrapper{
	position: relative;
}
/* ================== INVESTIGACION ==================== */
.i-title.i-title.i-title{
	font-weight: 700;
    font-size: 32px;
    color: var(--title-color);
    line-height: 1.3;
}
@media (max-width: 789px){
	#investigacion1>div{
		flex-direction: column-reverse;
	}
}

/* ==================== PROVEEDORES ===================== */
@media (min-width: 489px) and (max-width: 789px){
	.obj-content.obj-content img{
		max-width: 50%;
	}
}
@media (max-width: 789px){
	#pObjetivos#pObjetivos::after{
		width: 120%;
	}
	#pObjetivos#pObjetivos{
		background-position: left;
	}
	#pObjetivos#pObjetivos .title-h2-bl{
		text-align: center;
	}
	#qsWhatsapp#qsWhatsapp{
		padding-top: 60px;
	}
	#qsWhatsapp#qsWhatsapp>div{
		flex-direction: column-reverse !important;
	}
	.pic-whats.pic-whats img {
		width: 70%;
		margin-bottom: -75px;
	}
	.pic-whats.pic-whats.pic-whats.pic-whats::before{
		background-position: center 230px;
	}
	#qsWhatsapp#qsWhatsapp::before {
		width: 100%;
		background-size: 135%;
		background-position: -35% 45%;
	}
}	
@media (min-width: 790px){

}
#pObjetivos{
	height: 70vh;
	position: relative;
}
#pObjetivos::after{
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	width: 55%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 337.58 202.32' preserveAspectRatio='none'%3E%3Cstyle%3E.cls-1%7Bfill:%23000000%7D%3C/style%3E%3Cg id='Object'%3E%3Cpath class='cls-1' d='M337.58,193.29V0H33.3c-2.49,0-4.75,1.01-6.39,2.65-1.97,1.97-2.45,4.54-2.65,6.39-.64,6.01-.72,26.96,0,55.25.08,1.03.08,2.32-.16,3.78-.14.82-.33,1.55-.53,2.19C11.66,92.65,3.07,108.74,1.7,111.16c-.11.2-.51.88-.84,1.87-.42,1.24-.52,2.33-.54,3.04-.51,41.78-.38,72.26.14,77.22.11,1.04.44,4.18,2.65,6.39,1.63,1.63,3.89,2.65,6.39,2.65h328.09v-9.03Z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: .7;
}
.obj-content.obj-content.obj-content{
	padding-inline: 10%;
	z-index: 1;
}
.obj-content.obj-content .elementor-image-box-title{
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}
.obj-content.obj-content:hover .elementor-image-box-title{
	color: #fff !important;
}
.obj-content.obj-content .elementor-widget-image-box{
	margin-top: 25px;
}
#qsWhatsapp{
	position: relative;
}
#qsWhatsapp::before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 77%;
	height: 160%;
	background: url(https://grupolajoya.com.pe/wp-content/uploads/2025/06/creative-dotted-pattern-globe-background-halftone-style-1.svg);
	background-size: 76%;
	background-repeat: no-repeat;
	background-position: -84% 45%;
	filter: opacity(0.7);
}
.pic-whats img{
	width: 75%;
    margin-bottom: -170px;
}
.pic-whats.pic-whats.pic-whats{
	position: relative;
}
.pic-whats.pic-whats.pic-whats::before{
	position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 150%;
    background: url(https://grupolajoya.com.pe/wp-content/uploads/2025/06/circle-gradient-orange.png);
    background-size: contain;
    background-position: center 385px;
    background-repeat: no-repeat;
}
/* ====================== NUESTRAS OPERACIONES ======================== */
@media (max-width: 789px){
	.contenedor-acopio.contenedor-acopio.contenedor-acopio>div{
		flex-direction: column-reverse;
	}
	.subcontenedor2-procesamiento.subcontenedor2-procesamiento .elementor-widget-text-editor{
		padding: 40px 30px;
	}
	.contenedor-procesamiento.contenedor-procesamiento.contenedor-procesamiento::before{
		width: 120%;
	}
	.subcontenedor2-exploraciones{
		zoom: .6;
	}
}
.contenedor-acopio.contenedor-acopio.contenedor-acopio .title-h2{
	display: block;
	margin-bottom: 10px;
}
.subcontenedor2-procesamiento .elementor-widget-text-editor{
	padding: 150px;
}
.subcontenedor2-procesamiento .elementor-widget-text-editor span{
	display: block;
	padding-bottom: 20px;
}
.subcontenedor2-procesamiento .elementor-widget-text-editor p{
	color: #ffffff;
}
.contenedor-acopio, .contenedor-exploraciones, .contenedor-comercializacion{
	padding: 50px 0px;
}
.subcontenedor2-exploraciones .img-1{
	width: 300px;
}
.subcontenedor2-exploraciones .img-2{
	width: 250px;
	transform: translate(250px, -200px) !important;
}
.subcontenedor2-exploraciones .img-3{
	position: absolute;
	width: 200px;
	transform: translate(70px, 400px) !important;
	z-index: -1;
}
.contenedor-acopio img{
	filter: drop-shadow(-10px 10px 10px #a2b6c3);

}
.subcontenedor2-exploraciones .img-1 img, .subcontenedor2-exploraciones .img-3 img{
	filter: drop-shadow(-10px 10px 10px #a2b6c3);
}

.contenedor-comercializacion img{
	filter: drop-shadow(-10px 10px 10px #a2b6c3);

}
/* ================== TRABAJA CON NOSOTROS ==================== */
.post-31, .post-38, .site-single{
	position: relative;
}
.post-31::before, .post-38::before, .site-single::before{
	position: absolute;
	left: 0;
	bottom: -120px;
	content: "";
	width: 18%;
	height: 18%;
	background: url(https://grupolajoya.com.pe/wp-content/uploads/2025/06/esquina-decorativa.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
}