/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752740453
Updated: 2025-07-17 10:20:53

*/

/* GENERAL */

.elementor-button:hover {
	backdrop-filter: blur(2px);
}

.elementor-button svg {
	transition: 0.3s all ease;
}

.elementor-button-text {
	background-color: rgba(0, 0, 0, 0.01);
}

#CookiebotWidget {
	bottom: 72px !important;
	left: 72px !important;
}

/* HEADER */

.home .header-info {
	border-bottom-color: transparent !important;
}

header .seccion-main-header {
	width: 100% !important;
}

header .seccion-main-header:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: calc(100% - 96px);
	transform: translateX(-50%);
	height: 2px;
	background-color: #323232;
	opacity: 0;	
	transition: 0.3s opacity ease, 0.3s width ease 0.5s;
}

.nav-fixed header .seccion-main-header:after {
	opacity: 1;
	width: 100%;
	transition: 0.3s all ease 0.2s;
}

header,
.nav-fixed header {
	transition: 0.3s padding-right ease, 0.3s padding-left ease !important;
}

.nav-fixed header {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nav-fixed header .seccion-main-header {
	background-color: rgba(245, 245, 245, 0.8) !important;
	transition: 0.3s all ease !important;
}

.menu-nav a {
	transition: 0.3s all ease !important;
}

.menu-nav a:after {
	content: "";
	position: absolute;
	background-color: transparent !important;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) !important;
	width: 0;
	height: 0;
	border: 2px solid #FFF0;
	transition: 0.3s all ease !important;
}

.menu-nav a:hover:after {
	width: 100%;
	height: 100%;
	border-color: #32323260;
	transition: 0.3s all ease !important;
}

.menu-nav a:hover {
	color: #323232AA !important;
	transition: 0.3s all ease !important;
}

.barras {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 5px 0;
}

.barras .barra {
	width: 24px;
	height: 2px;
	background-color: #323232;
}

.barras .barra.uno {
	width: 18px;
}

.barras .barra.tres {
	width: 12px;
}

.barras:hover .barra {
	background-color: #323232AA;
}

/* FOOTER */

.diseno-por {
	font-weight: 500;
	color: #FFF;
	transition: 0.3s color ease;
}

.diseno-por:hover {
	color: rgba(255, 255, 255, 0.6667);
	transition: 0.3s color ease;
}

.icono-whatsapp .elementor-icon-box-content {
	display: none;
}

.icono-whatsapp .elementor-icon-box-icon a {
	background-color: #25d366;
    padding: 12px;
    border-radius: 50%;
	box-shadow: -5px 0px 20px 5px rgba(50, 50, 50, 0.25);
	transition: 0.5s all ease;
}

.icono-whatsapp .elementor-icon-box-icon a:hover {
	transform: scale(1.1);
	background-color: #075e54;
}

/* INICIO */

.inicio-servicio {
	overflow: hidden;
}

.inicio-servicio:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 150% !important;
	transition: 0.5s all ease;
}

.inicio-servicio.integrales:after {
	background: url(/wp-content/uploads/head-home-2.jpg); /* URL a modificar al mudar */
}

.inicio-servicio.cocina:after {
	background: url(/wp-content/uploads/home-services.jpg); /* URL a modificar al mudar */
}

.inicio-servicio.bano:after {
	background: url(/wp-content/uploads/bath-1.jpg); /* URL a modificar al mudar */
	background-position: center right;
}

.inicio-servicio.interior:after {
	background: url(/wp-content/uploads/interior-1.jpg); /* URL a modificar al mudar */
	background-position: center left;
}

.inicio-servicio.reparaciones:after {
	background: url(/wp-content/uploads/instalaciones.jpg); /* URL a modificar al mudar */
	background-position: center;
}

.inicio-servicio.montaje:after {
	background: url(/wp-content/uploads/montaje-muebles.jpg); /* URL a modificar al mudar */
	background-position: center;
}

.inicio-servicio.manitas:after {
	background: url(/wp-content/uploads/manitas.jpg); /* URL a modificar al mudar */
	background-position: center left;
}

.inicio-servicio:hover:after {
	transition: 0.5s all ease;
	transform: scale(1.075) rotate(2.5deg);
}

.inicio-servicio:before {
	z-index: 1;
}

.inicio-servicio>div {
	z-index: 2;
}

.acordeon-faqs summary,
.acordeon-faqs summary svg {
	transition: 0.3s color ease, 0.3s fill ease;
}

.acordeon-faqs details .e-closed svg {
	transition: 0.3s all ease;
}

.acordeon-faqs details[open] .e-closed svg {
	transform: rotate(180deg);
}

.acordeon-faqs .e-opened {
	display: none !important;
}

.acordeon-faqs .e-closed {
	display: flex !important;
}

.acordeon-faqs .e-n-accordion-item-title-text {
	background-color: rgba(1, 1, 1, 0.01);
}

/* BLOG Y ARTÍCULOS */

.ultimo-parrafo {
	margin-bottom: 48px;
}

.parrafo-sub {
	margin-bottom: 24px;
}

.imagen-destacada img {
	transition: 0.3s transform ease;
}

.imagen-destacada:hover img {
	transform: scale(1.075) rotate(2.5deg);
}

.entradas-recientes .elementor-post__title a:before {
	content: "\f30b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 8px;
}

.entradas-recientes .elementor-post__title a,
.botones-compartir svg {
	transition: 0.3s color ease, 0.3s fill ease;
}

.entradas-recientes .elementor-post__title a:hover {
	color: #323232AA;
}

/* CONTACTO */

.form-contacto .elementor-field-type-submit {
	width: fit-content !important;
}

.form-contacto .elementor-field-type-textarea {
	margin-bottom: 48px !important;
}

.form-contacto input,
.form-contacto textarea {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.form-contacto input:focus,
.form-contacto textarea:focus {
	outline: none !important;
	box-shadow: none !important;
	border-bottom-color: #323232 !important;
}

/* RESPONSIVE */

.menu-movil {
	transform: translateX(100%);
	box-shadow: -5px 0px 20px 5px rgba(50, 50, 50, 0);
	transition: 1s transform ease, 1.5s box-shadow ease 1s !important;
}

.menu-movil.visible {
	transform: translateX(0%);
	box-shadow: -5px 0px 20px 5px rgba(50, 50, 50, 0.25);
	transition: 1s transform ease, 0.3s box-shadow ease !important;
}

.cerrar {
	width: 24px;
	height: 24px;
	display: flex;
	flex-direction: column;
	margin-top: 6px;
	margin-right: 1px;
}

.cerrar .barra {
	width: 100%;
	height: 2px;
	background-color: #323232;
	transform-origin: center;
}

.cerrar .barra.uno {
	transform: rotate(-45deg) translatey(50%);
}

.cerrar .barra.dos {
	transform: rotate(45deg) translatey(-50%);
}

.encabezado-secundario {
	font-size: 20px;
}

.encabezado-terciario {
	font-size: 16px;
}

@media (max-width: 1024px) {
	
	#CookiebotWidget {
		bottom: 36px !important;
		left: 36px !important;
	}
	
}

@media (max-width: 767px) {
	
	.encabezado-secundario h2 {
		font-size: 16px;
	}
	
	#CookiebotWidget {
		bottom: 16px !important;
		left: 16px !important;
	}
	
}


/*COOKIEBOT*/
.CybotCookiebotDialogBodyButton {
    background-color: #DC7301 !important;
    color: #fff !important;
    border-color: #DC7301 !important;
}

.CybotCookiebotDialogBodyButton:hover {
    background-color: #1C1C1C !important;
    border-color: #1C1C1C !important;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #DC7301 !important;
}

.CybotCookiebotDialogBodyLevelButtonDescription:hover {
    color: #DC7301 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-color: #DC7301 !important;
    color: #DC7301 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #DC7301 !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #DC7301 !important;
    border-color: #DC7301 !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover {
    background-color: #1C1C1C !important;
    border-color: #1C1C1C !important;

}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: #DC7301 !important;
    color: #1C1C1C !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:hover {
    color: black !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #DC7301 !important;
}

.Cookiebotwidget-consent-icon svg {
    fill: #DC7301 !important;
}

/*END Cookiebot*/