/* Beauty & Go Club — estilos del landing, formulario y tarjeta de miembro.
   Lenguaje visual de las piezas de la marca: rosas en capas, pares
   tipográficos (script + MAYÚSCULAS bold), notas con cinta washi, píldoras,
   bloque de borde ondulado y doodles. */

/* Las fuentes (Montserrat + Sacramento) se cargan como hoja de estilos
   propia vía wp_enqueue_style — un @import aquí se rompe cuando el tema o el
   hosting concatenan/minifican el CSS. */

.bgc-landing,
.bgc-form-wrap,
.bgc-member-card {
	--bgc-primary: #f95172;
	--bgc-primary-dark: #ec4465;
	--bgc-deep: #d94f72;
	--bgc-soft: #f9b7c6;
	--bgc-blush: #fce7ef;
	--bgc-blush-2: #f8d8e3;
	--bgc-border: #f5c4d2;
	--bgc-ink: #b23653;
	--bgc-text: #6b5560;
	font-family: "Montserrat", "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--bgc-text);
	box-sizing: border-box;
}

.bgc-landing *,
.bgc-form-wrap *,
.bgc-member-card * {
	box-sizing: border-box;
}

/* El contenedor de contenido del sitio aplica white-space: pre-wrap, que
   convierte los saltos de línea del HTML en saltos reales (huecos gigantes
   entre los títulos y píldoras descentradas). Se neutraliza dentro del club. */
.bgc-landing, .bgc-landing *,
.bgc-form-wrap, .bgc-form-wrap *,
.bgc-member-card, .bgc-member-card * {
	white-space: normal !important;
}

/* Betheme aplica su font-family DIRECTAMENTE a p/h1–h6/inputs desde Theme
   Options, lo que le gana a la herencia del contenedor. Dentro del club
   forzamos las fuentes de la marca. El bloque script va después para ganar. */
.bgc-landing p, .bgc-landing a, .bgc-landing div, .bgc-landing span,
.bgc-landing h1, .bgc-landing h2, .bgc-landing h3,
.bgc-landing label, .bgc-landing input, .bgc-landing button,
.bgc-form-wrap p, .bgc-form-wrap a, .bgc-form-wrap div, .bgc-form-wrap span,
.bgc-form-wrap h3, .bgc-form-wrap label, .bgc-form-wrap input, .bgc-form-wrap button,
.bgc-member-card p, .bgc-member-card div, .bgc-member-card span {
	font-family: "Montserrat", "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Betheme carga su propia cara Montserrat 400 (delgada); localmente solo
   existen 600/700/800 y el texto mapea a 600. Fijamos 600 explícito para que
   el cuerpo se vea igual de sólido en cualquier entorno. */
.bgc-hero-sub, .bgc-note p, .bgc-step p, .bgc-check, .bgc-card-hint,
.bgc-card-code, .bgc-login-prompt p, .bgc-error {
	font-weight: 600 !important;
}

/* Mayor especificidad que el bloque Montserrat de arriba (.bgc-landing span
   = 0-1-1): estos selectores 0-2-0 garantizan la fuente script. */
.bgc-landing .bgc-title-script,
.bgc-landing .bgc-benefits-note,
.bgc-form-wrap .bgc-title-script,
.bgc-member-card .bgc-card-title,
.bgc-form-wrap .bgc-card-title,
.bgc-title-script,
.bgc-benefits-note,
.bgc-card-title {
	font-family: "Sacramento", cursive !important;
}

/* ---------- Fondo general del landing ---------- */

.bgc-landing {
	background:
		radial-gradient(420px 300px at 12% 6%, rgba(255, 255, 255, 0.55), transparent 70%),
		radial-gradient(500px 340px at 88% 30%, rgba(249, 183, 198, 0.35), transparent 70%),
		radial-gradient(460px 320px at 8% 70%, rgba(249, 183, 198, 0.3), transparent 70%),
		var(--bgc-blush);
	border-radius: 28px;
	padding: 20px clamp(14px, 4vw, 48px) 64px;
	overflow: hidden;
	/* Centrado con ancho reducido, independiente del tema/plantilla. */
	max-width: 1060px;
	margin: 28px auto 48px;
}

/* ---------- Par tipográfico: MAYÚSCULAS + script ---------- */

.bgc-title {
	position: relative;
	text-align: center;
	margin: 0 0 26px;
	line-height: 1;
}

.bgc-title-caps {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--bgc-primary-dark);
	font-size: clamp(30px, 4.6vw, 46px);
}

.bgc-title-script {
	display: block;
	font-family: "Sacramento", cursive;
	font-weight: 400;
	color: var(--bgc-ink);
	font-size: clamp(34px, 4.8vw, 52px);
	margin-top: -0.32em;
	transform: rotate(-3deg);
}

.bgc-title-onpink .bgc-title-caps {
	color: #ffffff;
}

.bgc-title-onpink .bgc-title-script {
	color: #ffd9e3;
}

/* ---------- Botones ---------- */

.bgc-btn {
	display: inline-block;
	background: var(--bgc-primary);
	color: #ffffff !important;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	font-size: 14px;
	padding: 16px 36px;
	border-radius: 999px;
	border: none;
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(236, 68, 101, 0.35);
	transition: background 0.2s ease, transform 0.15s ease;
}

.bgc-btn:hover {
	background: var(--bgc-primary-dark);
	color: #ffffff !important;
	transform: translateY(-2px) rotate(-1deg);
}

/* ---------- Doodles ---------- */

.bgc-doodle {
	position: absolute;
	color: var(--bgc-primary);
	pointer-events: none;
	line-height: 0;
}

.bgc-doodle svg {
	width: 100%;
	height: auto;
	display: block;
}

.bgc-d-heart1   { width: 30px; top: 16%; left: 9%;  color: var(--bgc-soft); transform: rotate(-14deg); }
.bgc-d-heart2   { width: 26px; bottom: 20%; right: 8%; transform: rotate(12deg); }
.bgc-d-star1    { width: 34px; top: 12%; right: 12%; transform: rotate(14deg); }
.bgc-d-star2    { width: 22px; bottom: 14%; left: 14%; color: var(--bgc-soft); transform: rotate(-10deg); }
.bgc-d-spark1   { width: 20px; top: 38%; left: 16%; color: var(--bgc-primary-dark); }
.bgc-d-spark2   { width: 16px; top: 26%; right: 24%; color: var(--bgc-soft); }
.bgc-d-squiggle { width: 64px; bottom: 26%; right: 16%; color: var(--bgc-ink); transform: rotate(8deg); }

.bgc-d-joinspark { width: 22px; top: 34px; right: 10%; color: #ffd9e3; }
.bgc-d-joinheart { width: 26px; bottom: 30px; left: 8%; color: #ffd9e3; transform: rotate(-12deg); }

@media (max-width: 700px) {
	.bgc-d-spark1, .bgc-d-spark2, .bgc-d-squiggle, .bgc-d-star2 { display: none; }
}

/* ---------- Hero ---------- */

.bgc-hero {
	position: relative;
	text-align: center;
	padding: 84px 16px 72px;
}

.bgc-hero-eyebrow {
	display: table;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	color: var(--bgc-primary);
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	font-size: 12px;
	padding: 9px 22px;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(217, 79, 114, 0.18);
	margin-bottom: 26px;
}

.bgc-hero-title .bgc-title-caps {
	font-size: clamp(32px, 7vw, 62px);
	letter-spacing: 3px;
	color: var(--bgc-primary-dark);
	white-space: nowrap;
}

.bgc-hero-title .bgc-title-script {
	font-size: clamp(44px, 7.5vw, 76px);
	color: var(--bgc-ink);
	margin-top: -0.3em;
}

.bgc-hero-sub {
	color: var(--bgc-text);
	max-width: 540px;
	margin: 6px auto 34px;
	font-size: 16px;
	line-height: 1.65;
}

.bgc-hero-cta {
	margin-top: 16px;
}

/* ---------- Secciones ---------- */

.bgc-benefits,
.bgc-steps,
.bgc-join {
	padding: 46px 4px 0;
}

/* ---------- Beneficios: notas de papel con cinta ---------- */

.bgc-benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 26px 22px;
	margin-top: 40px;
	padding: 0 6px;
}

.bgc-note {
	position: relative;
	background: #ffffff;
	border-radius: 10px;
	padding: 34px 20px 24px;
	text-align: center;
	box-shadow: 0 12px 24px rgba(178, 54, 83, 0.12);
	transition: transform 0.2s ease;
}

.bgc-note-0 { transform: rotate(-1.6deg); }
.bgc-note-1 { transform: rotate(1.2deg); }
.bgc-note-2 { transform: rotate(-0.8deg); }

.bgc-note:hover { transform: rotate(0deg) translateY(-4px); }

.bgc-note-tape {
	position: absolute;
	top: -12px;
	left: 50%;
	width: 92px;
	height: 26px;
	transform: translateX(-50%) rotate(-3deg);
	background: linear-gradient(180deg, rgba(249, 167, 190, 0.85), rgba(249, 183, 198, 0.65));
	opacity: 0.9;
	border-left: 2px dashed rgba(255, 255, 255, 0.55);
	border-right: 2px dashed rgba(255, 255, 255, 0.55);
}

.bgc-note-icon {
	font-size: 30px;
	margin-bottom: 10px;
}

.bgc-note-title {
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	color: var(--bgc-primary);
	margin: 0 0 8px;
}

.bgc-note p {
	font-size: 13.5px;
	color: var(--bgc-text);
	margin: 0;
	line-height: 1.55;
}

.bgc-benefits-note {
	text-align: center;
	font-family: "Sacramento", cursive;
	font-size: 34px;
	color: var(--bgc-ink);
	margin-top: 30px;
	transform: rotate(-1.5deg);
}

/* ---------- Pasos: píldoras ---------- */

.bgc-steps-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 26px 22px;
	margin-top: 40px;
	text-align: center;
}

.bgc-step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--bgc-primary);
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 19px;
	margin-bottom: 12px;
	box-shadow: 0 6px 14px rgba(236, 68, 101, 0.3);
}

.bgc-step-pill {
	display: inline-block;
	background: #ffffff;
	color: var(--bgc-primary-dark);
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 14px;
	padding: 12px 26px;
	border-radius: 999px;
	box-shadow: 0 6px 16px rgba(217, 79, 114, 0.16);
	margin-bottom: 12px;
}

.bgc-step p {
	font-size: 13.5px;
	color: var(--bgc-text);
	margin: 0 auto;
	max-width: 240px;
	line-height: 1.55;
}

@media (max-width: 700px) {
	.bgc-steps-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.bgc-step p {
		max-width: 320px;
	}
}

/* ---------- Únete: bloque ondulado rosa fuerte ---------- */

.bgc-join-blob {
	position: relative;
	background:
		radial-gradient(360px 260px at 85% 12%, rgba(255, 255, 255, 0.12), transparent 70%),
		radial-gradient(320px 240px at 10% 88%, rgba(255, 255, 255, 0.1), transparent 70%),
		var(--bgc-deep);
	padding: 58px clamp(18px, 5vw, 56px) 52px;
	margin-top: 40px;
	border-radius: 34px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M8%2C19%20Q12%2C12%2019%2C16%20Q25%2C20%2032%2C16%20Q39%2C12%2046%2C8%20Q52%2C4%2059%2C8%20Q66%2C12%2072%2C16%20Q79%2C20%2086%2C16%20Q93%2C12%2099%2C8%20Q106%2C4%20113%2C8%20Q119%2C12%20126%2C16%20Q133%2C20%20140%2C16%20Q146%2C12%20153%2C8%20Q160%2C4%20166%2C8%20Q173%2C12%20180%2C16%20Q187%2C20%20193%2C16%20Q200%2C12%20207%2C8%20Q213%2C4%20220%2C8%20Q227%2C12%20234%2C16%20Q240%2C20%20247%2C16%20Q254%2C12%20260%2C8%20Q267%2C4%20274%2C8%20Q281%2C12%20287%2C16%20Q294%2C20%20301%2C16%20Q307%2C12%20314%2C8%20Q321%2C4%20328%2C8%20Q334%2C12%20341%2C16%20Q348%2C20%20354%2C16%20Q361%2C12%20368%2C8%20Q375%2C4%20381%2C8%20Q388%2C12%20384%2C19%20Q380%2C25%20384%2C32%20Q388%2C39%20392%2C46%20Q396%2C52%20392%2C59%20Q388%2C66%20384%2C72%20Q380%2C79%20384%2C86%20Q388%2C93%20392%2C99%20Q396%2C106%20392%2C113%20Q388%2C119%20384%2C126%20Q380%2C133%20384%2C140%20Q388%2C146%20392%2C153%20Q396%2C160%20392%2C166%20Q388%2C173%20384%2C180%20Q380%2C187%20384%2C193%20Q388%2C200%20392%2C207%20Q396%2C213%20392%2C220%20Q388%2C227%20384%2C234%20Q380%2C240%20384%2C247%20Q388%2C254%20392%2C260%20Q396%2C267%20392%2C274%20Q388%2C281%20384%2C287%20Q380%2C294%20384%2C301%20Q388%2C307%20392%2C314%20Q396%2C321%20392%2C328%20Q388%2C334%20384%2C341%20Q380%2C348%20384%2C354%20Q388%2C361%20392%2C368%20Q396%2C375%20392%2C381%20Q388%2C388%20381%2C384%20Q375%2C380%20368%2C384%20Q361%2C388%20354%2C392%20Q348%2C396%20341%2C392%20Q334%2C388%20328%2C384%20Q321%2C380%20314%2C384%20Q307%2C388%20301%2C392%20Q294%2C396%20287%2C392%20Q281%2C388%20274%2C384%20Q267%2C380%20260%2C384%20Q254%2C388%20247%2C392%20Q240%2C396%20234%2C392%20Q227%2C388%20220%2C384%20Q213%2C380%20207%2C384%20Q200%2C388%20193%2C392%20Q187%2C396%20180%2C392%20Q173%2C388%20166%2C384%20Q160%2C380%20153%2C384%20Q146%2C388%20140%2C392%20Q133%2C396%20126%2C392%20Q119%2C388%20113%2C384%20Q106%2C380%2099%2C384%20Q93%2C388%2086%2C392%20Q79%2C396%2072%2C392%20Q66%2C388%2059%2C384%20Q52%2C380%2046%2C384%20Q39%2C388%2032%2C392%20Q25%2C396%2019%2C392%20Q12%2C388%2016%2C381%20Q20%2C375%2016%2C368%20Q12%2C361%208%2C354%20Q4%2C348%208%2C341%20Q12%2C334%2016%2C328%20Q20%2C321%2016%2C314%20Q12%2C307%208%2C301%20Q4%2C294%208%2C287%20Q12%2C281%2016%2C274%20Q20%2C267%2016%2C260%20Q12%2C254%208%2C247%20Q4%2C240%208%2C234%20Q12%2C227%2016%2C220%20Q20%2C213%2016%2C207%20Q12%2C200%208%2C193%20Q4%2C187%208%2C180%20Q12%2C173%2016%2C166%20Q20%2C160%2016%2C153%20Q12%2C146%208%2C140%20Q4%2C133%208%2C126%20Q12%2C119%2016%2C113%20Q20%2C106%2016%2C99%20Q12%2C93%208%2C86%20Q4%2C79%208%2C72%20Q12%2C66%2016%2C59%20Q20%2C52%2016%2C46%20Q12%2C39%208%2C32%20Q4%2C25%208%2C19%20Z%22/%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M8%2C19%20Q12%2C12%2019%2C16%20Q25%2C20%2032%2C16%20Q39%2C12%2046%2C8%20Q52%2C4%2059%2C8%20Q66%2C12%2072%2C16%20Q79%2C20%2086%2C16%20Q93%2C12%2099%2C8%20Q106%2C4%20113%2C8%20Q119%2C12%20126%2C16%20Q133%2C20%20140%2C16%20Q146%2C12%20153%2C8%20Q160%2C4%20166%2C8%20Q173%2C12%20180%2C16%20Q187%2C20%20193%2C16%20Q200%2C12%20207%2C8%20Q213%2C4%20220%2C8%20Q227%2C12%20234%2C16%20Q240%2C20%20247%2C16%20Q254%2C12%20260%2C8%20Q267%2C4%20274%2C8%20Q281%2C12%20287%2C16%20Q294%2C20%20301%2C16%20Q307%2C12%20314%2C8%20Q321%2C4%20328%2C8%20Q334%2C12%20341%2C16%20Q348%2C20%20354%2C16%20Q361%2C12%20368%2C8%20Q375%2C4%20381%2C8%20Q388%2C12%20384%2C19%20Q380%2C25%20384%2C32%20Q388%2C39%20392%2C46%20Q396%2C52%20392%2C59%20Q388%2C66%20384%2C72%20Q380%2C79%20384%2C86%20Q388%2C93%20392%2C99%20Q396%2C106%20392%2C113%20Q388%2C119%20384%2C126%20Q380%2C133%20384%2C140%20Q388%2C146%20392%2C153%20Q396%2C160%20392%2C166%20Q388%2C173%20384%2C180%20Q380%2C187%20384%2C193%20Q388%2C200%20392%2C207%20Q396%2C213%20392%2C220%20Q388%2C227%20384%2C234%20Q380%2C240%20384%2C247%20Q388%2C254%20392%2C260%20Q396%2C267%20392%2C274%20Q388%2C281%20384%2C287%20Q380%2C294%20384%2C301%20Q388%2C307%20392%2C314%20Q396%2C321%20392%2C328%20Q388%2C334%20384%2C341%20Q380%2C348%20384%2C354%20Q388%2C361%20392%2C368%20Q396%2C375%20392%2C381%20Q388%2C388%20381%2C384%20Q375%2C380%20368%2C384%20Q361%2C388%20354%2C392%20Q348%2C396%20341%2C392%20Q334%2C388%20328%2C384%20Q321%2C380%20314%2C384%20Q307%2C388%20301%2C392%20Q294%2C396%20287%2C392%20Q281%2C388%20274%2C384%20Q267%2C380%20260%2C384%20Q254%2C388%20247%2C392%20Q240%2C396%20234%2C392%20Q227%2C388%20220%2C384%20Q213%2C380%20207%2C384%20Q200%2C388%20193%2C392%20Q187%2C396%20180%2C392%20Q173%2C388%20166%2C384%20Q160%2C380%20153%2C384%20Q146%2C388%20140%2C392%20Q133%2C396%20126%2C392%20Q119%2C388%20113%2C384%20Q106%2C380%2099%2C384%20Q93%2C388%2086%2C392%20Q79%2C396%2072%2C392%20Q66%2C388%2059%2C384%20Q52%2C380%2046%2C384%20Q39%2C388%2032%2C392%20Q25%2C396%2019%2C392%20Q12%2C388%2016%2C381%20Q20%2C375%2016%2C368%20Q12%2C361%208%2C354%20Q4%2C348%208%2C341%20Q12%2C334%2016%2C328%20Q20%2C321%2016%2C314%20Q12%2C307%208%2C301%20Q4%2C294%208%2C287%20Q12%2C281%2016%2C274%20Q20%2C267%2016%2C260%20Q12%2C254%208%2C247%20Q4%2C240%208%2C234%20Q12%2C227%2016%2C220%20Q20%2C213%2016%2C207%20Q12%2C200%208%2C193%20Q4%2C187%208%2C180%20Q12%2C173%2016%2C166%20Q20%2C160%2016%2C153%20Q12%2C146%208%2C140%20Q4%2C133%208%2C126%20Q12%2C119%2016%2C113%20Q20%2C106%2016%2C99%20Q12%2C93%208%2C86%20Q4%2C79%208%2C72%20Q12%2C66%2016%2C59%20Q20%2C52%2016%2C46%20Q12%2C39%208%2C32%20Q4%2C25%208%2C19%20Z%22/%3E%3C/svg%3E");
	mask-size: 100% 100%;
}

.bgc-join-sub {
	text-align: center;
	color: #ffd9e3;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 13px;
	margin: -6px 0 38px;
}

/* Aire entre el subtítulo y la nota blanca para que la cinta no tape texto. */
.bgc-join .bgc-form-wrap {
	margin-top: 26px;
}

/* ---------- Formulario / prompts: nota blanca con cinta ---------- */

.bgc-form-wrap {
	position: relative;
	max-width: 620px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 12px;
	padding: 40px 32px 32px;
	box-shadow: 0 16px 34px rgba(140, 30, 55, 0.18);
}

.bgc-form-wrap::before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	width: 110px;
	height: 28px;
	transform: translateX(-50%) rotate(-2.5deg);
	background: linear-gradient(180deg, rgba(249, 167, 190, 0.9), rgba(249, 183, 198, 0.7));
	border-left: 2px dashed rgba(255, 255, 255, 0.6);
	border-right: 2px dashed rgba(255, 255, 255, 0.6);
}

.bgc-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px 18px;
}

@media (max-width: 560px) {
	.bgc-grid {
		grid-template-columns: 1fr;
	}
}

/* Los inputs se alinean abajo aunque una etiqueta ocupe dos líneas
   (ej. "Correo electrónico" junto a "Teléfono"). */
.bgc-field {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.bgc-field label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: var(--bgc-ink);
	margin-bottom: 6px;
}

.bgc-field input {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid var(--bgc-blush-2);
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
	color: #2e262b;
	font-weight: 600;
	transition: border-color 0.15s ease;
}

.bgc-field input::placeholder {
	color: var(--bgc-text, #6b5560);
	font-weight: 500;
	opacity: 0.75;
}

.bgc-field input:focus {
	outline: none;
	border-color: var(--bgc-primary);
	box-shadow: 0 0 0 3px rgba(249, 81, 114, 0.15);
}

.bgc-field input[readonly] {
	background: var(--bgc-blush);
	color: #4a3a41;
}

.bgc-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 13.5px;
	color: var(--bgc-text);
	margin-top: 18px;
	line-height: 1.5;
}

.bgc-check a {
	color: var(--bgc-primary);
}

.bgc-check input {
	margin-top: 3px;
	accent-color: var(--bgc-primary);
}

.bgc-btn-submit {
	width: 100%;
	margin-top: 26px;
	font-size: 15px;
}

.bgc-btn-submit[disabled] {
	opacity: 0.6;
	cursor: wait;
}

.bgc-error {
	color: #c8283c;
	font-size: 14px;
	margin-top: 14px;
	text-align: center;
}

.bgc-login-prompt {
	text-align: center;
}

.bgc-login-prompt h3 {
	margin-top: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 20px;
	color: var(--bgc-primary-dark);
}

.bgc-login-prompt .bgc-btn {
	margin-top: 8px;
}

/* ---------- Mi Cuenta: icono del menú (Betheme / mfn-icons) ---------- */
/* Betheme dibuja los iconos del menú de Mi Cuenta con su fuente mfn-icons;
   nuestro endpoint personalizado no tiene regla propia. \e97d = corazón. */
/* Sin exigir ancestro .woocommerce: el dropdown de cuenta del header de
   Betheme usa las mismas clases pero fuera de ese contenedor. */
.woocommerce-MyAccount-navigation-link--beauty-go-club a::before {
	content: '\e97d';
	font-family: 'mfn-icons';
}

/* ---------- Tarjeta de miembro: sticker con cinta ---------- */

.bgc-member-card {
	position: relative;
	max-width: 420px;
	margin: 14px auto 0;
	background: #ffffff;
	border-radius: 14px;
	padding: 38px 28px 30px;
	text-align: center;
	box-shadow: 0 16px 34px rgba(178, 54, 83, 0.16);
	transform: rotate(-0.8deg);
}

.bgc-member-card::before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	width: 104px;
	height: 28px;
	transform: translateX(-50%) rotate(-3deg);
	background: linear-gradient(180deg, rgba(249, 167, 190, 0.9), rgba(249, 183, 198, 0.7));
	border-left: 2px dashed rgba(255, 255, 255, 0.6);
	border-right: 2px dashed rgba(255, 255, 255, 0.6);
}

.bgc-card-title {
	font-family: "Sacramento", cursive;
	font-size: 34px;
	color: var(--bgc-ink);
	margin-bottom: 2px;
	transform: rotate(-2deg);
}

.bgc-card-label {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: var(--bgc-primary);
	font-weight: 700;
	margin-bottom: 12px;
}

.bgc-card-member-id {
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: 1px;
	color: var(--bgc-primary-dark);
	background: var(--bgc-blush);
	border-radius: 999px;
	padding: 8px 24px;
	margin-bottom: 18px;
}

.bgc-card-qr {
	display: block;
	margin: 0 auto 14px;
}

.bgc-card-barcode {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.bgc-card-code {
	font-size: 13px;
	letter-spacing: 2px;
	color: var(--bgc-text);
	margin-top: 8px;
}

.bgc-card-hint {
	font-size: 13px;
	color: var(--bgc-text);
	margin-top: 16px;
	line-height: 1.5;
}

/* ---------- Panel de puntos (Mi Cuenta) ---------- */

.bgc-points-card {
	position: relative;
	max-width: 480px;
	margin: 34px auto 0;
	background: #ffffff;
	border-radius: 14px;
	padding: 30px 26px 24px;
	text-align: center;
	box-shadow: 0 16px 34px rgba(178, 54, 83, 0.16);
	transform: rotate(0.6deg);
	font-family: "Montserrat", sans-serif;
	color: var(--bgc-text, #6b5560);
}

.bgc-points-card::before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	width: 104px;
	height: 28px;
	transform: translateX(-50%) rotate(2.5deg);
	background: linear-gradient(180deg, rgba(249, 167, 190, 0.9), rgba(249, 183, 198, 0.7));
	border-left: 2px dashed rgba(255, 255, 255, 0.6);
	border-right: 2px dashed rgba(255, 255, 255, 0.6);
}

.bgc-points-card .bgc-card-title {
	font-family: "Sacramento", cursive !important;
	font-size: 34px;
	color: var(--bgc-ink, #b23653);
	transform: rotate(-2deg);
	margin-bottom: 2px;
}

.bgc-points-balance {
	display: inline-block;
	background: var(--bgc-blush, #fce7ef);
	border-radius: 999px;
	padding: 10px 30px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 1px;
	color: var(--bgc-primary, #f95172);
	margin: 4px 0 18px;
}

.bgc-points-list {
	border-top: 1px dashed var(--bgc-border, #f7d4dd);
	text-align: left;
}

.bgc-points-row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px 2px;
	border-bottom: 1px dashed var(--bgc-border, #f7d4dd);
	font-size: 13px;
	font-weight: 600 !important;
}

.bgc-points-date {
	flex: 0 0 auto;
	color: var(--bgc-ink, #b23653);
	font-variant-numeric: tabular-nums;
}

.bgc-points-desc {
	flex: 1 1 auto;
	line-height: 1.4;
}

.bgc-points-amount {
	flex: 0 0 auto;
	font-weight: 800 !important;
	font-variant-numeric: tabular-nums;
}

.bgc-pts-pos { color: var(--bgc-primary, #f95172); }
.bgc-pts-neg { color: #8c2f43; }

.bgc-points-rate {
	display: inline-block;
	background: var(--bgc-blush, #fce7ef);
	color: var(--bgc-ink, #b23653);
	border-radius: 999px;
	padding: 1px 9px;
	font-size: 11px;
	font-weight: 700 !important;
	margin-left: 6px;
}

.bgc-points-balance-col {
	flex: 0 0 52px;
	text-align: right;
	font-weight: 800 !important;
	color: var(--bgc-ink, #b23653);
	font-variant-numeric: tabular-nums;
}

.bgc-points-head {
	border-bottom: 2px solid var(--bgc-border, #f7d4dd) !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10.5px !important;
	color: var(--bgc-ink, #b23653);
}

.bgc-points-head span {
	font-weight: 700 !important;
	color: var(--bgc-ink, #b23653) !important;
}

.bgc-points-head .bgc-points-date { flex: 0 0 auto; }
.bgc-points-head .bgc-points-amount { flex: 0 0 auto; }