/* Ferrr Ecosystem — Centro del Participante */
.fe-portal{
	--accent:var(--fe-accent,#0E7C66);
	--ink:#0B1220; --dim:#5B6472; --line:#E6E8EE; --bg:#F6F7F9;
	font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	color:var(--ink); max-width:1080px; margin:0 auto; padding:8px 14px 60px;
}
.fe-portal *{box-sizing:border-box}
.fe-portal [hidden]{display:none !important}
.fe-portal h1,.fe-portal h2,.fe-portal h3,.fe-portal h4{letter-spacing:-.02em; color:var(--ink)}
.fe-dim{color:var(--dim)}
.fe-small{font-size:13px}
.fe-ok{color:#0E7C66; font-weight:600}
.fe-center{text-align:center}
.fe-eyebrow{display:block; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); font-weight:600}

.fe-card{
	background:#fff; border:1px solid var(--line); border-radius:16px;
	padding:22px 24px; margin:14px 0; box-shadow:0 1px 2px rgba(11,18,32,.03);
}

/* ---- Botones ---- */
.fe-btn{
	display:inline-block; background:var(--accent); color:#fff !important;
	padding:12px 22px; border-radius:12px; border:0; cursor:pointer;
	font-size:15px; font-weight:600; text-decoration:none !important;
	transition:transform .1s, filter .15s, box-shadow .15s;
	box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);
}
.fe-btn:hover{filter:brightness(1.06); transform:translateY(-1px)}
.fe-btn-big{padding:15px 30px; font-size:17px}
.fe-btn-outline{background:#fff; color:var(--accent) !important; border:1.5px solid var(--accent); box-shadow:none}
.fe-btn-outline:hover{background:color-mix(in srgb, var(--accent) 7%, #fff)}
.fe-btn-ghost{background:transparent; border:0; color:var(--dim); cursor:pointer; font-size:14px; padding:10px; text-decoration:underline}

/* ---- Topbar ---- */
.fe-topbar{
	display:flex; align-items:center; justify-content:space-between; gap:14px;
	padding:16px 4px 10px;
}
.fe-topbar-brand{display:flex; align-items:center; gap:14px}
.fe-logo{max-height:42px; width:auto; border-radius:8px}
.fe-topbar-brand strong{font-size:17px; letter-spacing:-.02em}
.fe-topbar-user{display:flex; align-items:center; gap:12px}
.fe-lz-switch{border:1px solid var(--line); border-radius:10px; padding:8px 10px; font-size:13px; background:#fff}
.fe-avatar{
	width:38px; height:38px; border-radius:50%; background:var(--accent); color:#fff;
	display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:16px;
}

/* ---- Tabs ---- */
.fe-tabs{display:flex; gap:4px; border-bottom:1px solid var(--line); margin:6px 0 4px; overflow-x:auto}
.fe-tabs button{
	background:none; border:0; cursor:pointer; white-space:nowrap;
	padding:12px 16px; font-size:14.5px; font-weight:600; color:var(--dim);
	border-bottom:2.5px solid transparent; margin-bottom:-1px; transition:color .15s;
}
.fe-tabs button:hover{color:var(--ink)}
.fe-tabs button.on{color:var(--accent); border-color:var(--accent)}
.fe-tabs .fe-dot{display:inline-block; width:7px; height:7px; border-radius:50%; background:#E5484D; vertical-align:super}
.fe-tabpane{display:none}
.fe-tabpane.on{display:block; animation:fe-fade .25s ease-out}
@keyframes fe-fade{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

/* ---- Hero ---- */
.fe-hero{display:flex; gap:22px; align-items:center; justify-content:space-between; flex-wrap:wrap;
	background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, #fff), #fff)}
.fe-hero-live{border-color:color-mix(in srgb, #E5484D 40%, var(--line))}
.fe-hero h2{margin:4px 0 6px; font-size:24px}
.fe-when{font-weight:600; color:var(--ink); margin:8px 0 0}
.fe-when-sm{font-size:13.5px; color:var(--ink); font-weight:600; margin:6px 0}
.fe-hero-side{display:flex; flex-direction:column; align-items:center; gap:12px}

.fe-live-pill{
	display:inline-flex; align-items:center; gap:8px; background:#E5484D; color:#fff;
	padding:7px 16px; border-radius:999px; font-size:12.5px; font-weight:800; letter-spacing:.08em;
}
.fe-live-pill .fe-live-dot{width:8px; height:8px; border-radius:50%; background:#fff; animation:fe-blink 1.2s ease-in-out infinite}
@keyframes fe-blink{50%{opacity:.35}}

.fe-countdown{display:flex; gap:14px}
.fe-countdown > div{display:flex; flex-direction:column; align-items:center; min-width:52px}
.fe-cd{font-size:30px; font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; color:var(--ink); line-height:1}
.fe-countdown label{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--dim); margin-top:5px}

/* ---- Progreso ---- */
.fe-progress-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px}
.fe-progress-head h3{margin:0}
.fe-progress-bar{height:10px; background:#EEF0F4; border-radius:999px; overflow:hidden; margin-top:12px}
.fe-progress-bar span{display:block; height:100%; background:var(--accent); border-radius:999px; transition:width .6s cubic-bezier(.2,.8,.3,1)}

/* ---- Retroalimentación ---- */
.fe-fb{border-left:3px solid var(--accent); background:color-mix(in srgb, var(--accent) 5%, #fff);
	border-radius:0 12px 12px 0; padding:12px 16px; margin:10px 0}
.fe-fb p{margin:0 0 4px}

/* ---- Notificaciones ---- */
.fe-notifs{display:flex; flex-direction:column; gap:10px; max-height:340px; overflow-y:auto}
.fe-notif{border:1px solid var(--line); border-radius:12px; padding:12px 16px; position:relative}
.fe-notif-new{border-color:color-mix(in srgb, var(--accent) 40%, var(--line)); background:color-mix(in srgb, var(--accent) 4%, #fff)}
.fe-notif strong{display:block; font-size:14.5px}
.fe-notif p{margin:3px 0; font-size:13.5px; color:var(--dim)}
.fe-notif .fe-dim{font-size:12px}
.fe-notif-go{display:inline-block; margin-top:4px; color:var(--accent); font-weight:600; font-size:13px; text-decoration:none}

/* ---- Experiencias (agenda) ---- */
.fe-exp{display:flex; gap:18px; align-items:flex-start; justify-content:space-between}
.fe-exp-main{flex:1; min-width:0}
.fe-exp h3{margin:8px 0 4px; font-size:18px}
.fe-exp-bloqueada{opacity:.72}
.fe-exp-cta{flex:none; padding-top:6px}
.fe-chip{display:inline-block; padding:4px 12px; border-radius:999px; font-size:11.5px; font-weight:700; letter-spacing:.05em}
.fe-chip-bloqueada{background:#EEF0F4; color:#5B6472}
.fe-chip-proxima{background:#FFF4DE; color:#B27B16}
.fe-chip-en_curso{background:#FDE8E9; color:#E5484D}
.fe-chip-terminada{background:#E7F5F1; color:#0E7C66}
.fe-chip-pendiente{background:#FFF4DE; color:#B27B16}
.fe-chip-aprobado{background:#E7F5F1; color:#0E7C66}
.fe-chip-descartado{background:#EEF0F4; color:#5B6472}
.fe-agenda{margin-top:10px}
.fe-agenda summary{cursor:pointer; font-size:13.5px; font-weight:600; color:var(--accent)}
.fe-agenda ul{margin:10px 0 0 4px; padding-left:16px}
.fe-agenda li{font-size:13.5px; color:var(--dim); margin:5px 0}
.fe-agenda li strong{color:var(--ink); font-variant-numeric:tabular-nums}

/* ---- Recursos ---- */
.fe-resources{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:8px}
.fe-resources a{
	display:block; padding:11px 16px; border:1px solid var(--line); border-radius:12px;
	color:var(--ink); text-decoration:none; font-weight:600; font-size:14px; transition:border-color .15s, background .15s;
}
.fe-resources a:hover{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 4%, #fff)}

/* ---- Tareas ---- */
.fe-tasks{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:8px}
.fe-task{display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line); border-radius:12px; cursor:pointer; transition:background .15s}
.fe-task:hover{background:#FAFBFC}
.fe-task input{width:18px; height:18px; margin-top:1px; accent-color:var(--accent); flex:none}
.fe-task.done span{text-decoration:line-through; color:var(--dim)}

/* ---- Encuestas ---- */
.fe-survey{margin-top:16px; border-top:1px dashed var(--line); padding-top:16px}
.fe-survey h4{margin:0 0 10px}
.fe-q{margin:14px 0}
.fe-q > label{display:block; font-weight:600; font-size:14px; margin-bottom:8px}
.fe-scale{display:flex; gap:5px; flex-wrap:wrap}
.fe-scale label{cursor:pointer}
.fe-scale input{display:none}
.fe-scale span{
	display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center;
	border:1.5px solid var(--line); border-radius:10px; font-weight:600; font-size:14px; transition:all .12s;
}
.fe-scale input:checked + span{background:var(--accent); border-color:var(--accent); color:#fff; transform:scale(1.08)}
.fe-opt{display:block; padding:9px 12px; border:1px solid var(--line); border-radius:10px; margin:6px 0; cursor:pointer; font-size:14px}
.fe-opt:has(input:checked){border-color:var(--accent); background:color-mix(in srgb, var(--accent) 6%, #fff)}
.fe-opt input{accent-color:var(--accent); margin-right:8px}
.fe-survey textarea{width:100%; border:1px solid #D9DDE5; border-radius:10px; padding:10px 12px; font-size:14px; font-family:inherit}
.fe-survey-msg{margin-left:12px; font-size:13.5px; color:#0E7C66; font-weight:600}

/* ---- Mensajes ---- */
.fe-chatbox{display:flex; flex-direction:column}
.fe-thread{flex:1; display:flex; flex-direction:column; gap:10px; max-height:440px; overflow-y:auto; padding:6px 2px; margin:12px 0}
.fe-bubble{max-width:78%; padding:11px 15px; border-radius:16px; font-size:14.5px; line-height:1.5}
.fe-bubble p{margin:0}
.fe-bubble span{display:block; font-size:11px; margin-top:5px; opacity:.65}
.fe-bubble.me{align-self:flex-end; background:var(--accent); color:#fff; border-bottom-right-radius:5px}
.fe-bubble.team{align-self:flex-start; background:#EEF1F5; color:var(--ink); border-bottom-left-radius:5px}
.fe-msg-form{display:flex; gap:10px; align-items:flex-end}
.fe-msg-form textarea{flex:1; border:1px solid #D9DDE5; border-radius:12px; padding:11px 14px; font-size:14.5px; font-family:inherit; resize:vertical}
.fe-msg-form textarea:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}

/* ---- Constancias ---- */
.fe-cert{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap}
.fe-cert h3{margin:4px 0}
.fe-cert-actions{display:flex; gap:10px; align-items:center}

/* ---- Login ---- */
.fe-login{max-width:440px; padding-top:40px}
.fe-login-card h2{margin:0 0 4px}
.fe-login-card label{display:block; font-size:13px; font-weight:600; color:#334155; margin:16px 0 6px}
.fe-login-card input{width:100%; border:1px solid #D9DDE5; border-radius:10px; padding:12px 14px; font-size:15px}
.fe-login-card input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}
.fe-login-card .fe-btn{width:100%; margin-top:14px}
.fe-otp{text-align:center; font-size:26px !important; letter-spacing:10px; font-variant-numeric:tabular-nums}
.fe-login-msg{min-height:20px; font-size:13.5px; margin-top:12px; color:var(--dim)}
.fe-login-msg.err{color:#B91C1C}
.fe-login-msg.ok{color:#0E7C66}

/* ---- Gracias / upsell ---- */
.fe-gracias{padding:40px 30px}
.fe-check-big{
	width:70px; height:70px; border-radius:50%; margin:0 auto 14px;
	background:var(--accent); color:#fff; font-size:34px; line-height:70px;
	box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 40%, transparent);
	animation:fe-pop .5s cubic-bezier(.2,1.4,.4,1);
}
@keyframes fe-pop{from{transform:scale(.4); opacity:0} to{transform:scale(1); opacity:1}}
.fe-upsell{margin-top:26px; border:2px dashed var(--accent); border-radius:16px; padding:20px;
	background:color-mix(in srgb, var(--accent) 4%, #fff)}
.fe-upsell-tag{display:inline-block; background:var(--accent); color:#fff; font-size:11px; font-weight:700;
	letter-spacing:.1em; text-transform:uppercase; padding:4px 12px; border-radius:999px}
.fe-upsell h3{margin:10px 0 4px}

/* ---- Footer ---- */
.fe-portal-foot{text-align:center; padding:26px 0 0; color:#B4BAC6; font-size:12.5px}

/* ---- Responsive ---- */
@media (max-width: 720px){
	.fe-portal{padding-bottom:84px}
	.fe-hero{flex-direction:column; align-items:flex-start}
	.fe-hero-side{width:100%; align-items:stretch; text-align:center}
	.fe-exp{flex-direction:column}
	.fe-exp-cta{width:100%}
	.fe-exp-cta .fe-btn, .fe-exp-cta .fe-btn-outline{display:block; text-align:center}
	.fe-tabs{
		position:fixed; left:0; right:0; bottom:0; z-index:60;
		background:#fff; border-top:1px solid var(--line); border-bottom:0;
		margin:0; padding:4px 6px calc(4px + env(safe-area-inset-bottom));
		justify-content:space-around;
	}
	.fe-tabs button{padding:10px 8px; font-size:12px}
	.fe-bubble{max-width:92%}
}

/* Swap del countdown a EN VIVO (sin recargar) */
.fe-golive{display:flex; flex-direction:column; align-items:flex-end; gap:12px; animation:fe-pop .4s cubic-bezier(.2,.9,.3,1.3)}
@keyframes fe-pop{from{opacity:0; transform:scale(.92)} to{opacity:1; transform:none}}
@media (max-width:760px){ .fe-golive{align-items:stretch} .fe-golive .fe-btn{text-align:center} }

/* Selector "Mis eventos" (multi-lanzamiento) */
.fe-lz-wrap{display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--dim); font-weight:600}
.fe-lz-wrap .fe-lz-switch{border:1px solid var(--line); border-radius:10px; padding:8px 10px; font-size:13.5px; background:#fff; max-width:220px; color:var(--ink)}
@media (max-width:760px){ .fe-lz-wrap span{display:none} .fe-lz-wrap .fe-lz-switch{max-width:150px} }

/* Botón Salir del Centro */
.fe-logout{font-size:12.5px; font-weight:700; color:var(--dim); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:7px 14px; transition:color .15s, border-color .15s}
.fe-logout:hover{color:#B91C1C; border-color:#F3C5C5}

/* Héroe de replay */
.fe-hero-replay{border-left:4px solid #7C6FF0}
.fe-hero-replay .fe-hero-kicker{color:#7C6FF0}

/* Verificador de constancia */
.fe-certcheck{gap:14px; display:flex; flex-direction:column; align-items:center}
.fe-certcheck-list{width:100%; max-width:520px; text-align:left; display:flex; flex-direction:column; gap:8px; margin-top:6px}
.fe-check-row{display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; animation:fe-checkin .35s ease both}
@keyframes fe-checkin{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none}}
.fe-check-mark{width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; flex:none; margin-top:1px}
.fe-check-row.is-ok .fe-check-mark{background:#E6F4EE; color:#0E7C66}
.fe-check-row.is-bad .fe-check-mark{background:#FDECEC; color:#B91C1C}
.fe-check-row b{display:block; font-size:14px}
.fe-check-row span:not(.fe-check-mark){font-size:12.5px; color:var(--dim)}
.fe-congrats{text-align:center; padding:10px 0 4px; animation:fe-checkin .5s ease both}
.fe-congrats h3{margin:6px 0 2px; font-size:22px}
.fe-congrats-burst{font-size:26px; display:flex; gap:10px; justify-content:center}
.fe-congrats-burst span{animation:fe-pop 1.1s ease infinite alternate}
.fe-congrats-burst span:nth-child(2n){animation-delay:.18s}
.fe-congrats-burst span:nth-child(3n){animation-delay:.36s}
@keyframes fe-pop{from{transform:translateY(0) scale(1)} to{transform:translateY(-7px) scale(1.18)}}
.fe-congrats .fe-btn{margin-top:10px}

/* Etiqueta de versión (pie del Centro) */
.fe-vtag{font-size:10.5px; color:var(--dim); opacity:.55; margin-left:10px; letter-spacing:.4px}


/* ---- Oferta poswebinar en el Centro ---- */
.fe-post-offer{
	display:flex; align-items:center; justify-content:space-between; gap:28px;
	padding:28px 30px; overflow:hidden; position:relative;
	border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
	background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#fff),#fff 58%);
	box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 13%,transparent);
}
.fe-post-offer:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);pointer-events:none}
.fe-post-offer-copy{position:relative;z-index:1;max-width:720px}
.fe-post-offer h2{margin:5px 0 8px;font-size:clamp(24px,3vw,36px);line-height:1.12}
.fe-post-offer p{margin:0 0 10px;line-height:1.65;color:var(--ink)}
.fe-post-offer-source{display:block;font-size:12.5px;color:var(--dim);font-weight:600}
.fe-post-offer-action{position:relative;z-index:1;min-width:260px;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}
.fe-post-offer-btn{display:block;text-align:center;white-space:normal}
.fe-post-offer-action small{font-size:11.5px;color:var(--dim)}
@media (max-width:720px){.fe-post-offer{flex-direction:column;align-items:stretch;padding:22px 20px}.fe-post-offer-action{min-width:0}.fe-post-offer h2{font-size:26px}}

/* Confirmación del nombre de la constancia */
.fe-certname{margin-top:16px; padding:18px; border:1px solid var(--line); border-radius:16px; background:#F8FAFB; text-align:center; animation:fe-checkin .35s ease both}
.fe-certname[hidden]{display:none}
.fe-certname-lead{margin:0 0 10px; font-size:14px; color:var(--dim)}
.fe-certname input{width:100%; max-width:420px; text-align:center; font-size:22px; font-weight:800; padding:12px 14px; border:2px solid var(--line); border-radius:12px; background:#fff; color:var(--ink)}
.fe-certname input:focus{border-color:#0E7C66; outline:none}
.fe-certname-help{margin:10px 0 14px; font-size:12.5px; color:var(--dim)}
.fe-congrats-who{margin:0 0 4px; font-size:13px; color:var(--dim)}
.fe-congrats-who b{color:var(--ink)}
.fe-certjs{display:block; margin-top:10px; font-size:10px; letter-spacing:.06em; color:var(--dim); opacity:.55}
.fe-cert-warn{background:#FFF7ED; border:1px solid #FDBA74; color:#7C2D12; padding:12px 16px; border-radius:12px; margin:0 0 14px; font-size:14px}
.fe-certname button{margin-top:4px}

/* ============ Animaciones de constancia (CSS puro: no dependen de JavaScript) ============ */

/* Checklist en cascada: cada fila entra con su propio retardo */
.fe-certcheck-list .fe-check-row{
	opacity:0;
	animation:fe-row-in .42s cubic-bezier(.22,1,.36,1) forwards;
	animation-delay:calc(var(--i, 0) * .13s);
}
@keyframes fe-row-in{
	from{opacity:0; transform:translateY(10px) scale(.985)}
	to{opacity:1; transform:none}
}
/* La palomita hace "pop" cuando su fila ya entró */
.fe-check-row.is-ok .fe-check-mark{
	animation:fe-mark-pop .45s cubic-bezier(.34,1.56,.64,1) both;
	animation-delay:calc(var(--i, 0) * .13s + .18s);
}
@keyframes fe-mark-pop{
	0%{transform:scale(.4); opacity:0}
	60%{transform:scale(1.22)}
	100%{transform:scale(1); opacity:1}
}

/* El formulario del nombre aparece después de la última fila */
.fe-certname.is-anim{
	opacity:0;
	animation:fe-row-in .5s cubic-bezier(.22,1,.36,1) forwards;
	animation-delay:calc(var(--i, 0) * .13s + .2s);
}

/* Celebración al quedar emitida */
.fe-cert-party{
	text-align:center; padding:34px 24px 30px; margin-bottom:18px;
	border:1px solid #A7F3D0; border-radius:20px;
	background:radial-gradient(120% 90% at 50% 0%, #ECFDF5 0%, #fff 70%);
	animation:fe-party-in .55s cubic-bezier(.22,1,.36,1) both;
}
@keyframes fe-party-in{
	from{opacity:0; transform:translateY(16px) scale(.97)}
	to{opacity:1; transform:none}
}
.fe-cert-party h2{margin:6px 0 4px; font-size:30px; color:#065F46}
.fe-cert-party-name{margin:0 0 18px; font-size:15px; color:#047857; line-height:1.55}
.fe-cert-party-name b{display:inline-block; margin-top:4px; font-size:22px; color:#0B1220}
.fe-cert-party small{display:block; margin-top:12px; font-size:11.5px; letter-spacing:.04em}

/* Lluvia de emojis: cada uno con su propio ritmo */
.fe-cert-burst{display:flex; gap:12px; justify-content:center; font-size:30px; line-height:1}
.fe-cert-burst span{
	display:inline-block; opacity:0;
	animation:fe-burst 1.05s cubic-bezier(.34,1.56,.64,1) forwards, fe-float 2.6s ease-in-out 1.05s infinite alternate;
}
.fe-cert-burst span:nth-child(1){animation-delay:0s, 1.05s}
.fe-cert-burst span:nth-child(2){animation-delay:.09s, 1.2s}
.fe-cert-burst span:nth-child(3){animation-delay:.18s, 1.35s}
.fe-cert-burst span:nth-child(4){animation-delay:.27s, 1.5s}
.fe-cert-burst span:nth-child(5){animation-delay:.36s, 1.65s}
.fe-cert-burst span:nth-child(6){animation-delay:.45s, 1.8s}
@keyframes fe-burst{
	0%{opacity:0; transform:translateY(22px) scale(.4) rotate(-18deg)}
	70%{opacity:1; transform:translateY(-6px) scale(1.18) rotate(6deg)}
	100%{opacity:1; transform:none}
}
@keyframes fe-float{
	from{transform:translateY(0)}
	to{transform:translateY(-7px)}
}

/* Respeta a quien pidió menos movimiento en su sistema */
@media (prefers-reduced-motion: reduce){
	.fe-certcheck-list .fe-check-row,
	.fe-check-row.is-ok .fe-check-mark,
	.fe-certname.is-anim,
	.fe-cert-party,
	.fe-cert-burst span{animation:none !important; opacity:1 !important; transform:none !important}
}