/* Blocos próprios da página CRMValure. O resto vem de atendimento-omnichannel.css. */
.cv-pains{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px}
.cv-pain{background: #ffffff; border-radius: 20px; padding: 32px; box-sizing: border-box; display: flex; flex-direction: column; gap: 18px; border: 1px solid #E6E3EE}
.cv-pain-tag{display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #067A6F; background: #E6F7F5; padding: 6px 12px; border-radius: 999px}
.cv-pain ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px}
.cv-pain li{display: flex; gap: 12px; font-size: 16px; line-height: 1.5; color: #3A3552}
.cv-x{flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: #FDECEC; color: #C2413B; display: flex; align-items: center; justify-content: center; margin-top: 1px}
/* Itens das dores saltam ao passar o mouse (pedido da Ingrid, 13/11/2026) */
.cv-pain li{position: relative; border-radius: 12px; padding: 8px 10px; margin: 0 -10px; transition: transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, background-color .22s ease}
@media (hover: hover){
  .cv-pain li:hover{transform: translateY(-4px) scale(1.03); background: #ffffff; box-shadow: 0 14px 30px rgba(35,27,59,.14); z-index: 1}
  .cv-pain li:hover .cv-x{background: #C2413B; color: #ffffff}
}
.cv-x{transition: background-color .22s ease, color .22s ease}
@media (prefers-reduced-motion: reduce){.cv-pain li{transition: none}.cv-pain li:hover{transform: none}}
.cv-close{font-family: Sora, sans-serif; font-size: 22px; line-height: 1.4; font-weight: 600; color: #231B3B; max-width: 860px}
.cv-close em{font-style: normal; color: #067A6F}

.cv-story{flex-shrink: 0; background: #231B3B; padding: 96px 120px; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1.35fr; gap: 72px; align-items: start; position: relative; overflow: hidden}
.cv-story::after{content: ""; position: absolute; left: -220px; bottom: -320px; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(closest-side, rgba(8,179,163,0.20), rgba(8,179,163,0))}
.cv-story h2{font-family: Sora, sans-serif; font-size: 38px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; color: #ffffff; text-wrap: balance; margin: 0}
.cv-story-text{display: flex; flex-direction: column; gap: 18px; position: relative; z-index: 1}
.cv-story-text p{font-size: 17px; line-height: 1.7; color: #C9C4DA; margin: 0}
.cv-story-text p strong{color: #ffffff; font-weight: 700}
.cv-sign{display: flex; align-items: center; gap: 14px; padding-top: 8px}
.cv-sign-av{width: 48px; height: 48px; border-radius: 50%; background: #08B3A3; color: #231B3B; display: flex; align-items: center; justify-content: center; font-family: Sora, sans-serif; font-weight: 700}
.cv-sign-n{font-family: Sora, sans-serif; font-weight: 600; color: #ffffff}
.cv-sign-r{font-size: 14px; color: #C9C4DA}
.cv-quote{font-family: Sora, sans-serif; font-size: 24px; line-height: 1.35; color: #08B3A3; font-weight: 600; margin-top: 8px}

.cv-day{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px}
.cv-slot{background: #ffffff; border-radius: 20px; padding: 28px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; border: 1px solid #E6E3EE}
.cv-hour{font-family: Sora, sans-serif; font-size: 30px; font-weight: 700; color: #08B3A3; line-height: 1}

.cv-groups{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px}
.cv-group{background: #ffffff; border-radius: 20px; padding: 28px; box-sizing: border-box; display: flex; flex-direction: column; gap: 16px}
.cv-group-h{display: flex; align-items: center; gap: 12px}
.cv-group ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px}
.cv-group li{font-size: 15px; line-height: 1.5; color: #5B5870; padding-left: 18px; position: relative}
.cv-group li::before{content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; border-radius: 50%; background: #08B3A3}
.cv-group li strong{color: #231B3B; font-weight: 700}
.cv-coach{border: 2px solid #08B3A3}

.cv-two{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px}
.cv-col{border-radius: 20px; padding: 36px; box-sizing: border-box; display: flex; flex-direction: column; gap: 18px}
.cv-col-op{background: #E6F7F5}
.cv-col-ex{background: #231B3B}
.cv-col h3{font-family: Sora, sans-serif; font-size: 24px; font-weight: 600; margin: 0}
.cv-col-op h3{color: #231B3B}
.cv-col-ex h3{color: #ffffff}
.cv-col ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px}
.cv-col li{display: flex; gap: 12px; font-size: 16px; line-height: 1.5}
.cv-col-op li{color: #231B3B}
.cv-col-ex li{color: #E4E1EE}
.cv-ok{flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: #08B3A3; color: #231B3B; display: flex; align-items: center; justify-content: center; margin-top: 1px}

.cv-table{width: 100%; border-collapse: separate; border-spacing: 0; background: #ffffff; border-radius: 20px; overflow: hidden; border: 1px solid #E6E3EE}
.cv-table th{font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; text-align: left; padding: 20px 28px; background: #F6F5FA; color: #6E6A86}
.cv-table th.cv-now{background: #231B3B; color: #ffffff}
.cv-table td{padding: 18px 28px; font-size: 16px; line-height: 1.45; border-top: 1px solid #E6E3EE; vertical-align: top}
.cv-table td:first-child{color: #6E6A86; text-decoration: line-through; text-decoration-color: rgba(110,106,134,0.45)}
.cv-table td:last-child{color: #231B3B; font-weight: 600}

.cv-control{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px}

/* Cartão do herói: ficha do lead */
.cv-lead-meta{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px}
.cv-meta{background: #F6F5FA; border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px}
.cv-meta-k{font-size: 11px; color: #6E6A86; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700}
.cv-meta-v{font-size: 14px; color: #231B3B; font-weight: 700}
.cv-ev{display: flex; align-items: center; gap: 10px; font-size: 13px; color: #3A3552; padding: 10px 12px; border-radius: 12px; border: 1px solid #E6E3EE}
.cv-ev-ic{flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; background: #E6F7F5; color: #067A6F; display: flex; align-items: center; justify-content: center}
.cv-ev b{color: #231B3B}

/* Herói: o cartão encolhe junto com a tela em vez de sair cortado */
.c30.c30.c30{grid-template-columns: minmax(0, 1fr) minmax(320px, 410px)}
.c24 .c36 a{white-space: nowrap}
.c42.c42.c42{width: 100%; max-width: 410px}

/* Destaques do herói (13/11/2026): três cartões com explicação curta */
.cv-hl{display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; padding-top: 14px}
.cv-hl-i{display: flex; flex-direction: column; gap: 10px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); border-radius: 16px; padding: 16px; box-sizing: border-box; backdrop-filter: blur(6px)}
.cv-hl-i strong{display: block; font-family: Sora, sans-serif; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 1.25; margin-bottom: 4px}
.cv-hl-i span:not(.cv-hl-ic){display: block; font-size: 13px; line-height: 1.45; color: #D7D3E6}
.cv-hl-ic{width: 36px; height: 36px; border-radius: 10px; background: #08B3A3; color: #231B3B; display: flex; align-items: center; justify-content: center; flex-shrink: 0}
@media (min-width: 1100px) and (max-width: 1340px){.cv-hl{grid-template-columns: 1fr}.cv-hl-i{flex-direction: row; align-items: flex-start}}

/* Bloco "a carteira é da empresa" (13/11/2026) */
.cv-keep{flex-shrink: 0; background: linear-gradient(135deg, #231B3B 0%, #2E2450 100%); padding: 88px 120px; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center}
.cv-keep-txt{display: flex; flex-direction: column; gap: 16px}
.cv-keep h2{font-family: Sora, sans-serif; font-size: 38px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; color: #ffffff; margin: 0; text-wrap: balance}
.cv-keep-txt > p:last-child{font-size: 17px; line-height: 1.65; color: #C9C4DA; margin: 0}
.cv-keep-list{list-style: none; margin: 0; padding: 0; display: grid; gap: 14px}
.cv-keep-list li{background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); border-left: 4px solid #08B3A3; border-radius: 16px; padding: 18px 20px; display: flex; flex-direction: column; gap: 4px; transition: transform .22s cubic-bezier(.2,.7,.2,1), background-color .22s ease}
.cv-keep-list strong{font-family: Sora, sans-serif; font-size: 17px; font-weight: 600; color: #ffffff}
.cv-keep-list span{font-size: 15px; line-height: 1.5; color: #C9C4DA}
@media (hover: hover){.cv-keep-list li:hover{transform: translateX(6px); background: rgba(255,255,255,0.12)}}

/* Papéis em vendas complexas (13/11/2026) */
.cv-roles{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px}
.cv-role{background: #F6F5FA; border-radius: 20px; padding: 26px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px}

/* Coach You (adicional), bloco comercial com ilustrações (13/11/2026) */
.cv-add{display: inline-block; vertical-align: middle; font-style: normal; font-family: "Nunito Sans", sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #231B3B; background: #08B3A3; border-radius: 999px; padding: 3px 8px; margin-left: 6px}
.cv-add-l{background: #E6F7F5; color: #067A6F}
.cv-cy{flex-shrink: 0; background: radial-gradient(900px 500px at 90% 0%, rgba(8,179,163,.22), transparent 60%), #1F1836; color: #fff; padding: 96px 120px; box-sizing: border-box; display: flex; flex-direction: column; gap: 56px}
.cv-cy-head{max-width: 860px; display: flex; flex-direction: column; gap: 14px}
.cv-cy-tag{align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #231B3B; background: #08B3A3; border-radius: 999px; padding: 6px 12px}
.cv-cy h2{font-family: Sora, sans-serif; font-size: 40px; line-height: 1.12; font-weight: 600; letter-spacing: -.01em; margin: 0; text-wrap: balance}
.cv-cy p{margin: 0; font-size: 17px; line-height: 1.65; color: #C9C4DA}
.cv-cy p strong{color: #fff}
.cv-cy-q{font-family: Sora, sans-serif; font-size: 22px !important; color: #08B3A3 !important; font-weight: 600}
.cv-cy-strong{color: #fff !important; font-weight: 700}
.cv-cy-row{display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center}
.cv-cy-row-rev .cv-cy-mock{order: 2}
.cv-cy-txt{display: flex; flex-direction: column; gap: 28px}
.cv-cy-step{display: flex; flex-direction: column; gap: 8px}
.cv-cy-step h3{font-family: Sora, sans-serif; font-size: 24px; font-weight: 600; margin: 0; color: #fff}
.cv-cy-n{align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #08B3A3; border: 1px solid rgba(8,179,163,.5); border-radius: 999px; padding: 4px 10px}
.cv-cy-pain{margin-bottom: 12px !important}
.cv-cy-step p + p{margin-top: 10px}
.cv-cy-mock{background: #2A2147; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 18px; box-shadow: 0 30px 60px rgba(0,0,0,.35); display: flex; flex-direction: column; gap: 12px}
.cv-cy-bar{display: flex; align-items: center; gap: 10px; font-size: 13px; color: #C9C4DA; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.1)}
.cv-cy-bar span:nth-child(2){flex: 1}
.cv-cy-live{display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #fff; background: #C2413B; border-radius: 999px; padding: 4px 10px}
.cv-cy-dot{width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: dots 1.2s ease-in-out infinite}
.cv-cy-time{font-variant-numeric: tabular-nums}
.cv-cy-talk{display: flex; flex-direction: column; gap: 8px}
.cv-cy-talk p{font-size: 14px; line-height: 1.5; color: #E4E1EE; background: rgba(255,255,255,.05); border-radius: 12px; padding: 10px 12px}
.cv-cy-talk b{display: block; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #9F98BD; margin-bottom: 2px}
.cv-cy-sug{background: #ffffff; border-radius: 14px; padding: 14px; border-left: 4px solid #08B3A3}
.cv-cy-sug p{color: #231B3B; font-size: 15px; line-height: 1.5}
.cv-cy-sug-k{display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #067A6F; margin-bottom: 4px}
.cv-cy-sug2{border-left-color: #6E5BD6}
.cv-cy-sug2 .cv-cy-sug-k{color: #5A47C2}
.cv-cy-mock-light{background: #ffffff; color: #231B3B}
.cv-cy-bar-light{color: #6E6A86; border-bottom-color: #E6E3EE}
.cv-cy-bar-light span:first-child{font-weight: 700; color: #231B3B}
.cv-cy-ready{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px}
.cv-cy-ready li{display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border: 1px solid #E6E3EE; border-radius: 12px}
.cv-cy-ready b{display: block; font-size: 14px; color: #231B3B}
.cv-cy-ready span{display: block; font-size: 13px; color: #6E6A86}
.cv-cy-ok{flex-shrink: 0; width: 22px !important; height: 22px; border-radius: 50%; background: #08B3A3; position: relative; margin-top: 1px}
.cv-cy-ok:after{content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border: solid #231B3B; border-width: 0 2px 2px 0; transform: rotate(45deg)}
.cv-cy-approve{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 6px; font-size: 13px; color: #6E6A86}
.cv-cy-btn{display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; background: #231B3B; color: #ffffff; font-weight: 700; font-size: 14px}
.cv-cy-foot{display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.12)}
.cv-cy-foot .cv-cy-step{padding-top: 32px}
.cv-cy-gains{padding-top: 32px}
.cv-cy-gains h3{font-family: Sora, sans-serif; font-size: 20px; font-weight: 600; margin: 0 0 14px; color: #fff}
.cv-cy-gains ul{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px}
.cv-cy-gains li{position: relative; padding-left: 28px; font-size: 16px; line-height: 1.5; color: #C9C4DA}
.cv-cy-gains li strong{color: #fff}
.cv-cy-gains li:before{content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #08B3A3}
.cv-cy-gains li:after{content: ""; position: absolute; left: 6px; top: 6px; width: 5px; height: 9px; border: solid #231B3B; border-width: 0 2px 2px 0; transform: rotate(45deg)}
.cv-cy-cta{display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 20px; padding: 24px 28px}
.cv-cy-cta p{font-size: 18px; color: #E4E1EE}
.cv-cy-cta .c37{white-space: nowrap; flex-shrink: 0}

/* ===== Responsivo: tablet (até 1099px) e celular (até 767px) =====
   Esta página não encolhe com zoom como as outras: ela se reorganiza. */
@media (max-width: 1099px) {
  #page-desktop .c2{padding: 0 32px; height: 76px}
  #page-desktop .c6{gap: 20px; font-size: 14px; white-space: nowrap}
  #page-desktop .c7{height: 42px; padding: 0 18px; font-size: 14px; white-space: nowrap}
  #page-desktop .c7 svg{display: none}
  #page-desktop .c5{height: 30px}
  #page-desktop .c8{left: 16px; right: 16px; top: 76px; grid-template-columns: 1fr 1fr; padding: 24px}
  #page-desktop .c21{padding: 0 32px}
  #page-desktop .c24{padding: 56px 32px; min-height: 0}
  #page-desktop .c28{background: linear-gradient(180deg, rgba(35,27,59,0.88) 0%, rgba(35,27,59,0.80) 100%)}
  #page-desktop .c30.c30.c30{grid-template-columns: 1fr; gap: 40px}
  #page-desktop .c42.c42.c42{justify-self: start; max-width: 520px}
  #page-desktop .c34{font-size: 44px}
  #page-desktop .cv-hl{max-width: 720px}
  #page-desktop .c62, #page-desktop .c96, #page-desktop .c116, #page-desktop .c124, #page-desktop .c134{padding: 72px 32px}
  #page-desktop .c110{padding: 64px 32px; grid-template-columns: 1fr; gap: 32px}
  #page-desktop .cv-story{padding: 72px 32px; grid-template-columns: 1fr; gap: 32px}
  #page-desktop .cv-keep{padding: 72px 32px; grid-template-columns: 1fr; gap: 32px}
  #page-desktop .cv-cy{padding: 72px 32px; gap: 44px}
  #page-desktop .cv-cy-row, #page-desktop .cv-cy-foot{grid-template-columns: 1fr; gap: 32px}
  #page-desktop .cv-cy-row-rev .cv-cy-mock{order: 0}
  #page-desktop .cv-cy-mock{max-width: 560px}
  #page-desktop .cv-day, #page-desktop .cv-groups{grid-template-columns: repeat(2, minmax(0, 1fr))}
  #page-desktop .cv-control{grid-template-columns: repeat(2, minmax(0, 1fr))}
  #page-desktop .cv-roles{grid-template-columns: repeat(2, minmax(0, 1fr))}
  #page-desktop .c102{flex-direction: column; align-items: flex-start; gap: 16px}
  #page-desktop .c103{max-width: none}
  #page-desktop .c105, #page-desktop .c107{display: none}
  #page-desktop .c104{padding-top: 0}
  #page-desktop .c104 .c98{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
  #page-desktop .c106{align-items: flex-start; text-align: left; background: #F6F5FA; border-radius: 20px; padding: 24px}
  #page-desktop .c109{max-width: none}
  #page-desktop .c117{grid-template-columns: 1fr; gap: 24px}
  #page-desktop .c126{grid-template-columns: 1fr}
  #page-desktop .c136{flex-direction: column; align-items: flex-start; gap: 28px}
  #page-desktop .c142{padding: 56px 32px 28px}
  #page-desktop .c143{grid-template-columns: 1fr 1fr; gap: 36px}
}

@media (max-width: 767px) {
  #page-desktop .c2{padding: 0 16px; height: 64px}
  #page-desktop .c5{height: 28px}
  #page-desktop .c6{display: none}
  #page-desktop .c7{height: 40px; padding: 0 16px; font-size: 14px}
  #page-desktop .c7 svg{display: none}
  #page-desktop .c21{padding: 0 16px; height: 48px; font-size: 13px}
  #page-desktop .c24{padding: 40px 16px 48px}
  #page-desktop .c32{font-size: 11px; letter-spacing: 0.1em}
  #page-desktop .c34{font-size: 34px}
  #page-desktop .c35{font-size: 16px}
  #page-desktop .c36{flex-direction: column; align-items: stretch; gap: 10px}
  #page-desktop .c37, #page-desktop .c38{width: 100%; box-sizing: border-box}
  #page-desktop .cv-hl{grid-template-columns: 1fr}
  #page-desktop .cv-hl-i{flex-direction: row; align-items: flex-start}
  #page-desktop .c42.c42.c42{max-width: none; padding: 16px}
  #page-desktop .cv-lead-meta{grid-template-columns: 1fr 1fr}
  #page-desktop .c62, #page-desktop .c96, #page-desktop .c116, #page-desktop .c124, #page-desktop .c134{padding: 56px 16px; gap: 28px}
  #page-desktop .c110{padding: 56px 16px}
  #page-desktop .c65, #page-desktop .c97, #page-desktop .c119, #page-desktop .cv-story h2{font-size: 28px}
  #page-desktop .c112{font-size: 26px}
  #page-desktop .c138{font-size: 28px}
  #page-desktop .c139{font-size: 16px}
  #page-desktop .cv-pains, #page-desktop .cv-day, #page-desktop .cv-groups, #page-desktop .cv-two, #page-desktop .cv-control, #page-desktop .cv-roles{grid-template-columns: 1fr}
  #page-desktop .cv-pain, #page-desktop .cv-col{padding: 24px}
  #page-desktop .cv-close{font-size: 19px}
  #page-desktop .cv-story{padding: 56px 16px}
  #page-desktop .cv-keep{padding: 56px 16px}
  #page-desktop .cv-cy{padding: 56px 16px}
  #page-desktop .cv-cy h2{font-size: 28px}
  #page-desktop .cv-cy-q{font-size: 19px !important}
  #page-desktop .cv-cy-cta{flex-direction: column; align-items: stretch; padding: 20px}
  #page-desktop .cv-cy-cta .c37{white-space: normal; text-align: center}
  #page-desktop .cv-cy-approve{flex-direction: column; align-items: stretch}
  #page-desktop .cv-cy-btn{justify-content: center}
  #page-desktop .cv-keep h2{font-size: 28px}
  #page-desktop .cv-story-text p{font-size: 16px}
  #page-desktop .cv-quote{font-size: 20px}
  #page-desktop .cv-table th, #page-desktop .cv-table td{padding: 12px 14px; font-size: 14px}
  #page-desktop .c104 .c98{grid-template-columns: 1fr !important}
  #page-desktop .c115{height: 44px; padding: 0 16px; font-size: 14px}
  #page-desktop .c141{flex-direction: column; align-items: stretch; width: 100%}
  #page-desktop .c142{padding: 48px 16px 24px}
  #page-desktop .c143{grid-template-columns: 1fr; gap: 28px}
  #page-desktop .c154{flex-direction: column; align-items: flex-start; gap: 8px}
  #page-desktop .c155{padding: 0 16px}
  #page-desktop .c156{width: 54px; height: 54px; margin-top: -54px}
}