/* Fitbarz Suscriptores: formulario [fbz_suscripcion]. Todo visible sin JS. */
@font-face{font-family:Mont;src:url('Mont-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

.fbz-sus{
	--fbz-lima:#d5f039;--fbz-lima-hover:#e2fc58;--fbz-tinta:#17191b;
	--fbz-bg:#17191b;--fbz-fg:#fff;--fbz-suave:#b9beb4;--fbz-campo:#222528;--fbz-borde:#3b3f43;--fbz-borde-foco:var(--fbz-lima);
	--fbz-boton:var(--fbz-lima);--fbz-boton-fg:var(--fbz-tinta);--fbz-boton-hover:var(--fbz-lima-hover);
	--fbz-ok-bg:rgba(213,240,57,.14);--fbz-ok-fg:#e9f99a;--fbz-err-bg:rgba(255,120,110,.14);--fbz-err-fg:#ffb3ab;
	container-type:inline-size;
	background:var(--fbz-bg);color:var(--fbz-fg);
	font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	font-size:15px;line-height:1.5;text-align:left;
	padding:clamp(28px,5vw,56px) clamp(16px,5vw,64px);
	border-radius:4px;box-sizing:border-box;position:relative;
}
.fbz-sus--claro{
	--fbz-bg:#f4f5f2;--fbz-fg:#17191b;--fbz-suave:#5c6060;--fbz-campo:#fff;--fbz-borde:#cfd3c9;--fbz-borde-foco:#17191b;
	--fbz-boton:#17191b;--fbz-boton-fg:#fff;--fbz-boton-hover:#2c3034;
	--fbz-ok-bg:#eef8c4;--fbz-ok-fg:#3d4a06;--fbz-err-bg:#fbe4e2;--fbz-err-fg:#8a1f1f;
}
.fbz-sus *,.fbz-sus *::before,.fbz-sus *::after{box-sizing:border-box}
.fbz-sus__in{display:grid;gap:24px;max-width:1180px;margin:0 auto}
@container (min-width:760px){
	.fbz-sus__in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
}

/* Titular */
.fbz-sus .fbz-sus__titulo{
	font-family:Mont,'DM Sans',Arial,sans-serif;font-weight:700;font-synthesis:none;
	font-size:clamp(26px,3.2vw,40px);line-height:1.08;letter-spacing:-.6px;
	color:var(--fbz-fg);margin:0 0 12px;padding:0;text-transform:none;
}
.fbz-sus--oscuro .fbz-sus__titulo::after{content:"";display:block;width:56px;height:4px;background:var(--fbz-lima);margin-top:16px}
.fbz-sus .fbz-sus__texto{margin:0;color:var(--fbz-suave);font-size:16px;line-height:1.55;max-width:46ch}

/* Formulario */
.fbz-sus .fbz-sus__form{margin:0;padding:0;background:none;border:0}
.fbz-sus__campos{display:grid;gap:14px 16px}
@container (min-width:520px){
	.fbz-sus__campos{grid-template-columns:1fr 1fr}
}
.fbz-sus .fbz-sus__campo{margin:0;padding:0;border:0;min-width:0;background:none}
.fbz-sus .fbz-sus__campo label,.fbz-sus .fbz-sus__interes legend{
	display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin:0 0 6px;padding:0;color:var(--fbz-fg);float:none;width:auto
}
.fbz-sus__req{color:var(--fbz-lima)}
.fbz-sus--claro .fbz-sus__req{color:#7b8c14}
.fbz-sus__opc{font-weight:400;color:var(--fbz-suave)}
.fbz-sus .fbz-sus__campo input[type=email],.fbz-sus .fbz-sus__campo input[type=text],.fbz-sus .fbz-sus__campo input[type=tel]{
	display:block;width:100%;height:48px;margin:0;padding:0 14px;
	font:inherit;font-size:16px;color:var(--fbz-fg);background:var(--fbz-campo);
	border:1px solid var(--fbz-borde);border-radius:3px;box-shadow:none;outline:0;
	-webkit-appearance:none;appearance:none;transition:border-color .15s
}
.fbz-sus .fbz-sus__campo input::placeholder{color:var(--fbz-suave);opacity:.75}
.fbz-sus .fbz-sus__campo input:focus{border-color:var(--fbz-borde-foco);box-shadow:0 0 0 1px var(--fbz-borde-foco)}
.fbz-sus .fbz-sus__campo input:user-invalid{border-color:#ff7a6e}

/* Interés: píldoras con radios (funcionan sin JS) */
.fbz-sus__pills{display:flex;flex-wrap:wrap;gap:8px}
.fbz-sus .fbz-sus__pill{position:relative;display:inline-flex;margin:0;font-size:14px;font-weight:500;cursor:pointer}
.fbz-sus .fbz-sus__pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.fbz-sus .fbz-sus__pill span{
	display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid var(--fbz-borde);border-radius:999px;
	background:var(--fbz-campo);color:var(--fbz-fg);transition:background .15s,border-color .15s,color .15s
}
.fbz-sus .fbz-sus__pill:hover span{border-color:var(--fbz-borde-foco)}
.fbz-sus .fbz-sus__pill input:checked+span{background:var(--fbz-lima);border-color:var(--fbz-lima);color:var(--fbz-tinta);font-weight:700}
.fbz-sus--claro .fbz-sus__pill input:checked+span{background:var(--fbz-tinta);border-color:var(--fbz-tinta);color:#fff}
.fbz-sus .fbz-sus__pill input:focus-visible+span{outline:3px solid #7b8c14;outline-offset:2px}

/* Consentimiento */
.fbz-sus .fbz-sus__consent{margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--fbz-suave)}
.fbz-sus .fbz-sus__consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:0;font-weight:400}
.fbz-sus .fbz-sus__consent input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--fbz-lima)}
.fbz-sus--claro .fbz-sus__consent input{accent-color:var(--fbz-tinta)}
.fbz-sus .fbz-sus__consent a{color:var(--fbz-fg);text-decoration:underline;text-underline-offset:2px}

/* Botón */
.fbz-sus .fbz-sus__acciones{margin:18px 0 0}
.fbz-sus .fbz-sus__boton,.fbz-sus-baja .fbz-sus__boton{
	display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;margin:0;
	font-family:Mont,'DM Sans',Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.3px;line-height:1.2;text-transform:none;
	background:var(--fbz-boton,#17191b);color:var(--fbz-boton-fg,#fff);border:0;border-radius:3px;cursor:pointer;
	text-decoration:none;box-shadow:none;transition:background .2s,transform .2s
}
.fbz-sus .fbz-sus__boton:hover{background:var(--fbz-boton-hover);transform:translateY(-2px)}
.fbz-sus .fbz-sus__boton:focus-visible{outline:3px solid #7b8c14;outline-offset:3px}
.fbz-sus .fbz-sus__boton[disabled]{opacity:.6;cursor:wait;transform:none}
@container (max-width:519px){.fbz-sus .fbz-sus__boton{width:100%}}

/* Mensaje */
.fbz-sus .fbz-sus__msg{margin:0;font-size:15px;line-height:1.45;font-weight:500}
.fbz-sus .fbz-sus__msg:empty{display:none}
.fbz-sus .fbz-sus__msg--ok,.fbz-sus .fbz-sus__msg--error{padding:12px 16px;border-radius:3px;margin:0 0 16px}
.fbz-sus .fbz-sus__msg--ok{background:var(--fbz-ok-bg);color:var(--fbz-ok-fg);border-left:4px solid var(--fbz-lima)}
.fbz-sus--claro .fbz-sus__msg--ok{border-left-color:#7b8c14}
.fbz-sus .fbz-sus__msg--error{background:var(--fbz-err-bg);color:var(--fbz-err-fg);border-left:4px solid #e0533f}
.fbz-sus .fbz-sus__msg:focus{outline:0}
/* Suscripción hecha: se oculta el formulario y queda el mensaje. */
.fbz-sus--ok .fbz-sus__form{display:none}
.fbz-sus--ok .fbz-sus__msg--ok{font-size:17px;padding:18px 20px;margin:0}

/* Honeypot fuera de pantalla */
.fbz-sus .fbz-sus__hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* Página de baja (/?fbz_baja=TOKEN) */
.fbz-sus-baja{padding:64px 16px 80px;font-family:'DM Sans',system-ui,Arial,sans-serif}
.fbz-sus-baja__in{max-width:640px;margin:0 auto;text-align:center}
.fbz-sus-baja .fbz-sus-baja__titulo{font-family:Mont,'DM Sans',Arial,sans-serif;font-weight:700;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 16px;color:#17191b}
.fbz-sus-baja p{font-size:17px;line-height:1.55;color:#3d4043;margin:0 0 24px}
.fbz-sus-baja .fbz-sus__boton:hover{background:#2c3034;color:#fff}

@media (prefers-reduced-motion:reduce){.fbz-sus *{transition:none!important}.fbz-sus .fbz-sus__boton:hover{transform:none}}
