
.txf-footer{background:#f4f8fb;color:#13263a;border-top:1px solid #e1ebf3;padding:18px 0 18px}
.txf-footer .txs-shell.txf-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.txf-wrap{display:grid;gap:16px}
.txf-cta,.txf-nav-grid,.txf-local,.txf-contact-row{background:#fff;border:1px solid #dbe7f0;border-radius:22px;box-shadow:0 14px 34px rgba(17,50,78,.05)}
.txf-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#edf7f5;color:#0e8578;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:10px}
.txf-cta{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:28px;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#0a4e92 0%,#0c2f5a 45%,#062242 100%);border-color:#0a447b;color:#fff}
.txf-cta .txf-kicker{background:rgba(255,255,255,.12);color:#dff6ef}
.txf-cta h2{margin:0;color:#fff;font-size:33px;line-height:1.08;letter-spacing:-.03em}
.txf-cta p{max-width:760px;margin:10px 0 0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}
.txf-cta-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.txf-cta-points span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:700}
.txf-cta-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.txf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;font-weight:900;font-size:15px;text-decoration:none;transition:.18s ease;white-space:nowrap}
.txf-btn-primary{background:#ffc93b;color:#0b2b55;border:1px solid #ffc93b}.txf-btn-primary:hover{transform:translateY(-1px);background:#ffd45d}
.txf-btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.32)}.txf-btn-secondary:hover{background:rgba(255,255,255,.14)}
.txf-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;border:none;box-shadow:none;background:transparent}
.txf-nav-grid--xg .txf-group{padding:22px 20px;min-width:0;background:#fff;border:1px solid #dbe7f0;border-radius:20px;box-shadow:0 10px 26px rgba(17,50,78,.045)}
.txf-group h3{margin:0;color:#0b2b55;font-size:19px;line-height:1.3;letter-spacing:-.01em}
.txf-group-lead{margin:10px 0 14px;color:#698094;font-size:13px;line-height:1.58}
.txf-group nav{display:grid;gap:7px}.txf-group a{display:flex;align-items:flex-start;color:#466076;font-size:14px;line-height:1.5;padding:4px 0;text-decoration:none}.txf-group a:hover{color:#0b63ce}
.txf-group a::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;margin:8px 10px 0 0;background:#0aa391;box-shadow:0 0 0 5px rgba(10,163,145,.10)}
.txf-local{padding:22px 24px}
.txf-local-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.txf-local h3{margin:0;color:#0b2b55;font-size:26px;line-height:1.15;letter-spacing:-.02em}.txf-local p{margin:0;max-width:620px;color:#667a8e;font-size:14px;line-height:1.6;text-align:right}
.txf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.txf-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #dce7f0;border-radius:999px;background:#fbfdff;color:#52687c;font-size:12px;font-weight:800}.txf-chip-place{background:#eef7ff;color:#0b63ce;border-color:#cfe6f8}
.txf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 4px;color:#6e8091;font-size:12px;line-height:1.45}.txf-copyright,.txf-credit{display:block;min-width:0}.txf-credit{text-align:right}
@media(max-width:1180px){.txf-footer .txs-shell.txf-wrap{width:min(100% - 36px,1180px)}.txf-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.txf-cta{grid-template-columns:1fr}.txf-cta-actions{justify-content:flex-start}.txf-local-head{align-items:flex-start;flex-direction:column}.txf-local p{text-align:left;max-width:none}}
@media(max-width:700px){.txf-footer{padding:14px 0 20px}.txf-footer .txs-shell.txf-wrap{width:calc(100% - 24px)}.txf-wrap{gap:12px}.txf-cta,.txf-local,.txf-nav-grid--xg .txf-group{border-radius:18px}.txf-cta{padding:18px}.txf-cta h2{font-size:26px}.txf-cta p{font-size:14px}.txf-cta-points{gap:8px}.txf-cta-points span{font-size:11px;min-height:30px;padding:0 10px}.txf-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.txf-btn{width:100%;padding:0 12px;min-height:44px;font-size:14px}.txf-nav-grid{grid-template-columns:1fr;gap:12px}.txf-nav-grid--xg .txf-group{padding:18px 16px}.txf-group h3{font-size:17px}.txf-group-lead{margin:8px 0 12px;font-size:12px}.txf-group a{font-size:13px}.txf-local{padding:18px 16px}.txf-local h3{font-size:22px}.txf-local p{margin-top:2px;font-size:13px}.txf-chips{gap:8px;margin-top:14px}.txf-chip{min-height:34px;padding:0 12px;font-size:11px}.txf-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:0 2px;font-size:11px}.txf-credit{text-align:left}}
@media(max-width:390px){.txf-btn{font-size:13px}.txf-cta-actions{grid-template-columns:1fr}.txf-group a::before{margin-top:7px}}


/* P33 – Xe Ghép footer = Header color, controlled from Admin */
.txf-footer-xg{
  background:var(--txf-xg-bg,#0aa391)!important;
  color:var(--txf-xg-text,#fff)!important;
  border-top:1px solid color-mix(in srgb,var(--txf-xg-text,#fff) 18%,transparent)!important;
  box-shadow:0 -10px 30px var(--txf-xg-shadow,rgba(15,58,96,.08))!important;
  padding:22px 0 16px!important;
}
.txf-footer-xg .txf-wrap{gap:14px!important}
.txf-footer-xg .txf-nav-grid--xg{
  gap:12px!important;
}
.txf-footer-xg .txf-nav-grid--xg .txf-group{
  background:color-mix(in srgb,var(--txf-xg-bg,#0aa391) 86%,#fff 14%)!important;
  border:1px solid color-mix(in srgb,var(--txf-xg-text,#fff) 18%,transparent)!important;
  box-shadow:0 12px 26px color-mix(in srgb,#001b29 13%,transparent)!important;
}
.txf-footer-xg .txf-group h3,
.txf-footer-xg .txf-local h3{
  color:var(--txf-xg-text,#fff)!important;
}
.txf-footer-xg .txf-group-lead,
.txf-footer-xg .txf-local p,
.txf-footer-xg .txf-bottom{
  color:color-mix(in srgb,var(--txf-xg-text,#fff) 76%,transparent)!important;
}
.txf-footer-xg .txf-group a{
  color:color-mix(in srgb,var(--txf-xg-text,#fff) 88%,transparent)!important;
}
.txf-footer-xg .txf-group a:hover{
  color:var(--txf-xg-hover,var(--txf-xg-text,#fff))!important;
  transform:translateX(2px);
}
.txf-footer-xg .txf-group a::before{
  background:var(--txf-xg-text,#fff)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--txf-xg-text,#fff) 12%,transparent)!important;
}
.txf-footer-xg .txf-local--xg{
  background:color-mix(in srgb,var(--txf-xg-bg,#0aa391) 90%,#fff 10%)!important;
  border:1px solid color-mix(in srgb,var(--txf-xg-text,#fff) 18%,transparent)!important;
  box-shadow:0 12px 26px color-mix(in srgb,#001b29 11%,transparent)!important;
}
.txf-footer-xg .txf-kicker{
  background:color-mix(in srgb,var(--txf-xg-text,#fff) 13%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--txf-xg-text,#fff) 14%,transparent)!important;
  color:var(--txf-xg-text,#fff)!important;
}
.txf-footer-xg .txf-chip{
  background:color-mix(in srgb,var(--txf-xg-bg,#0aa391) 82%,#fff 18%)!important;
  border-color:color-mix(in srgb,var(--txf-xg-text,#fff) 18%,transparent)!important;
  color:var(--txf-xg-text,#fff)!important;
}
.txf-footer-xg .txf-chip-place{
  background:color-mix(in srgb,var(--txf-xg-text,#fff) 18%,transparent)!important;
  border-color:color-mix(in srgb,var(--txf-xg-text,#fff) 24%,transparent)!important;
  color:var(--txf-xg-text,#fff)!important;
}
.txf-footer-xg .txf-bottom{
  padding-top:2px!important;
}
.txf-footer-xg .txf-copyright,
.txf-footer-xg .txf-credit{
  color:color-mix(in srgb,var(--txf-xg-text,#fff) 78%,transparent)!important;
}
@media(max-width:700px){
  .txf-footer-xg{padding:16px 0 20px!important}
  .txf-footer-xg .txf-nav-grid--xg .txf-group,
  .txf-footer-xg .txf-local--xg{border-radius:16px!important}
}


/* P34 – Footer green background + white cards, still controlled by Admin header/footer color */
.txf-footer-xg{
  background:var(--txf-xg-bg,#0aa391)!important;
  color:var(--txf-xg-text,#fff)!important;
  border-top:1px solid color-mix(in srgb,var(--txf-xg-text,#fff) 16%,transparent)!important;
  box-shadow:none!important;
  padding:22px 0 18px!important;
}
.txf-footer-xg .txf-wrap{gap:14px!important}
.txf-footer-xg .txf-nav-grid--xg{gap:14px!important;background:transparent!important}
.txf-footer-xg .txf-nav-grid--xg .txf-group,
.txf-footer-xg .txf-local--xg{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:0 12px 26px rgba(7,42,67,.08)!important;
}
.txf-footer-xg .txf-group h3,
.txf-footer-xg .txf-local h3{
  color:#0b2b55!important;
}
.txf-footer-xg .txf-group-lead,
.txf-footer-xg .txf-local p{
  color:#6c8194!important;
}
.txf-footer-xg .txf-group a{
  color:#466076!important;
}
.txf-footer-xg .txf-group a:hover{
  color:#0b63ce!important;
  transform:translateX(2px);
}
.txf-footer-xg .txf-group a::before{
  background:var(--txf-xg-bg,#0aa391)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--txf-xg-bg,#0aa391) 14%,transparent)!important;
}
.txf-footer-xg .txf-kicker{
  background:#edf7f5!important;
  border:1px solid #d7ede7!important;
  color:#0e8578!important;
}
.txf-footer-xg .txf-chip{
  background:#fbfdff!important;
  border-color:#dce7f0!important;
  color:#52687c!important;
}
.txf-footer-xg .txf-chip-place{
  background:#eef7ff!important;
  border-color:#cfe6f8!important;
  color:#0b63ce!important;
}
.txf-footer-xg .txf-bottom,
.txf-footer-xg .txf-copyright,
.txf-footer-xg .txf-credit{
  color:color-mix(in srgb,var(--txf-xg-text,#fff) 88%,transparent)!important;
}
@media(max-width:700px){
  .txf-footer-xg{padding:16px 0 20px!important}
  .txf-footer-xg .txf-nav-grid--xg .txf-group,
  .txf-footer-xg .txf-local--xg{border-radius:16px!important}
}
