/* VCO brand pass 3: dua thiet ke artifact len cau truc cu (staging) */

/* ---------- HERO ---------- */
body .sec-hbanner{position:relative;overflow:hidden;background:#FAF6F0 !important}
.sec-hbanner .hbanner-des-inner{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.sec-hbanner .hbanner-des-inner::before{content:"VERIFIED CAREER OPPORTUNITIES";order:0;display:inline-block;font-family:'Lexend',sans-serif;font-size:13px;line-height:1;font-weight:600;letter-spacing:.16em;color:#B3141B;background:#FDE4E2 radial-gradient(circle at 17px 50%,#EC1C24 4px,transparent 4.6px) no-repeat;border-radius:999px;padding:10px 18px 10px 32px}
.sec-hbanner .hbanner-des-inner .mona-content{display:contents}
.sec-hbanner .vco-spot{order:1;margin:4px 0 0 !important;font-size:clamp(68px,8.6vw,140px) !important;line-height:.9 !important;font-weight:800 !important;letter-spacing:-.045em;color:#EC1C24 !important}
.sec-hbanner .vco-spot-sub{order:2;margin:0 !important;font-size:clamp(22px,2.3vw,30px) !important;line-height:1.2 !important;font-weight:700 !important;color:#1A1414 !important}
.sec-hbanner .hbanner-des-inner .title{order:3;margin:6px 0 0 !important}
.sec-hbanner .hbanner-des-inner .title .title-pri{font-size:clamp(20px,1.9vw,28px) !important;line-height:1.3 !important;font-weight:700 !important;letter-spacing:0 !important;color:#1A1414 !important;max-width:640px}
.sec-hbanner .hbanner-des-inner .mona-content p:not(.vco-spot):not(.vco-spot-sub){order:4;margin:0 !important;font-size:16px;line-height:1.65;color:#4A403E;max-width:600px}
.sec-hbanner .hbanner-des-inner .hbanner-btn{order:5;margin-top:6px}
.sec-hbanner .hbanner-btn .btn-white{background:transparent !important;border:2px solid #1A1414 !important;color:#1A1414 !important}
.sec-hbanner .hbanner-btn .btn-white:hover{background:#1A1414 !important;color:#FFFFFF !important}
.sec-hbanner .hbanner-btn .btn-white .txt{color:inherit !important}

.sec-hbanner .hbanner-col.col-5{position:relative}
.sec-hbanner .hbanner-col.col-5::before{content:"";position:absolute;z-index:0;width:min(46vw,680px);aspect-ratio:1;right:max(-22vw,-300px);top:50%;transform:translateY(-52%);border-radius:50%;background:#EC1C24 url(vco-pattern-white.svg) 55% 45%/86% no-repeat}
.sec-hbanner .hbanner-col.col-5::after{content:"";position:absolute;z-index:0;width:120px;height:120px;left:-36px;bottom:-40px;border-radius:50%;background:#FDE4E2}
.sec-hbanner .hbanner-media{position:relative;z-index:2}
.sec-hbanner .hbanner-media .inner{border:8px solid #FFFFFF;border-radius:32px !important;overflow:hidden;background:#1A1414;box-shadow:0 28px 56px rgba(26,20,20,.22) !important}
.sec-hbanner .hbanner-media iframe{border-radius:0 !important;box-shadow:none !important}

/* dai logo khach hang: bang trang nghieng, vien do */
/* dai logo: chay thang, tren nen kem, mo dan 2 dau, nam gon trong khung noi dung */
.sec-hbanner .hbanner-wr::before{display:none !important}
.sec-hbanner .vco-hero-marq{position:relative;z-index:3;margin-top:24px;height:150px !important;background:transparent !important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.sec-hbanner .vco-hero-marq-track{transform:translateY(-50%) !important;background:transparent !important;border:0 !important;padding:0 !important;margin-top:0 !important;box-shadow:none !important}
.sec-hbanner .vco-hero-marq-item img{border-radius:22px !important;box-shadow:0 6px 16px rgba(26,20,20,.10)}

/* ---------- NHIP NEN SECTION: kem / trang xen ke ---------- */
body .sec-hserv,body .sec-hinfo,body .sec-nws{background:#FAF6F0 !important}
body .sec-hguest,body .vco-cta,body .sec-hrate,body .sec-hpartn,body .sec-vcoseo,body .sec-hctact{background:#FFFFFF !important}

/* ---------- TIEU DE SECTION ---------- */
.sec-hserv .title-pri,.sec-hguest .title-pri,.sec-hrate .title-pri,.sec-hinfo .title-pri,.sec-hpartn .title-pri,.sec-nws .title-pri,.sec-hctact .title-pri{font-weight:800 !important;letter-spacing:-.02em !important;line-height:1.08 !important;font-size:clamp(30px,3.4vw,50px) !important;color:#1A1414 !important}
.sec-hguest .tag,.sec-hrate .tag,.sec-hinfo .tag,.sec-hpartn .tag,.sec-nws .title-head .tag{background:transparent !important;color:#B3141B !important;padding:0 0 0 16px !important;border-radius:0 !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase;font-size:13px !important;position:relative}
.sec-hguest .tag::before,.sec-hrate .tag::before,.sec-hinfo .tag::before,.sec-hpartn .tag::before,.sec-nws .title-head .tag::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#EC1C24}

/* ---------- DICH VU (tabs + banner) ---------- */
.sec-hserv .filter-link{border-radius:999px !important}
.sec-hserv .hserv-img .inner,.sec-hserv .hserv-img{border-radius:32px !important;overflow:hidden}
.sec-hserv .hserv-img{border:8px solid #FFFFFF;box-shadow:0 24px 48px rgba(26,20,20,.14);background:#FFFFFF}
.sec-hserv .hserv-tt{font-weight:800 !important;letter-spacing:-.02em;color:#1A1414 !important}

/* ---------- FEEDBACK / DONG LUC ---------- */
.sec-hrate img{border-radius:20px !important}

/* ---------- THUONG HIEU ---------- */
.sec-hpartn .hpartn-img{background:#FAF6F0;border-radius:24px;padding:14px;box-sizing:border-box}
.sec-hpartn .hpartn-img img{border-radius:16px !important}

/* ---------- TRI THUC ---------- */
.sec-nws .card{background:#FFFFFF;border-radius:32px;overflow:hidden;box-shadow:0 14px 32px rgba(26,20,20,.08)}
.sec-nws .card-img,.sec-nws .card-img-inner{border-radius:0 !important}
.sec-nws .card-des{padding:20px 24px 26px !important}
.sec-nws .card-tag{color:#B3141B !important;font-weight:600}
.sec-nws .card-tt{font-weight:700 !important;color:#1A1414 !important}

/* ---------- SEO + FAQ ---------- */
.sec-vcoseo .vcoseo-title{font-weight:800 !important;letter-spacing:-.02em !important;color:#1A1414 !important}
.sec-vcoseo .vcofaq-item{background:#FAF6F0 !important;border:0 !important;border-radius:20px !important;overflow:hidden}
.sec-vcoseo .vcofaq-q{font-weight:700 !important}

/* ---------- FORM ---------- */
.sec-hctact .hctact-img img{border-radius:32px !important}
.sec-hctact .hctact-frm{background:#FAF6F0;border-radius:32px;padding:clamp(20px,3vw,40px) !important;box-sizing:border-box}

/* ---------- FOOTER ---------- */
body footer{background:#1A1414 !important;border-top:6px solid #EC1C24}

@media (max-width:991px){
  .sec-hbanner .hbanner-col.col-5::before{width:78vw;right:-30vw}
  .sec-hbanner .vco-spot{font-size:clamp(56px,16vw,96px) !important}
}

/* =========================================================
   TRANG CON (pass 3b): Giai phap, Chi tiet dich vu, Du an, Blog, Ve chung toi, Lien he
   ========================================================= */

/* Hero trang con: nen kem + vong tron do ket noi o goc phai, cham hong o goc trai */
.sec-vcohero,.sec-vcobl-hero,.sec-vcost-hero,.sec-servin{position:relative;overflow:hidden;background:#FAF6F0 !important}
.sec-vcohero::before,.sec-vcobl-hero::before,.sec-vcost-hero::before,.sec-servin::before{content:"";position:absolute;z-index:0;width:clamp(220px,22vw,340px);aspect-ratio:1;right:-110px;top:-110px;border-radius:50%;background:#EC1C24 url(vco-pattern-white.svg) 50% 50%/86% no-repeat;pointer-events:none}
.sec-vcohero::after,.sec-vcobl-hero::after,.sec-vcost-hero::after,.sec-servin::after{content:"";position:absolute;z-index:0;width:120px;height:120px;left:-50px;bottom:40px;border-radius:50%;background:#FDE4E2;pointer-events:none}
.sec-vcohero > *,.sec-vcobl-hero > *,.sec-vcost-hero > *,.sec-servin > *{position:relative;z-index:1}
.vcohero-title,.vcobl-h1,.vcost-h1{font-weight:800 !important;letter-spacing:-.03em !important;color:#1A1414 !important}
.vcohero-eyebrow{background:#FDE4E2 !important;color:#B3141B !important;border-radius:999px !important;font-weight:600 !important;letter-spacing:.14em !important}
.vcohero-stats > *,.vcost-kpi-item{background:#FFFFFF !important;border-radius:24px !important;border:0 !important;box-shadow:0 14px 32px rgba(26,20,20,.06)}
.vcohero-num,.vcost-kpi-num{color:#EC1C24 !important;font-weight:800 !important;letter-spacing:-.02em}
.vcobtn-pri{background:#EC1C24 !important;border-radius:999px !important;color:#fff !important}
.vcobtn-ghost{border:2px solid #1A1414 !important;color:#1A1414 !important;background:transparent !important;border-radius:999px !important}

/* Hero chi tiet dich vu: bo nen do cu, dua ve nen kem chu den */
.sec-servin .servin-bg,.sec-servin .servin-decor{display:none !important}
.sec-servin .servin,.sec-servin .servin-wr{background:transparent !important}
.sec-servin .title-pri,.sec-servin .t-cwhite{color:#1A1414 !important;font-weight:800 !important;letter-spacing:-.03em !important}
.sec-servin .tag{background:#FDE4E2 !important;color:#B3141B !important;border-radius:999px !important;padding:8px 18px !important}
.sec-servin .vco-serv-sub,.sec-servin .vco-serv-sub *{color:#4A403E !important}
.sec-servin .btn-white{background:#EC1C24 !important;color:#fff !important;border:0 !important;border-radius:999px !important}
.sec-servin .btn-white .txt{color:#fff !important}
.sec-servin .servin-media .inner,.sec-servin .servin-media img{border-radius:32px !important;overflow:hidden}

/* Tieu de va tag moi section trang con */
.sec-pdure .title-pri,.sec-servgal .title-pri,.sec-pjgrl .title-pri,.sec-vcocred .title-pri,.sec-vcofaq .title-pri,.sec-seoxp .title-pri,.sec-ctloca .title-pri,.sec-recruit .title-pri{font-weight:800 !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:#1A1414 !important}
.sec-pdure .tag,.sec-pjgrl .tag,.sec-servgal .tag,.sec-vcocred .tag{background:transparent !important;color:#B3141B !important;padding:0 0 0 16px !important;border-radius:0 !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase;font-size:13px !important;position:relative}
.sec-pdure .tag::before,.sec-pjgrl .tag::before,.sec-servgal .tag::before,.sec-vcocred .tag::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#EC1C24}

/* Nhip nen trang con */
body .sec-pdure{background:#FFFFFF !important}
body .sec-servgal,body .sec-pjgrl{background:#FAF6F0 !important}
body .sec-vcocred,body .sec-vcofaq,body .sec-seoxp{background:#FFFFFF !important}
body .sec-vcobl-list,body .sec-vcost-list,body .sec-vcobl-feat{background:#FAF6F0 !important}

/* Anh va the */
.sec-pdure img,.sec-servgal img,.sec-pjgrl img{border-radius:24px !important}
.sec-vcocred [class*=item],.sec-vcocred [class*=card]{border-radius:24px !important;background:#FAF6F0 !important;border:0 !important}
.sec-vcofaq [class*=item],.sec-seoxp details,.sec-seoxp [class*=item]{background:#FAF6F0 !important;border:0 !important;border-radius:20px !important}

/* Blog + Du an: the bai viet */
.sec-vcobl-list article,.sec-vcobl-list [class*=card],.sec-vcost-list article,.sec-vcost-list [class*=card]{border-radius:28px !important;overflow:hidden;border:0 !important;box-shadow:0 14px 32px rgba(26,20,20,.07) !important;background:#FFFFFF}
.vcobl-filter a,.vcobl-filter button,.sec-vcost-tabs a,.sec-vcost-tabs button{border-radius:999px !important}
.sec-vcobl-feat img,.sec-vcobl-feat [class*=thumb]{border-radius:28px !important}

/* Lien he */
.breadcrumb{background:transparent !important}
.sec-ctloca [class*=box],.sec-ctloca [class*=card],.sec-ctloca [class*=info]{border-radius:28px !important}

/* =========================================================
   SPOT (pass 3c): nut on/off tren header + sticker Spot soi ung vien
   ========================================================= */
.themeBtn .btn-decor,.themeBtn .btn-icon{display:none !important}
.themeBtn{display:inline-flex !important;align-items:center !important;gap:10px !important;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;width:auto !important;height:auto !important}
.themeBtn::before,.themeBtn::after{display:none !important}
.vco-spot-tg{display:inline-flex;flex-shrink:0;line-height:0}
.vco-spot-tg img{height:42px !important;width:auto !important;display:block;max-width:none}
.vco-spot-tg .vco-tg-off{display:none !important}
html.vco-spot-is-off .vco-spot-tg .vco-tg-on{display:none !important}
html.vco-spot-is-off .vco-spot-tg .vco-tg-off{display:block !important}
.themeBtn .btntxt{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
.themeBtn{overflow:visible !important;max-width:none !important;flex-shrink:0 !important}

/* Sticker Spot cam kinh lup, ngo len nhin nguoi xem, o goc duoi trai video hero */
.sec-hbanner .hbanner-col.col-5::after{width:230px !important;height:220px !important;left:-255px !important;bottom:-10px !important;border-radius:0 !important;background:url(vco-spot-soi.png) center/contain no-repeat !important;z-index:4 !important;transform-origin:50% 100%;animation:vcoSpotPeek 4.5s ease-in-out infinite}
@keyframes vcoSpotPeek{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.sec-hbanner .hbanner-col.col-5::after{animation:none}}
@media (max-width:1399px){.sec-hbanner .hbanner-col.col-5::after{width:160px !important;height:154px !important;left:auto !important;right:30px !important;bottom:-90px !important}}
@media (max-width:991px){.sec-hbanner .hbanner-col.col-5::after{width:130px !important;height:125px !important;left:auto !important;right:10px !important;bottom:-60px !important}}
.sec-vcobl-feat img{object-position:0 50% !important}