/* //CTA [15/11/2026], FITXATGEONLINE CAT, Landing styles on top of /_comu/site.css (fx-* classes) */
.langs{display:none}
.fx-hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(900px 480px at 88% -8%,rgba(242,184,75,.38),transparent 62%),
  radial-gradient(700px 520px at -10% 110%,rgba(102,142,175,.45),transparent 60%),
  linear-gradient(135deg,#0E1A2B 0%,#1F3A5F 62%,#28507F 100%)}
.fx-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 20%,transparent 85%);pointer-events:none}
.fx-hero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:88px;padding-bottom:96px}
.fx-kicker{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.fx-hero h1{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.08;margin:0 0 20px;letter-spacing:-.02em}
.fx-hero h1 span{color:#F2B84B}
.fx-lead{font-size:1.15rem;line-height:1.6;max-width:36em;color:rgba(255,255,255,.86);margin:0 0 30px}
.fx-ctas{display:flex;flex-wrap:wrap;gap:12px}
.fx-btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.fx-btn-line:hover{background:rgba(255,255,255,.1)}
.fx-trust{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:30px 0 0;font-size:.92rem;color:rgba(255,255,255,.8)}
.fx-trust li::before{content:"✓";color:#F2B84B;font-weight:700;margin-right:7px}

/* phone mock-up */
.fx-phone{justify-self:center;width:280px;padding:12px;border-radius:42px;background:#0b1422;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.08);transform:rotate(3deg)}
.fx-phone__scr{border-radius:32px;background:#F4F6F9;color:#1b2430;padding:16px 18px 22px;min-height:470px}
.fx-phone__bar{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#5a6675;margin-bottom:22px}
.fx-phone__hi{font-size:1.35rem;font-weight:700;margin:0}
.fx-phone__date{margin:2px 0 18px;color:#5a6675;font-size:.9rem}
.fx-phone__timer{background:#fff;border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(16,35,58,.08);text-align:center}
.fx-phone__timer small{display:block;color:#5a6675;font-size:.78rem}
.fx-phone__timer strong{display:block;font-size:2rem;color:#1F3A5F;font-variant-numeric:tabular-nums}
.fx-phone__btn{margin:16px 0;border-radius:16px;padding:16px;text-align:center;font-weight:700;color:#0E1A2B;background:linear-gradient(135deg,#F2B84B,#F5CB74);box-shadow:0 10px 24px rgba(242,184,75,.45);animation:fx-pulse 2.4s ease-in-out infinite}
.fx-phone__log{list-style:none;margin:0;padding:0;font-size:.9rem}
.fx-phone__log li{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #e3e7ec}
.fx-phone__log b{margin-left:auto;font-variant-numeric:tabular-nums}
.fx-phone__log i{width:9px;height:9px;border-radius:50%}
.fx-phone__log i.in{background:#2e9e6a}.fx-phone__log i.out{background:#d9822b}
@keyframes fx-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.fx-phone__btn{animation:none}}

/* sections */
.fx-eyebrow{margin:0 0 8px;color:#B9832A;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.fx-h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:0 0 34px;letter-spacing:-.01em;max-width:22em}
.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fx-feat{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:26px;transition:transform .2s,box-shadow .2s}
.fx-feat:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.fx-feat h3{margin:14px 0 8px;font-size:1.1rem}
.fx-feat p{margin:0;color:var(--c-soft);line-height:1.55}
.fx-ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1F3A5F,#3B6A9A)}
.fx-ico svg{width:24px;height:24px;fill:none;stroke:#F2B84B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.fx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0;counter-reset:none}
.fx-steps li{position:relative;padding:28px 26px 26px;border-radius:18px;background:var(--c-bg)}
.fx-steps b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F2B84B;color:#0E1A2B;font-size:1.1rem}
.fx-steps h3{margin:16px 0 8px;font-size:1.1rem}
.fx-steps p{margin:0;color:var(--c-soft);line-height:1.55}

.fx-law{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.fx-law p{line-height:1.65;color:var(--c-ink)}
.fx-checks{list-style:none;margin:0;padding:28px;border-radius:20px;background:linear-gradient(135deg,#1F3A5F,#0E1A2B);color:#fff;box-shadow:var(--sh-lg)}
.fx-checks li{padding:12px 0 12px 34px;position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.fx-checks li:last-child{border-bottom:0}
.fx-checks li::before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:#F2B84B;color:#0E1A2B;font-weight:800;font-size:.8rem;display:grid;place-items:center}

.fx-access{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.fx-access p{line-height:1.6;color:var(--c-soft)}
.fx-go{background:#fff;border:1px solid var(--c-line);border-radius:20px;padding:28px;box-shadow:var(--sh)}
.fx-go label{display:block;font-weight:600;margin-bottom:10px}
.fx-go__row{display:flex;align-items:stretch;border:2px solid var(--c-line);border-radius:12px;overflow:hidden;margin-bottom:16px;transition:border-color .2s}
.fx-go__row:focus-within{border-color:#1F3A5F}
.fx-go__row input{flex:1;min-width:0;border:0;padding:13px 14px;font:inherit;font-size:1.05rem;outline:0}
.fx-go__row span{display:flex;align-items:center;padding:0 14px;background:var(--c-bg);color:var(--c-soft);font-size:.95rem;white-space:nowrap}
.fx-go__err{margin:-6px 0 14px;color:#b3261e;font-size:.92rem}
.fx-go .btn{width:100%}

.fx-faq{max-width:820px}
.fx-q{border-bottom:1px solid var(--c-line);padding:4px 0}
.fx-q summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:600;font-size:1.05rem;position:relative}
.fx-q summary::-webkit-details-marker{display:none}
.fx-q summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.5rem;color:#B9832A;transition:transform .2s}
.fx-q[open] summary::after{transform:rotate(45deg)}
.fx-q p{margin:0 0 18px;color:var(--c-soft);line-height:1.65}

@media (max-width:900px){
  .fx-hero__in{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:72px}
  .fx-phone{transform:none;width:260px}
  .fx-grid,.fx-steps{grid-template-columns:1fr 1fr}
  .fx-law,.fx-access{grid-template-columns:1fr;gap:28px}
}
@media (max-width:600px){
  .fx-grid,.fx-steps{grid-template-columns:1fr}
  .fx-go__row{flex-direction:column}
  .fx-go__row span{padding:8px 14px}
}
/* //CTA FITXATGEONLINE CAT */