/*
 Theme Name:   Industrie Child
 Theme URI:    https://demo.rstheme.com/wordpress/industrie/
 Description:  Industrie Child
 Author:       RSTheme
 Author URI:   http://rstheme.com
 Template:     industrie
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* ==========================
 CORTE TÍTULOS MÓVIL
========================== */

@media (max-width: 767px) {
	.titulo-wrap{
		hyphens: auto;
    	-webkit-hyphens: auto;
    	-ms-hyphens: auto;
    	word-break: normal;
    	overflow-wrap: break-word;
	}
}

/* ==========================
 BOTONES
========================== */

/* ELIMINAR TRANSICION LINEAL */

/* Eliminar la capa animada */
.rs-button .rs-btn::before {
    display: none !important;
}
/* Hover directo */
.rs-button .rs-btn:hover {
    background: #07102E !important;
    background-color: #07102E !important;
	padding-left: 24px !important;
    padding-right: 24px !important;
}
/* Transiciones */
.rs-button .rs-btn {
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        padding 0.25s ease !important;
}

/* EFECTO CRECIMIENTO DE BOTONES */
.elementor-28928 .elementor-element.elementor-element-32edb2d .rs-button .rs-btn span{
	transition:
        gap 0.25s ease;
}
.elementor-28928 .elementor-element.elementor-element-32edb2d .rs-button .rs-btn span:hover {
    gap: 16px !important;
}
.rs-button .rs-btn em > * {
    transition: none !important;
    transform: none !important;
}

/* Evitar que el segundo se mueva */
.rs-button .rs-btn em > :nth-child(2) {
    display: none !important;
}

/* BOTÓN FORMULARIO */
.wpcf7-form-control.wpcf7-submit.has-spinner.btn-enviar:hover{
	padding-right: 59px;
	padding-left: 30px;
	opacity: 1;
}

/* BOTON HEADER */
.btn-header .elementor-button:hover {
  padding: 16px 24px !important;
}

/* BOTON FOOTER */
.btn-footer .rs-button .rs-btn:hover{
	background-color: #DE9B2906 !important;
	padding: 8px !important;
}

/* ==========================
 FLECHAS MENÚ NAVEGACIÓN
========================== */

.menu-header-flecha nav .hfe-nav-menu > li > a.hfe-menu-item {
    display: inline-flex;
    align-items: center;
	overflow: visible !important;
}

/* Flecha: espacio reservado desde inicio */
.menu-header-flecha nav .hfe-nav-menu > li > a.hfe-menu-item::after {
    content: "";

    width: 0;
    height: 14px;

    margin-left: 0;

    background-image: url("/wp-content/uploads/2026/02/flecha.svg");
    background-repeat: no-repeat;
    background-size: contain;

    opacity: 0;

    transition: width 0.25s ease,
                margin-left 0.25s ease,
                opacity 0.15s ease;

    position: static !important;
    display: inline-block !important;
}

/* Hover → aparece */
.menu-header-flecha nav .hfe-nav-menu > li:hover > a.hfe-menu-item::after {
    width: 24px;
    margin-left: 8px;
    opacity: 1;
}

/* ==========================
 PÁGINA INICIO
========================== */

/* FLECHAS SERVICIOS */

/* Borde y tamaño on hover */
.elementor-28930 .elementor-element.elementor-element-ba3aab3 .rsaddon-unique-slider .slick-arrow{
	border: none;
	transition: all 0.3s ease;
}
.elementor-28930 .elementor-element.elementor-element-ba3aab3 .rsaddon-unique-slider .slick-arrow:hover{
	border-bottom: 1px solid rgba(7, 16, 46, 1);
	width: 45px;
}

/* Ajuste de Posicionamiento en 1440px */
@media (min-width: 1367px) and (max-width: 1569px){
	.elementor-28930 .elementor-element.elementor-element-ba3aab3 .rs-addon-slider .slick-prev,
	.elementor-28930 .elementor-element.elementor-element-ba3aab3 .rs-addon-slider .slick-next {
		bottom: -70px !important;
	}
}

/* BOTÓN GRID SERVICIOS */

/* Color de Fondo de Botones */
.servicios-grid .service-content-area .btn-area:hover {
	background-color: rgba(222, 155, 41, 0.06);
	border-bottom: 1px solid rgba(222, 155, 41, 1);
}
.elementor-28927 .elementor-element.elementor-element-79b6714 .rs-services-slider .rs-service-slider:hover .btn_box .btn-area .btn-icon {
	background-color: #DE9B2900 !important;
}

/* ==========================
 PÁGINA SOBRE PAYMON
========================== */

/* OVERLAY */

/* Contenido interno */
.modal-overlay {
    transition: all 0.3s ease;
}
@media (min-width: 1025px) {
	
	.modal-contenedor.is-overlay {
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 588px;
    	height: 374px;
    	z-index: 10001;
	}
	
	/* Color de Fondo */
	.modal-fondo {
    	position: fixed;
    	inset: 0;
    	background: rgba(0,0,0,0.6);
    	opacity: 0;
    	visibility: hidden;
    	transition: 0.3s ease;
    	z-index: 10000;
	}

	.modal-fondo.active {
	    opacity: 1;
	    visibility: visible;
	}
	
	/* Bloquear scroll */
	body.modal-open,
	html.modal-open {
    	overflow: hidden;
	}
	
	/* Pointer en el título */
	.titulo-click:hover {
		cursor: pointer;
	}
}

/* Activo */
.modal-contenedor.is-active .modal-contenido {
    transform: translateY(0);
}

/* ==========================
 PÁGINAS SERVICIOS
========================== */

/* ESPACIO ENTRE ITEMS */
.servicios-nav ul li {
	margin-top: 12px;
}

/* PADDING */

/* Telefono, Tablet, Laptop */
.servicios-nav ul li a:hover {
	padding: 8px 26px 8px 8px !important;
}
/* Escritorio */
@media (min-width: 1367px) {
	padding: 8px !important;
}

/* ITEM SELECCIONADO */

/* Evitar interacción */
.servicios-nav .current-menu-item.current_page_item {
	pointer-events: none;
}
/* Padding */
.servicios-nav .current-menu-item.current_page_item a {
	padding: 8px 26px 8px 8px !important;
}
@media (min-width: 1367px) {
	.servicios-nav .current-menu-item.current_page_item a{
		padding: 8px !important;
	}
}

/* ==========================
 FOOTER
========================== */

/* Iconos sociales */
.iconos-sociales .rs-social-menu ul li a:hover{
	background-color: #DE9B29 !important;
}