.mybwai-apple-login-wrap {
	margin: 14px 0;
	width: 100%;
	display: flex;
}

.mybwai-apple-align-left { justify-content: flex-start; }
.mybwai-apple-align-center { justify-content: center; }
.mybwai-apple-align-right { justify-content: flex-end; }

.mybwai-apple-login-button {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	min-height: 44px;
	padding: 0 18px;
	border-radius: var(--mybwai-apple-radius, 999px);
	border: 1px solid #111;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	transition: transform .12s ease, opacity .12s ease, box-shadow .12s ease;
	cursor: pointer;
}

.mybwai-apple-width-full .mybwai-apple-login-button {
	width: 100%;
	max-width: 320px;
}

.mybwai-apple-width-auto .mybwai-apple-login-button {
	width: auto;
	max-width: 100%;
}

.mybwai-apple-size-compact { min-height: 38px; padding: 0 14px; font-size: 14px; }
.mybwai-apple-size-normal { min-height: 44px; padding: 0 18px; font-size: 15px; }
.mybwai-apple-size-large { min-height: 50px; padding: 0 22px; font-size: 16px; }

.mybwai-apple-theme-black { background: #000; border-color: #000; color: #fff !important; }
.mybwai-apple-theme-white { background: #fff; border-color: #d0d0d0; color: #111 !important; }
.mybwai-apple-theme-outline { background: transparent; border-color: #111; color: #111 !important; }

.mybwai-apple-login-button:hover,
.mybwai-apple-login-button:focus {
	opacity: .92;
	transform: translateY(-1px);
	text-decoration: none !important;
	box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

.mybwai-apple-theme-black:hover,
.mybwai-apple-theme-black:focus { color: #fff !important; }

.mybwai-apple-theme-white:hover,
.mybwai-apple-theme-white:focus,
.mybwai-apple-theme-outline:hover,
.mybwai-apple-theme-outline:focus { color: #111 !important; }

/* ==========================================================
   Icono Apple MyBwai
   Desde v2.0 NO se usa SVG ni IMG en el HTML.
   El icono se pinta por CSS con el PNG propio de Medios.
   ========================================================== */

.mybwai-apple-login-icon {
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	flex: 0 0 18px !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	background-image: url("https://mybwai.com/wp-content/uploads/2026/07/logo_sinfondo_apple.png?v=mybwai-apple-v230") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
	transform: none !important;
	rotate: 0deg !important;
	overflow: visible !important;
}

.mybwai-apple-login-icon svg,
.mybwai-apple-login-icon img,
.mybwai-apple-login-icon-img {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
}

.mybwai-apple-login-warning {
	color: #b32d2e;
	font-weight: 600;
}

/* ==========================================================
   Modo por defecto MyBwai:
   - No usa CSS del panel.
   - No imprime SVG.
   - El tamaño final puede adaptarse desde el formulario Mi cuenta
     para igualar exactamente el botón de Google.
   ========================================================== */

.mybwai-apple-login-wrap.mybwai-apple-mode-default {
	margin: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button {
	box-sizing: border-box !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	margin: 0 auto !important;
	padding: 0 18px !important;
	border-radius: var(--mybwai-apple-radius, 999px) !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #1f2937 !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	font-family: "Google Sans", Roboto, Arial, sans-serif !important;
	font-size: 14px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	cursor: pointer !important;
	transition:
		background-color .18s ease,
		box-shadow .18s ease,
		transform .12s ease,
		filter .18s ease !important;
	-webkit-tap-highlight-color: rgba(111, 76, 255, .18);
	touch-action: manipulation;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button:hover,
.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button:focus {
	opacity: 1 !important;
	filter: brightness(.985) !important;
	transform: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	color: #1f2937 !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button:active {
	opacity: 1 !important;
	filter: none !important;
	transform: scale(.985) !important;
	box-shadow: inset 0 0 0 999px rgba(111, 76, 255, .10) !important;
	text-decoration: none !important;
	color: #1f2937 !important;
	background: #f2efff !important;
	background-color: #f2efff !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button:focus-visible {
	outline: 2px solid rgba(111, 76, 255, .65) !important;
	outline-offset: 2px !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button *,
.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button *::before,
.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button *::after {
	box-sizing: border-box !important;
	text-decoration: none !important;
	color: #1f2937 !important;
	font-family: "Google Sans", Roboto, Arial, sans-serif !important;
	font-size: 14px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-icon {
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	flex: 0 0 18px !important;
	background-image: url("https://mybwai.com/wp-content/uploads/2026/07/logo_sinfondo_apple.png?v=mybwai-apple-v230") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
	transform: none !important;
	rotate: 0deg !important;
}

/* Compatibilidad fuerte dentro de Mi cuenta.
   Aquí dejamos que el JavaScript del formulario fije width/height exactos
   según el botón real de Google. */
.mybwai-apple .mybwai-apple-login-wrap.mybwai-apple-mode-default,
.mybwai-apple .mybwai-apple-login-wrap.mybwai-apple-mode-default .mybwai-apple-login-button {
	min-width: 0 !important;
}

/* ==========================================================
   Modo CSS: base estable + CSS propio desde el panel.
   ========================================================== */

.mybwai-apple-login-wrap.mybwai-apple-mode-css {
	margin: 0 !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-css .mybwai-apple-login-button {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	margin: 0 auto !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-css .mybwai-apple-login-button:hover,
.mybwai-apple-login-wrap.mybwai-apple-mode-css .mybwai-apple-login-button:focus,
.mybwai-apple-login-wrap.mybwai-apple-mode-css .mybwai-apple-login-button:active {
	text-decoration: none !important;
}

.mybwai-apple-login-wrap.mybwai-apple-mode-css .mybwai-apple-login-icon {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	flex: 0 0 18px !important;
	background-image: url("https://mybwai.com/wp-content/uploads/2026/07/logo_sinfondo_apple.png?v=mybwai-apple-v230") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
}

/* Compatibilidad cuando el shortcode se pega dentro del formulario antiguo
   dentro de .mybwai-apple. Evita márgenes extra o cajas dobles. */
.mybwai-apple .mybwai-apple-login-wrap.mybwai-apple-mode-default,
.mybwai-apple .mybwai-apple-login-wrap.mybwai-apple-mode-css {
	margin: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}