/*
Theme Name: Aixor Child
Theme URI: https://wpriverthemes.com/aixor/
Template: aixor
Author: WordPressRiver
Author URI: https://themeforest.net/user/wordpressriver
Description: Description
Tags: agency,clean,cv,designer,developer,freelancer,modern,one page portfolio,onepage,photographer,resume,vcard custom-menu,threaded-comments
Version: 2.0.0.1735548787
Updated: 2024-12-30 09:53:07
*/

/***********************************/
/***  BUG MENÚ STICKY HAMBURGUESA  ***/
/***********************************/
/* Botón flotante oculto por defecto */
.scroll-to-show-menu {
  position: fixed;
  right: 24px;
  bottom: 24px;
  display: none;
  z-index: 9999;
}

/* Aparición controlada por JS */
.scroll-to-show-menu.is-visible {
  display: block;
}

/* Estilo básico del ícono hamburguesa (ajústalo a tu tema) */
.scroll-to-show-menu .hamburg-menu {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}

/* Evita reglas del editor que lo “fuerzan” a mostrarse sólo allí */
.elementor-editor-active .scroll-to-show-menu { display: none !important; }

/* Si tu intención es que NO aparezca en escritorio, límitalo a móvil real */
@media (max-width: 1024px) {
  .scroll-to-show-menu.is-visible { display: block; }
}



/*********************************/
/***** BUG SCROLL HORIZONTAL ****/
/********************************/

/*Evita el scroll horizontal de la web, hay un contenedor al final de las páginas que provoca ese comportamiento*/
.mobile-menu-overlay {
  position: fixed !important;
  inset: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

.mobile-menu-overlay.is-open,
.mobile-menu-overlay.active,
.mobile-menu-overlay.show {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}


/***************************************************/
/***** CORRECCIÓN MENÚ NAVEGACIÓN - EMPRESA *******/
/*************************************************/
/* ===== Ajuste del menú principal ===== */
.elementor-page-2313 ul li,
.elementor-page-7458 ul li {
  min-width: 0 !important; /* anula el min-width anterior */
  flex: 0 0 auto !important; /* opcional, para que se ajuste al texto */
}


/*Ajuste propósitos misión*/
.project-single-content-wrap .section-header ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center; /* o space-evenly */
  align-items: center;
  gap: clamp(20px, 4vw, 80px); /* espacio flexible según pantalla */
}





/* Desactiva por completo el cursor mágico */
#magic-cursor,
#ball {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}

.service-box{
    background: black !important;
}

.service-box .title, .service-box .service-feature-lists, .service-box .service-feature-lists span{
    opacity: 1 !important;
}

.service-box .service-inner .service-feature-description p{
    opacity: 1 !important;
}


/***************************************/
/**** DESHABILITAR TARJETAS CLICS *****/
/***************************************/
	
/* Deshabilitar SOLO las tarjetas dentro del contenedor específico de Elementor */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project .hover_mouse,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2 .hover_mouse {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
	
/* Habilitar efectos hover y clics SOLO en las tarjetas del contenedor específico */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2 {
	cursor: pointer !important; /* Cambiar a pointer para indicar que es clickeable */
	pointer-events: auto !important; /* Mantener eventos para permitir clics */
	transition: all 0.3s ease !important; /* Transición suave para efectos hover */
	transform: translateY(0px) !important; /* Estado inicial */
}

/* Efectos hover para feedback visual */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project:hover,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2:hover {
	transform: translateY(-8px) !important; /* Elevar la tarjeta */
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important; /* Sombra más pronunciada */
}

/* Animación suave para las imágenes en hover */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project:hover .img-box img,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2:hover .img-box img {
	transform: scale(1.05) !important; /* Zoom suave en la imagen */
	transition: transform 0.3s ease !important;
}
	
/* Evitar efectos hover en las imágenes SOLO dentro del contenedor específico */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project img,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2 img {
	transition: none !important;
	transform: none !important;
}
	
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project:hover img,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2:hover img {
	transform: none !important;
	scale: 1 !important;
}
	
/* Deshabilitar cualquier enlace SOLO dentro de las tarjetas del contenedor específico */
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project a,
.elementor-3646 .elementor-element.elementor-element-998ccc2.e-con .feature-project-2 a {
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
}




/**********************************************************************/
/************************* MEDIA QUERIES ******************************/
/***********************************************************************/


/* ≤1660px: apílalos en columna los propósitos de Misión - EMPRESA */
@media (max-width:1660px){
  .project-single-content-wrap .section-header ul{
    flex-direction: column !important;
    align-items: center;
    gap: 20px;                           /* separador vertical */
  }
}


/* Desktop grande (1366px y superior) - iPad Pro y pantallas grandes */
@media (min-width: 1366px) {
    /* Navegación expandida para pantallas grandes */
    .main-navigation {
        display: flex !important;
        justify-content: space-between !important;
    }
    
    /* Optimización para nuestra historia en pantallas grandes */
    #nuestra-historia-prometal .service-sec-2 .service-box .service-inner {
        gap: 150px !important;
    }
    
    /* Mejor distribución de funfacts en pantallas grandes */
    .about-sec .funfacts-wrap {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 30px !important;
    }
    
    /* Certificaciones con mejor espaciado en desktop */
    #certificaciones-prometal .about-sec .funfacts-wrap {
        display: grid !important;
        gap: 40px !important;
    }
    
    #certificaciones-prometal .funfact-box {
        height: 250px !important;
    }
	
	
	 #responsabilidad-social-prometal .process-sec {
        padding: 0 0 96px 0 !important;
    }
    
    /* pequeño margen lateral para que no toque los bordes */
    #responsabilidad-social-prometal .process-lists {
        padding: 0 16px;
    }
    
    /* Centrar imagen del kit digital en pantallas grandes */
    .elementor-element-41170f1 .elementor-widget-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .elementor-element-41170f1 img {
        margin-left: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

/* Tablets grandes y iPad Pro vertical (769px - 1365px) */
@media (min-width: 769px) and (max-width: 1365px) {
    .main-navigation {
        display: block !important;
    }
    
    #nuestra-historia-prometal .service-sec-2 .service-box .service-inner {
        gap: 130px !important;
    }
    
    /* Ajustar certificaciones para tablets */
    #certificaciones-prometal .about-sec .funfacts-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
    
    #certificaciones-prometal .funfact-box {
        height: 220px !important;
    }
	
	#responsabilidad-social-prometal .process-lists{
		display: block !important;
	}
}

/* Tablets estándar (768px - 1024px) - Mantener configuración existente */
@media (min-width: 768px) and (max-width: 1024px) {
    .about-sec .funfacts-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .about-sec .funfacts-wrap [data-aos="fade-up"] {
        padding: 20px !important;
    }
    
    /* Ajustar el gap para .service-sec-2 .service-box .service-inner en tablets */
    .service-sec-2 .service-box .service-inner {
        gap: 50px !important;
    }
    
    /* Ajustar padding de la sección de procesos en tablets */
    .process-sec {
        padding: 0px 15px 0px 40px !important;
    }
    
    /* Alinear service-lists a la izquierda en tablets - Solo página 2313 */
    .page-id-2313 .service-lists {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
    
    .page-id-2313 .service-lists .service-box {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }
    
    .page-id-2313 .service-lists .service-box .service-inner {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
    
    .page-id-2313 .service-lists .service-box .service-feature-description {
        text-align: left !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
	
	#filter-prometal-projects .feature-project-lists .feature-project-2{
        min-height: 500px !important;
	}
	
	.service-lists-wrap{
		padding-left: 20px !important;
	}
	
	.service-sec {
        padding: 50px 0px 40px 0px !important;
    }
	
	.elementor-2184 .elementor-element.elementor-element-9f7ef52 .elementor-heading-title  {
    	text-align: center !important;
	}
	
	/**************************************************************/
	/************************* EMPRESA ****************************/
	/**************************************************************/
	
	.elementor-2313 .elementor-element.elementor-element-f84a41d{
        --width: auto;
    }
	
	.elementor-2313 .elementor-element.elementor-element-1a9ae97 > .elementor-widget-container{
        margin: 30px 0px 30px 50px !important;
    }
	
	/* CAMBIO: Hacer más específico para no afectar WordPress admin bar */
	.elementor-2313 .service-sec > .custom-container, 
	.elementor-2313 .awards-box .awards-inner, 
	.elementor-2313 .about-sec .custom-container {
        padding-left: 50px !important;
    }
	
	/* Excluir explícitamente WordPress admin bar */
	#wpadminbar .custom-container {
        padding-left: 0 !important;
    }
	
	.elementor-page-2313 .service-lists-wrap,
    body.page-id-2313 .service-lists-wrap {
        padding-left: 0px !important;
    }
	
	.elementor-2313 .elementor-element.elementor-element-fbffab3 > .elementor-widget-container{
        margin: 0px 0px 0px 0px !important;
    }
	.elementor-2313 .elementor-element.elementor-element-03e92f0 .section-header .section-title{
		text-align: center !important;
	}
	
	.elementor-2313 .elementor-element.elementor-element-4971804 > .elementor-widget-container{
		margin: 0px 0px 0px 0px !important;
	}
	
	.elementor-2313 .elementor-element.elementor-element-4971804 .elementor-heading-title{
		margin-left: 100px !important;
	}
	.elementor-2313 .elementor-element.elementor-element-e602ee2{
        --width: auto !important;
    }
	
	.elementor-2313 .elementor-element.elementor-element-4971804 .elementor-heading-title {
        text-align: center;
        margin-left: 0px !important;
    }
	
	.elementor-2313 .elementor-element.elementor-element-100abf3 .about-sec .section-header .section-title {
    	text-align: center !important;
	}
	
	.elementor-2313 .process-lists .team-member-box {
    	margin-bottom: 20px;
	}

	/* Evitar margin en el último elemento */
	.elementor-2313 .process-lists .team-member-box:last-child {
     	margin-bottom: 0;
	}
	
	.elementor-4523 .e-con-inner,
	.elementor-4505 .e-con-inner,
	.elementor-4492 .e-con-inner,
	.elementor-4468 .e-con-inner,
	.elementor-4517 .e-con-inner{
		padding-left: 20px !important;
	}
	
	.elementor-4523 .section-subtitle,
	.elementor-4505 .section-subtitle,
	.elementor-4492 .section-subtitle,
	.elementor-4468 .section-subtitle,
	.elementor-4517 .section-subtitle{
		margin: 0px 0px 0px 20px !important;
	}
	
	.elementor-4523 .elementor-heading-title,
	.elementor-4505 .elementor-heading-title,
	.elementor-4492 .elementor-heading-title,
	.elementor-4468 .elementor-heading-title,
	.elementor-4517 .elementor-heading-title {
		margin-left: -20px !important;
	}
	
	.elementor-4523 .elementor-element.elementor-element-ba1f0b7,
	.elementor-4505 .elementor-element.elementor-element-1b72219,
	.elementor-4492 .elementor-element.elementor-element-6337f0be,
	.elementor-4468 .elementor-element.elementor-element-c0d1cf2,
	.elementor-4517 .elementor-element.elementor-element-113e70c{
		--margin-left: -30px !important;
	}
	
	.elementor-4523 .elementor-element.elementor-element-fc5c4d4{
		column-gap: 10px !important;
	}
	
	/*No mostrar elementos de más en el grid de procesos*/
	/* Oculta elementos específicos */
	.elementor-element-0ac1a6c,
	.elementor-element-f3cbf9b,
	.elementor-element-f543fb0,
	.elementor-element-be4aff7,
	.elementor-element-d9c374e,
	.elementor-element-51e3920 {
		display: none;
	}

	/* Oculta segundos divs anidados dentro de ciertos elementos */
	.elementor-element-e2a5ed6 > div:first-child > div:first-child > div:nth-child(2),
	.elementor-element-3d6108a > div:first-child > div:first-child > div:nth-child(2),
	.elementor-element-a3759cc > div:first-child > div:first-child > div:nth-child(2),
	.elementor-element-f501bb0 > div:first-child > div:first-child > div:nth-child(2),
	.elementor-element-96f85f5 > div:first-child > div:first-child > div:nth-child(2),
	.elementor-element-9b19ea1 > div:first-child > div:first-child > div:nth-child(2) {
		display: none;
	}

	/* Ajustes de márgenes para ciertos elementos */
	.elementor-4468 .elementor-element.elementor-element-c367a0f,
	.elementor-4468 .elementor-element.elementor-element-566c2a5 {
		margin-left: -40px;
	}

	/* Ajuste de márgenes compartido */
	.iconos-procesos,
	.iconos-procedimientos {
		margin-left: -30px;
	}

	/* Ancho completo para un elemento */
	.elementor-4468 .elementor-element.elementor-element-392b41c {
		--width: 100%;
	}

/* Márgenes comunes en varios templates */
.elementor-4523 .elementor-element.elementor-element-9dcc580,
.elementor-4505 .elementor-element.elementor-element-f646026,
.elementor-4492 .elementor-element.elementor-element-5980a63,
.elementor-4517 .elementor-element.elementor-element-cfad2b9 {
	margin-left: -35px;
}


}

@media (max-width: 1024px) {
 
}

@media (max-width: 767px) {
    /* Ajuste para responsabilidad social en dispositivos móviles */
    #responsabilidad-social-prometal .process-sec {
        padding: 0 0 96px 0 !important;
    }
    
    /* Opcional: Si quieres un pequeño margen lateral para que no toque los bordes */
    #responsabilidad-social-prometal .process-lists {
        padding: 0 16px;
    }
    
    #nuestra-historia-prometal .service-sec-2 .service-box .service-inner {
        gap: 80px !important;
    }
    
    .service-sec-2 .service-box .service-inner {
        gap: 50px !important;
    }
    
    /* Estilos específicos para certificaciones en móviles */
    #certificaciones-prometal .about-sec .funfacts-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        padding: 10px !important;
    }
    
    #certificaciones-prometal .funfact-box {
        width: 100% !important;
        margin: 0 auto 15px auto !important;
        height: 200px !important;
    }
    
    /* Ajustar contenido interno de las tarjetas */
    #certificaciones-prometal .funfact-box .funfact-header .title {
        font-size: 18px !important;
        line-height: 1.3 !important;
        padding: 8px !important;
    }
    
    #certificaciones-prometal .funfact-box .funfact-footer .number {
        font-size: 16px !important;
        padding: 6px !important;
    }
    
    /* Ajustar imagen de fondo */
    #certificaciones-prometal .funfact-box .overlay {
        object-fit: cover !important;
        height: 100% !important;
    }
	
	#filter-prometal-projects .feature-project-lists .project-col-2 {
    	grid-template-columns: inherit !important;
	}
	
	#filter-prometal-projects .feature-project-lists .feature-project-2{
        min-height: 500px !important;
	}
	
	.page-id-2313 .about-sec .funfacts-wrap{
		display:block !important;
	}
	
	/* Simulamos el efecto de borrar la clase e-con */
    .elementor-element-f84a41d {
        display: block !important; 
        width: 100% !important;
        padding-right: 0 !important; /* Por si acaso hereda padding */
    }

    /* Forzamos al contenido interno a obedecer al bloque */
    .elementor-element-f84a41d .custom-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
	
	.elementor-7440 .elementor-element.elementor-element-da12ecf{
		margin-left: auto !important;
	}
	
	.elementor-7440 .elementor-element.elementor-element-bb0eaf6 {
		margin-left: 0 !important;
	}
	.elementor-7440 .elementor-element.elementor-element-33bed0e {
		margin-left: 0 !important;
	}
	.elementor-7440 .elementor-element.elementor-element-e602ee2 {
		margin-left: 0 !important;
	}
	
	.elementor-7440 .elementor-element.elementor-element-f84a41d {
	margin-left: 0px !important;
	}
	.elementor-7440 .elementor-element.elementor-element-36dce23 {
	margin-left: 0px !important;
	}
	
	.elementor-7440 .elementor-element.elementor-element-0f931a3 {
		margin-left: 0px !important;
	}
 
}

@media (max-width: 809px) {
  .header-menu-wrap .navbar {
    margin-right: -60px !important;
}
}

/* Para dispositivos muy pequeños */
@media (max-width: 480px) {
	
	.project-single-content-wrap{
		padding-left: 0px !important;
	} 
	
	/*Alineación misión propósito*/
	.project-single-content-wrap > div:nth-child(1) > div:nth-child(2) > ul:nth-child(2) > li:nth-child(1) {
		text-align: start !important;
	}
	
	.project-single-content-wrap > div:nth-child(1) > div:nth-child(2) > ul:nth-child(2) {
		align-items: start !important;
	}
	
	.elementor-2313 .elementor-element.elementor-element-c4c99f2 .section-header .section-subtitle {
  		margin: 0px 200px 0px 0px !important;
	}
	
    #responsabilidad-social-prometal .process-sec {
        padding: 0 0 60px 0 !important;
    }
    
    #responsabilidad-social-prometal .process-lists {
        padding: 0 12px;
    }
    
    /* Certificaciones en móviles muy pequeños */
    #certificaciones-prometal .funfact-box,
	#certificaciones-prometal-empresa .funfact-box{
        height: 180px !important;
    }
    
    #certificaciones-prometal .funfact-box .funfact-header .title,
	#certificaciones-prometal-empresa .funfact-box .funfact-header .title{
        font-size: 18px !important;
    }
	
	#certificaciones-prometal .funfact-box .funfact-footer .number,
	#certificaciones-prometal-empresa .funfact-box .funfact-footer .number{
        font-size: 18px !important;
    }
	
	#certificaciones-prometal .funfacts-wrap,
	#certificaciones-prometal-empresa .funfacts-wrap{
    	display: flex !important;
    	flex-direction: column !important;
    	gap: 20px !important;
	}
	
	.elementor-2184 .elementor-element.elementor-element-cc42053 .funfact-box .funfact-footer .number {
    	line-height: 20px !important;
	}
	
	.elementor-3646 .elementor-element.elementor-element-0e2d0f2 .feature-sec .section-header .section-subtitle {
		margin: 0px 100px 10px 0px !important;
	}
	
	.elementor-page-3646 .section-header.section-header2 {
		text-align: left !important;
	}
	
	#filter-prometal-projects .feature-project-lists .feature-project-2 {
		min-height: 500px !important;
	}
	
	.elementor-2313 .elementor-element.elementor-element-fbffab3 > .elementor-widget-container{
      margin: 0px 0px 0px 0px !important;
    }
	
	.elementor-2313 .elementor-element.elementor-element-fbffab3 .elementor-heading-title {
     text-align: left !important;
     margin-left: 10px !important;
    }
	
	.elementor-2313 .elementor-element.elementor-element-100abf3 .about-sec .section-header .section-title{
		margin: 0px 0px 0px 0px !important;
	}
	
	.elementor-6470 .elementor-element.elementor-element-aef7c2c {
		--min-height: 660px !important;
	}
	
	.elementor-page-6470 .e-con-inner {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.e-con-inner {
		padding-left: 0px !important;
		padding-right: 10px !important;
	}
	
	.elementor-4523 .e-con-inner,
	.elementor-4505 .e-con-inner,
	.elementor-4492 .e-con-inner,
	.elementor-4468 .e-con-inner,
	.elementor-4517 .e-con-inner{
		padding-left: 20px !important;
	}
	
	
	/***************************************/
	/*****  ESTILOS ICONOS MAQUINARIA *****/
	/**************************************/
	
	.iconos-procesos .e-con-inner, 
	.iconos-perfiles .e-con-inner	{
    	display: flex !important;
    	flex-wrap: wrap !important;
    	justify-content: center !important;
    	gap: 30px !important;
    	width: 100% !important; /* Asegurar que use todo el ancho */
	}

	.iconos-procesos .e-con.e-child,
	.iconos-perfiles .e-con.e-child{
    	flex: 0 1 calc(33.33% + 10px) !important;
		margin-left: -10px;
    	/* Quitar max-width como mencionaste */
	}

	/* Asegurar que el contenedor padre use todo el ancho */
	.iconos-procesos,
	.iconos-perfiles{
    	width: 100% !important;
    	box-sizing: border-box !important;
	}

	.iconos-procesos .elementor-widget-image img,
	.iconos-perfiles .elementor-widget-image img{
    	max-width: 80px !important;
    	height: auto !important;
    	width: 40px !important;
	}
	
	
	
	/*Títulos de maquinaria*/
	
	/*
	.elementor-4492 .elementor-element.elementor-element-7cc909a4 .elementor-heading-title, 
	.elementor-4468 .elementor-element.elementor-element-eeb73a4 .elementor-heading-title {
		padding-right: 55px !important;
	}*/
	
	
	.titulo-maquinaria{
	  margin-left: -40px;
	}
	
	
	/*Alineación de botón "Otras máquinas" */
	
	.button-otras-maquinas {
    	align-content: start;
	}

}