/* Trang danh mục dịch vụ: mô hình module SINTA, dùng chung dữ liệu do Admin quản lý. */
.service-catalog-page{background:#0b3b2c}.service-catalog-hero{padding:56px 0 48px;color:#f7fbe8;background:radial-gradient(circle at 82% 18%,rgba(193,217,92,.18),transparent 24%),radial-gradient(circle at 14% 110%,rgba(128,177,85,.22),transparent 35%),linear-gradient(135deg,#073829,#135436 52%,#336a29)}.service-catalog-hero-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.86fr);gap:22px;align-items:stretch}.service-catalog-intro,.service-catalog-advisory{border:1px solid rgba(234,239,157,.19);border-radius:20px;background:linear-gradient(145deg,rgba(16,77,51,.78),rgba(22,93,54,.56));box-shadow:inset 0 1px rgba(255,255,255,.06),0 24px 45px rgba(2,40,24,.19)}.service-catalog-intro{padding:29px 31px}.service-catalog-eyebrow,.service-catalog-heading>div>span,.service-module-label{display:inline-flex;align-items:center;gap:7px;color:#c1d95c;font-size:.71rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.service-catalog-intro h1{max-width:720px;margin:12px 0 13px;color:#f7fbe8;font-size:clamp(1.75rem,3vw,2.7rem)!important;line-height:1.12;letter-spacing:-.045em}.service-catalog-intro>p{max-width:760px;margin:0;color:#d5e3a2;font-size:.98rem;line-height:1.75}.service-catalog-proof{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(234,239,157,.17)}.service-catalog-proof span{display:inline-flex;align-items:center;gap:6px;color:#f1f7d8;font-size:.8rem;font-weight:700}.service-catalog-proof i{color:#c1d95c}
.service-catalog-advisory{position:relative;padding:25px 26px;overflow:hidden}.service-catalog-advisory::after{position:absolute;width:140px;height:140px;right:-58px;bottom:-68px;border:1px solid rgba(234,239,157,.15);border-radius:50%;box-shadow:0 0 0 22px rgba(234,239,157,.035),0 0 0 44px rgba(234,239,157,.025);content:"";pointer-events:none}.service-advisory-icon{display:grid;width:38px;height:38px;place-items:center;color:#336a29;border-radius:12px;background:linear-gradient(135deg,#eaef9d,#c1d95c);box-shadow:0 8px 20px rgba(7,45,25,.22)}.service-catalog-advisory h2{margin:13px 0 8px;color:#f7fbe8;font-size:1.05rem!important}.service-catalog-advisory>p{margin:0;color:#d4e3a1;font-size:.79rem;line-height:1.6}.service-advisory-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.service-advisory-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;color:#f7fbe8;border:1px solid rgba(234,239,157,.32);border-radius:8px;font-size:.72rem;font-weight:800;text-decoration:none}.service-advisory-actions a:first-child{color:#336a29;border-color:#eaef9d;background:linear-gradient(135deg,#eaef9d,#c1d95c)}.service-advisory-actions a:hover{transform:translateY(-2px)}.service-advisory-support{display:flex;position:relative;z-index:1;gap:9px;margin-top:17px;padding-top:13px;border-top:1px solid rgba(234,239,157,.17)}.service-advisory-support>i{color:#c1d95c;font-size:1rem}.service-advisory-support span{display:grid;gap:1px}.service-advisory-support strong{color:#f7fbe8;font-size:.72rem}.service-advisory-support small{color:#c7d898;font-size:.65rem;line-height:1.35}
.service-catalog-content{padding:42px 0 82px;background:linear-gradient(160deg,#073829,#0d4831 58%,#336a29)}.service-catalog-page .service-catalog-filter{position:relative;z-index:1;flex-wrap:nowrap;margin-bottom:24px;padding:4px;overflow-x:auto;border:1px solid rgba(234,239,157,.19);border-radius:12px;background:rgba(13,70,45,.63);scrollbar-width:thin}.service-catalog-page .service-catalog-filter a{flex:0 0 auto;color:#dce8b4;border-color:transparent;border-radius:8px;font-size:.77rem}.service-catalog-page .service-catalog-filter a:hover,.service-catalog-page .service-catalog-filter a.active{color:#336a29;border-color:#eaef9d;background:linear-gradient(135deg,#eaef9d,#c1d95c)}.service-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px;padding:19px 23px;border:1px solid rgba(234,239,157,.18);border-radius:18px;background:linear-gradient(105deg,rgba(22,89,53,.85),rgba(20,80,49,.56))}.service-catalog-heading h2{margin:8px 0 5px;color:#f7fbe8;font-size:clamp(1.28rem,2.2vw,1.75rem)!important;letter-spacing:-.03em}.service-catalog-heading p{max-width:710px;margin:0;color:#c8d898;font-size:.8rem;line-height:1.55}.service-catalog-count{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:6px;color:#c1d95c;font-size:.7rem;font-weight:700}.service-catalog-count b{color:#eaef9d;font-size:1.45rem;line-height:1}
.service-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-module-card{overflow:hidden;min-width:0;border:1px solid rgba(234,239,157,.19);border-radius:18px;background:linear-gradient(148deg,rgba(20,83,52,.96),rgba(13,66,42,.96));box-shadow:0 17px 32px rgba(3,37,24,.17);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.service-module-card:hover{border-color:rgba(234,239,157,.48);box-shadow:0 23px 38px rgba(2,36,21,.31);transform:translateY(-5px)}.service-module-visual{display:block;position:relative;height:175px;overflow:hidden;background:#336a29}.service-module-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.service-module-card:hover .service-module-visual img{transform:scale(1.06)}.service-module-visual-fallback{background:radial-gradient(circle at 72% 18%,rgba(234,239,157,.32),transparent 16%),radial-gradient(circle at 18% 90%,rgba(128,177,85,.42),transparent 30%),linear-gradient(135deg,#336a29,#498428 60%,#19492a)}.service-module-visual-art{position:absolute;inset:0;display:grid;place-items:center}.service-module-visual-art i{position:relative;z-index:2;display:grid;width:58px;height:58px;place-items:center;color:#336a29;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:linear-gradient(135deg,#eaef9d,#c1d95c);box-shadow:0 15px 28px rgba(4,39,21,.25);font-size:1.72rem}.service-module-visual-art b,.service-module-visual-art em{position:absolute;display:block;border:1px solid rgba(234,239,157,.35);border-radius:50%;content:""}.service-module-visual-art b{width:120px;height:120px}.service-module-visual-art em{width:170px;height:170px;opacity:.52}.service-module-visual:not(.service-module-visual-fallback) .service-module-visual-art{opacity:0;background:linear-gradient(180deg,transparent,rgba(7,49,31,.42));transition:opacity .25s ease}.service-module-visual:not(.service-module-visual-fallback):hover .service-module-visual-art{opacity:1}
.service-module-copy{padding:17px 17px 18px}.service-module-label{padding:5px 8px;border:1px solid rgba(234,239,157,.2);border-radius:999px;color:#cce0a1;font-size:.6rem;letter-spacing:.045em}.service-module-copy h3{margin:12px 0 8px;font-size:1rem!important;line-height:1.35}.service-module-copy h3 a{color:#f7fbe8;text-decoration:none}.service-module-copy>p{min-height:58px;margin:0;color:#c4d697;font-size:.74rem;line-height:1.62}.service-module-copy ul{display:grid;gap:5px;margin:13px 0 15px;padding:11px 0 0;border-top:1px solid rgba(234,239,157,.14);list-style:none}.service-module-copy li{position:relative;padding-left:13px;color:#dbe8b8;font-size:.68rem;line-height:1.38}.service-module-copy li::before{position:absolute;top:.36rem;left:1px;width:4px;height:4px;border-radius:50%;background:#c1d95c;content:""}.service-module-link{display:inline-flex;align-items:center;gap:6px;color:#eaef9d;font-size:.73rem;font-weight:850;text-decoration:none}.service-module-link i{transition:transform .2s ease}.service-module-link:hover{color:#fff}.service-module-link:hover i{transform:translate(2px,-2px)}
.service-catalog-empty{display:grid;justify-items:center;gap:10px;padding:58px 26px;color:#c9d99d;border:1px dashed rgba(234,239,157,.32);border-radius:18px;text-align:center}.service-catalog-empty>i{color:#c1d95c;font-size:1.8rem}.service-catalog-empty strong{color:#f7fbe8}.service-catalog-empty span{font-size:.84rem}.service-catalog-empty a{padding:9px 13px;color:#336a29;border-radius:8px;background:#eaef9d;font-size:.76rem;font-weight:800;text-decoration:none}
@media(max-width:900px){.service-catalog-hero-grid{grid-template-columns:1fr}.service-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-catalog-advisory{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.service-catalog-advisory h2,.service-catalog-advisory>p{grid-column:2}.service-advisory-actions,.service-advisory-support{grid-column:1/-1}.service-advisory-icon{grid-row:1/3}}@media(max-width:600px){.service-catalog-hero{padding:28px 0 31px}.service-catalog-hero-grid{gap:13px}.service-catalog-intro,.service-catalog-advisory{padding:21px 18px;border-radius:15px}.service-catalog-intro h1{font-size:1.72rem!important}.service-catalog-proof{display:grid;gap:8px;margin-top:17px;padding-top:13px}.service-catalog-content{padding:24px 0 48px}.service-catalog-filter{margin-bottom:14px}.service-catalog-heading{align-items:start;gap:13px;margin-bottom:14px;padding:16px}.service-catalog-heading p{font-size:.74rem}.service-catalog-count{display:none}.service-module-grid{grid-template-columns:1fr;gap:12px}.service-module-visual{height:185px}.service-module-copy>p{min-height:0}.service-module-card:hover{transform:none}.service-advisory-actions a{padding:8px 9px}.service-catalog-advisory{display:block}.service-advisory-icon{margin-bottom:13px}.service-catalog-advisory h2,.service-catalog-advisory>p{grid-column:auto}}@media(prefers-reduced-motion:reduce){.service-module-card,.service-module-visual img,.service-advisory-actions a,.service-module-link i{transition:none!important}}
