/*
Theme Name: Softecan Bridge Child
Description: Personalizaciones de Softecan sobre el tema Bridge.
Author: Softecan
Template: bridge
Version: 1.2.0
Text Domain: softecan-bridge-child
*/

/* ==========================================================================
   Cabecera de Bridge en la portada (antes estaba dentro de un widget HTML).
   Se aplica a la portada y a cualquier página maquetada con las clases sft-*.
   ========================================================================== */
@media (min-width: 1001px) {
	body.home header nav.main_menu,
	body.sft-landing header nav.main_menu { left: auto !important; right: 45px !important; width: auto !important; }

	body.home header nav.main_menu > ul,
	body.sft-landing header nav.main_menu > ul { display: flex !important; flex-wrap: nowrap !important; }

	body.home header nav.main_menu > ul > li,
	body.sft-landing header nav.main_menu > ul > li { float: none !important; }

	body.home header .q_logo, body.home header .q_logo a,
	body.sft-landing header .q_logo, body.sft-landing header .q_logo a { display: flex !important; align-items: center !important; }

	body.home header .q_logo img.normal,
	body.sft-landing header .q_logo img.normal { height: 50px !important; width: auto !important; }

	body.home header.scrolled .q_logo, body.home header.scrolled .q_logo a, body.home header.scrolled .logo_wrapper,
	body.sft-landing header.scrolled .q_logo, body.sft-landing header.scrolled .q_logo a, body.sft-landing header.scrolled .logo_wrapper { height: 60px !important; }

	body.home header.scrolled .logo_wrapper,
	body.sft-landing header.scrolled .logo_wrapper { display: flex !important; align-items: center !important; }

	body.home header.sticky .q_logo img.sticky,
	body.sft-landing header.sticky .q_logo img.sticky { opacity: 0 !important; }

	body.home header.sticky .q_logo img.normal,
	body.sft-landing header.sticky .q_logo img.normal { opacity: 1 !important; }

	body.home header:not(.sticky) .q_logo img.normal,
	body.sft-landing header:not(.sticky) .q_logo img.normal { transform: translateY(30px) !important; }
}

/* El pie de Bridge se sustituye por el pie maquetado en Elementor. */
body.sft-landing footer:not(.sft-footer) { display: none !important; }

/* ==========================================================================
   Portada anterior (secciones 471c12a y d38f4b4). Se puede borrar cuando
   la nueva portada sustituya a la actual.
   ========================================================================== */
body.home .elementor-element-471c12a > .elementor-container,
body.home .elementor-element-d38f4b4 > .elementor-container {
	display: grid;
	gap: 24px;
	align-items: stretch;
}

body.home .elementor-element-471c12a > .elementor-container {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.home .elementor-element-d38f4b4 > .elementor-container {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.home .elementor-element-471c12a > .elementor-container > .elementor-column,
body.home .elementor-element-d38f4b4 > .elementor-container > .elementor-column {
	width: 100%;
	min-width: 0;
}

body.home .elementor-element-471c12a .elementor-widget-spacer,
body.home .elementor-element-d38f4b4 .elementor-widget-spacer {
	display: none;
}

body.home .elementor-element-471c12a > .elementor-container > .elementor-column > .elementor-widget-wrap,
body.home .elementor-element-d38f4b4 > .elementor-container > .elementor-column > .elementor-widget-wrap {
	height: 100%;
	padding: 28px;
	border: 1px solid #dbe7ef;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(12, 51, 85, 0.06);
}

@media (max-width: 1024px) {
	body.home .elementor-element-471c12a > .elementor-container,
	body.home .elementor-element-d38f4b4 > .elementor-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body.home .elementor-element-471c12a > .elementor-container,
	body.home .elementor-element-d38f4b4 > .elementor-container {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	body.home .elementor-element-471c12a > .elementor-container > .elementor-column > .elementor-widget-wrap,
	body.home .elementor-element-d38f4b4 > .elementor-container > .elementor-column > .elementor-widget-wrap {
		padding: 22px;
	}
}