/*
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.9.1784618067
Updated: 2026-07-21 09:14:27

*/

/* TRANSICIONES */

.elementor-button-icon svg,
.header-main-container,
.enlaces ul a,
.form-contacto .elementor-field-type-acceptance .elementor-field-option a {
	transition: 0.3s all ease !important;
}


/* BOTÓN */

.elementor-button-content-wrapper {
	align-items: center;
}

.elementor-button-icon {
	height: 16px;
}

.elementor-button-icon svg {
	fill: #FFF;
}

.alt .elementor-button-icon svg {
	fill: #000;
}

.altbis .elementor-button-icon svg {
	fill: #DD3333 !important;
}

.altbis .elementor-button-icon svg {
	fill: #DD3333 !important;
}

.altbis a:hover .elementor-button-icon svg {
	fill: #FFF !important;
}

/* ENLACES */

.menu-nav .elementor-nav-menu:hover a,
.enlaces ul:hover a {
	opacity: 0.5;
}

.menu-nav .elementor-nav-menu a:hover,
.enlaces ul a:hover {
	opacity: 1;
}

/* HEADER */

.scroll .header-main-container {
	transform: translateY(-80px);
}

.scroll.scroll-up .header-main-container {
	transform: translateY(0px);
	background-color: rgba(0, 0, 0, .67) !important;
	backdrop-filter: blur(10px);
}

.scroll.scroll-up .header-main-container.blanco {
	background-color: rgba(255, 255, 255, .67) !important;
}

/* INICIO */

.main-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	mix-blend-mode: overlay;
	opacity: 0.375;
	pointer-events: none;
}

.bg-black .texto-cambiante .elementor-heading-title,
.bg-black .texto-cambiante p {
	color: #EFFBF5;
}

.bg-black .borde-cambiante {
	border-color: #EFFBF540;
}

/* CONTACTO */

.form-contacto input,
.form-contacto textarea {
	padding-left: 0;
	padding-bottom: 8px;
}

.form-contacto .elementor-field-type-acceptance .elementor-field-option {
	display: flex;
	align-items: center;
	gap: 8px;
}

.form-contacto .elementor-field-type-acceptance .elementor-field-option a {
	color: #10040A;
}

.form-contacto .elementor-field-type-acceptance .elementor-field-option a:hover {
	color: #DD3333;
}

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

.form-contacto .elementor-message {
	margin-top: 32px;
}

/* APLICACIONES */

.obten-info {
	opacity: 0;
	transition: 0.3s margin-bottom ease 0.15s, 0.3s opacity ease !important;
}

.obten-info svg {
	fill: #FFF !important;
}

.caja-aplicacion:hover .obten-info {
	margin-bottom: 0px !important;
	opacity: 1;
	transition: 0.3s margin-bottom ease, 0.3s opacity ease 0.15s !important;
}

.caja-aplicacion:hover:before {
	opacity: 0.8 !important;
}

/* LEGALES */

.legales h2, .legales h3, .legales h4 {
	margin-block-start: 2rem;
}

.legales p:last-of-type {
	margin-block-end: 0;
}

.legales ul, .legales ol {
	padding-left: 16px;
}

/* BLOG */

.contenido-entrada .wp-block-heading {
	margin-top: 32px;
	margin-bottom: 24px;
}