/* =================================================================
   BOTÓN DORADO ÚNICO — ampliado el 2026-10-01, petición de Alex
   Todos los botones de fondo dorado de la web copian «Buscar inmueble» de la
   portada (.mgc-boto--primari, en portada-cinematica.css): degradado dorado,
   texto en mayúsculas, esquinas de 13 px y la misma sombra.

   Incluye los estados dorados de ayuda, selectores, pestañas y controles compactos.
   Los controles oscuros o blancos conservan su fondo cuando no están seleccionados;
   «Buscar inmueble» oscuro de la cabecera (.mgc-boto--barra) conserva su diseño.

   Lleva !important porque cada botón viene de un plugin distinto (Elementor,
   SureForms, Estatik, el HTML del simulador) con sus propios estilos, algunos
   también con !important (seller-page.css). «body:not(#mg-boto)» no filtra nada:
   sólo sube la especificidad al nivel de un id para ganarles a todos.
   Se carga en todas las páginas desde mu-plugins/mg-shared-header.php.
   ================================================================= */
body:not(#mg-boto) .elementor-1320 a.elementor-button,
body:not(#mg-boto) .srfm-form .srfm-submit-button,
body:not(#mg-boto) .mg-simple-search .mg-search-submit,
body:not(#mg-boto) .mg-search-interest details > summary,
body:not(#mg-boto) .mg-interest-form button[type="submit"],
body:not(#mg-boto) .mg-sim a.mg-cta,
body:not(#mg-boto) a.es-btn--request-info.es-btn--primary,
body:not(#mg-boto) button.js-es-request-form-submit.es-btn--primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	box-sizing: border-box !important;
	min-height: 46px !important;
	max-width: 100%;
	padding: 0 18px !important;
	border: 1px solid transparent !important;
	border-radius: 13px !important;
	background: linear-gradient(135deg, #F1DB95, #D4AF37 48%, #997C21) !important;
	background-origin: border-box !important; /* sin esto el degradado se repite bajo el borde y deja una raya oscura */
	color: #1B1710 !important;
	box-shadow: 0 10px 28px rgba(20, 17, 14, .28) !important;
	font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: .07em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: normal !important;
	cursor: pointer;
	transform: none !important;
	transition: filter .25s cubic-bezier(.2, .7, .2, 1) !important;
}
@media (min-width: 768px) {
	body:not(#mg-boto) .elementor-1320 a.elementor-button,
	body:not(#mg-boto) .srfm-form .srfm-submit-button,
	body:not(#mg-boto) .mg-simple-search .mg-search-submit,
	body:not(#mg-boto) .mg-search-interest details > summary,
	body:not(#mg-boto) .mg-interest-form button[type="submit"],
	body:not(#mg-boto) .mg-sim a.mg-cta,
	body:not(#mg-boto) a.es-btn--request-info.es-btn--primary,
	body:not(#mg-boto) button.js-es-request-form-submit.es-btn--primary {
		min-height: 52px !important;
		font-size: 14px !important;
	}
}
body:not(#mg-boto) .elementor-1320 a.elementor-button:hover,
body:not(#mg-boto) .srfm-form .srfm-submit-button:hover,
body:not(#mg-boto) .mg-simple-search .mg-search-submit:hover,
body:not(#mg-boto) .mg-search-interest details > summary:hover,
body:not(#mg-boto) .mg-interest-form button[type="submit"]:hover,
body:not(#mg-boto) .mg-sim a.mg-cta:hover,
body:not(#mg-boto) a.es-btn--request-info.es-btn--primary:hover,
body:not(#mg-boto) button.js-es-request-form-submit.es-btn--primary:hover,
body:not(#mg-boto) .elementor-1320 a.elementor-button:focus,
body:not(#mg-boto) .srfm-form .srfm-submit-button:focus,
body:not(#mg-boto) .mg-simple-search .mg-search-submit:focus,
body:not(#mg-boto) .mg-interest-form button[type="submit"]:focus,
body:not(#mg-boto) .mg-sim a.mg-cta:focus,
body:not(#mg-boto) a.es-btn--request-info.es-btn--primary:focus,
body:not(#mg-boto) button.js-es-request-form-submit.es-btn--primary:focus {
	background: linear-gradient(135deg, #F1DB95, #D4AF37 48%, #997C21) !important;
	background-origin: border-box !important;
	color: #1B1710 !important;
	filter: brightness(1.06);
	box-shadow: 0 10px 28px rgba(20, 17, 14, .28) !important;
}
body:not(#mg-boto) .srfm-form .srfm-submit-button:disabled,
body:not(#mg-boto) .mg-interest-form button[type="submit"]:disabled { filter: saturate(.6); opacity: .75; cursor: wait; }
body:not(#mg-boto) .elementor-1320 a.elementor-button .elementor-button-text,
body:not(#mg-boto) .srfm-form .srfm-submit-button .srfm-submit-wrap { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }

/* Los que ya ocupaban todo el ancho lo siguen ocupando. */
body:not(#mg-boto) .mg-sim a.mg-cta,
body:not(#mg-boto) a.es-btn--request-info.es-btn--primary,
body:not(#mg-boto) button.js-es-request-form-submit.es-btn--primary { display: flex !important; width: 100% !important; }

/* «Dejar mis datos y preferencias» abre un desplegable: sin el triángulo del
   navegador, con una flecha que gira al abrirse. */
body:not(#mg-boto) .mg-search-interest details > summary { list-style: none; width: fit-content; }
body:not(#mg-boto) .mg-search-interest details > summary::-webkit-details-marker { display: none; }
body:not(#mg-boto) .mg-search-interest details > summary::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	flex: none;
}
body:not(#mg-boto) .mg-search-interest details[open] > summary::after { transform: translateY(2px) rotate(225deg); }
@media (max-width: 767px) {
	body:not(#mg-boto) .mg-search-interest details > summary,
	body:not(#mg-boto) .mg-simple-search .mg-search-submit { width: 100%; }
}

/* Acabado común para TODAS las superficies de botón doradas. Los tamaños de
   selectores, iconos y mapas permanecen en sus componentes: no son CTA de 52 px. */
body:not(#mg-boto) :is(
	.mgc-boto--primari,
	.elementor-1320 a.elementor-button,
	.srfm-form .srfm-submit-button,
	.mg-simple-search .mg-search-submit,
	.mg-search-interest details > summary,
	.mg-interest-form button[type="submit"],
	.mg-sim a.mg-cta,
	a.es-btn--request-info.es-btn--primary,
	button.js-es-request-form-submit.es-btn--primary,
	.mg-contacte button[type="submit"],
	.mg-contacte input[type="submit"],
	.mg-contacte .es-btn,
	.mg-property-search .es-btn--primary,
	.mg-medios a.mg-medios__boton,
	.mg-tour a.mg-tour__boto,
	.mg-mortgage-guide a.mg-guide-primary,
	.mg-valuation .primary,
	.mg-valuation .button,
	.mg-help-options a,
	.mg-sim button.mg-toggle__btn.is-active,
	.mg-medios .mg-medios__pestanya.es-activa,
	.mg-mapa-buscador__boton,
	.mg-mapa-diferit,
	.es-control--mobile-gallery .es-control__item--sharing > a[data-popup-id="#es-share-popup"],
	.mg-boto-simulador:is(:hover, :focus-visible),
	.mg-mfp .mfp-arrow:active,
	.mg-galeria__foto:active .mg-galeria__lupa
),
body:not(#mg-boto):has(.es-properties) .es-btn--icon:is(:hover, .es-btn--active, .is-active, .active) {
	box-sizing: border-box !important;
	border: 1px solid transparent !important;
	border-radius: 13px !important;
	background: linear-gradient(135deg, #F1DB95, #D4AF37 48%, #997C21) !important;
	background-origin: border-box !important;
	color: #1B1710 !important;
	box-shadow: 0 10px 28px rgba(20, 17, 14, .28) !important;
	font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 600 !important;
	font-style: normal !important;
	letter-spacing: .07em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: filter .25s cubic-bezier(.2, .7, .2, 1) !important;
}

/* El texto y los iconos interiores tienen que usar la misma tinta que el botón. */
body:not(#mg-boto) .mg-help-options a span,
body:not(#mg-boto) .mg-medios__pestanya.es-activa .mg-medios__contador,
body:not(#mg-boto) .mg-mapa-buscador__boton :is(strong, span),
body:not(#mg-boto) .mg-mapa-diferit :is(strong, span),
body:not(#mg-boto) .es-control--mobile-gallery [data-popup-id="#es-share-popup"] .es-icon,
body:not(#mg-boto):has(.es-properties) .es-btn--icon:is(:hover, .es-btn--active, .is-active, .active) .es-icon {
	color: inherit !important;
}

/* Los nuevos CTA completos usan la misma escala que Buscar inmueble.
   Ayuda, pestañas, selectores e iconos mantienen su tamaño compacto. */
body:not(#mg-boto) :is(
	.mg-contacte input[type="submit"],
	.mg-property-search .es-btn--primary:not(.es-btn--icon),
	.mg-medios a.mg-medios__boton,
	.mg-tour a.mg-tour__boto,
	.mg-mortgage-guide a.mg-guide-primary,
	.mg-valuation .primary,
	.mg-valuation .button
) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	min-height: 46px !important;
	max-width: 100%;
	padding: 12px 18px !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	white-space: normal !important;
	transform: none !important;
}
@media (min-width: 768px) {
	body:not(#mg-boto) :is(
		.mg-contacte input[type="submit"],
		.mg-property-search .es-btn--primary:not(.es-btn--icon),
		.mg-medios a.mg-medios__boton,
		.mg-tour a.mg-tour__boto,
		.mg-mortgage-guide a.mg-guide-primary,
		.mg-valuation .primary,
		.mg-valuation .button
	) {
		min-height: 52px !important;
		font-size: 14px !important;
	}
}

body:not(#mg-boto) :is(
	.mgc-boto--primari,
	.mg-property-search .es-btn--primary,
	.mg-medios a.mg-medios__boton,
	.mg-tour a.mg-tour__boto,
	.mg-mortgage-guide a.mg-guide-primary,
	.mg-valuation .primary,
	.mg-valuation .button,
	.mg-help-options a,
	.mg-sim button.mg-toggle__btn.is-active,
	.mg-medios .mg-medios__pestanya.es-activa,
	.mg-mapa-buscador__boton,
	.mg-mapa-diferit
):is(:hover, :focus-visible) {
	filter: brightness(1.06);
}
body:not(#mg-boto) :is(
	.mg-valuation .primary,
	.mg-valuation .button,
	.mg-help-options a,
	.mg-sim button.mg-toggle__btn,
	.mg-medios .mg-medios__pestanya,
	.mg-mortgage-guide a.mg-guide-primary
):focus-visible {
	outline: 2px solid #E8D9A8;
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	body:not(#mg-boto) :is(.mg-help-options a, .mg-sim button.mg-toggle__btn, .mg-medios .mg-medios__pestanya, .mg-valuation .primary, .mg-valuation .button) {
		transition: none !important;
	}
}