/* chamados-para-drogaria-v2.css: ajustes da subpágina /produtos/chamados/chamados-para-drogaria, carregado depois de chamados-v2.css (pai, sem edição). Prefixo .cdro- e escopo .cdro */
/* Topo: Kanban em 3:2 alinhado à esquerda (as colunas inteiras, sem a coluna cortada da direita) */
.cdro .ch-hero__win .cdro-win--kb picture{aspect-ratio:3/2}
.cdro .ch-hero__win .cdro-win--kb picture img{width:100%;height:100%;object-fit:cover;object-position:left top}
@media (min-width:992px){.cdro .ch-hero__art{padding:0 0 24px 0!important}.cdro .ch-hero__win{max-width:548px;margin-left:auto}}
@media (max-width:767px){.cdro .ch-hero__art{padding:0 0 12px 0!important}}
/* O que cada chamado da loja já traz: 3 cartões baixos */
.cdro .cdro-decs__t{margin:56px 0 0!important;color:var(--ch-list);font-size:1.35rem;font-weight:700;line-height:1.35;text-align:left}
.cdro-decs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 0!important;padding:0!important;list-style:none}
.cdro-dec{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;align-items:start;margin:0;padding:22px 22px 20px;border:1px solid var(--ch-line);border-radius:18px;background:#fff}
.cdro-dec__ic{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--ch-teal);color:#fff}
.cdro .cdro-dec__h{margin:0!important;color:var(--ch-ink)!important;font-size:1.15rem!important;font-weight:700!important;line-height:1.35!important;text-align:left}
.cdro .cdro-dec p{margin:6px 0 0;color:var(--ch-body);font-size:15.5px;line-height:1.6;text-align:left}
.cdro .cdro-show{margin-top:40px}
/* Como funciona em 3 passos */
.cdro .cdro-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Departamentos e assuntos (exemplo para adaptar) */
.cdro-catsec{padding:96px 0;background:var(--ch-soft);border-top:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line);scroll-margin-top:90px}
.cdro-cat__box{margin-top:48px;border:1px solid var(--ch-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -50px rgba(3,45,96,.45)}
.cdro .cdro-cat{width:100%;margin:0!important;border:0!important;border-collapse:collapse;table-layout:fixed;background:#fff!important}
.cdro .cdro-cat th,.cdro .cdro-cat td{border:0!important}
.cdro .cdro-cat thead th{padding:18px 22px;background:var(--ch-tint)!important;color:var(--ch-ink);font-size:.95rem;font-weight:700;text-align:left}
.cdro .cdro-cat thead th:first-child{width:18%}
.cdro .cdro-cat thead th:nth-child(2){width:36%}
.cdro .cdro-cat thead th:nth-child(3){width:28%}
.cdro .cdro-cat td.cdro-sla{color:var(--ch-ink);font-weight:600}
.cdro .cdro-cat tbody tr{border-top:1px solid var(--ch-line)!important}
.cdro .cdro-cat tbody th,.cdro .cdro-cat tbody td{padding:16px 22px;background:#fff!important;color:var(--ch-body);font-size:15.5px;line-height:1.55;text-align:left;vertical-align:top}
.cdro .cdro-cat tbody th{color:var(--ch-ink);font-weight:700}
.cdro .cdro-cat__note{display:flex;gap:12px;align-items:flex-start;max-width:900px;margin:24px 0 0!important;color:var(--ch-ink);font-size:16px;line-height:1.6;text-align:left}
.cdro .cdro-cat__note a{color:var(--ch-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ch-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.cdro-cat__note svg{flex:0 0 18px;margin-top:4px;color:var(--ch-teal)}
@media (max-width:767px){
.cdro .cdro-cat thead{display:none}
.cdro .cdro-cat,.cdro .cdro-cat tbody,.cdro .cdro-cat tr,.cdro .cdro-cat th,.cdro .cdro-cat td{display:block;width:100%!important}
.cdro .cdro-cat tbody tr{padding:16px 18px}
.cdro .cdro-cat tbody th,.cdro .cdro-cat tbody td{padding:0!important}
.cdro .cdro-cat tbody th{font-size:1.1rem}
.cdro .cdro-cat tbody td{margin-top:8px;font-size:15px}
.cdro .cdro-cat tbody td::before{content:attr(data-col);display:block;margin-bottom:2px;color:var(--ch-ink);font-size:.9rem;font-weight:600}
}
/* Recursos em grade de 3 x 2 */
.cdro-res{background:#fff}
.cdro-recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0!important;padding:0!important;list-style:none}
.cdro-rec{display:flex;flex-direction:column;gap:12px;margin:0;padding:24px;border:1px solid var(--ch-line);border-radius:20px;background:var(--ch-soft)}
.cdro .cdro-rec .ch-rec__ic{flex:0 0 42px;width:42px}
.cdro .cdro-rec .ch-lt{font-size:1.2rem!important}
.cdro .cdro-rec p{margin:0;color:var(--ch-body);font-size:15.5px;line-height:1.65;text-align:left}
.cdro .cdro-rec a{color:var(--ch-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ch-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.cdro-rec__art{margin-top:40px}
/* Cases: 3 cartões, com o contexto do case separado da citação */
.cdro .cdro-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
.cdro .cdro-case__ctx{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-size:.95rem;font-style:normal;line-height:1.55;text-align:left}
.cdro-case__ctx span{display:block;margin-bottom:4px;color:var(--ch-teal);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.cdro .cdro-hl .ch-hl__nums dd{font-size:clamp(26px,2.3vw,32px)}
@media (max-width:991px){
.cdro-decs,.cdro-recs{grid-template-columns:repeat(2,minmax(0,1fr))}
.cdro .cdro-cases{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.cdro-decs,.cdro-recs{grid-template-columns:minmax(0,1fr)}
.cdro .cdro-rail{grid-template-columns:minmax(0,1fr)}
.cdro .cdro-cases .ch-case:nth-child(1),.cdro .cdro-cases .ch-case:nth-child(2){display:flex}
.cdro .cdro-cases .ch-case:nth-child(3){display:none}
.cdro-catsec{padding:64px 0}
.cdro .cdro-hl .ch-hl__nums div{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:4px!important}
.cdro .cdro-hl .ch-hl__nums dd{font-size:26px}
}
/* Destaque do case: fato do case rotulado, fora das aspas */
.cdro .cdro-hl__ctx{margin:0 0 20px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.55;text-align:left}
.cdro-hl__ctx span{display:block;margin-bottom:4px;color:var(--ch-teal);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* Comparativo com uma coluna de comparação: no celular a célula ocupa a largura inteira */
@media (max-width:767px){.cdro .cdro-cmp tbody tr td:not(.is-us){width:100%!important}}
/* ===== rodada 10 (29/09): o respiro de 40/28 px embaixo da faixa de números (chamados-v2.css da pai) estourava o teto (733 em 1440, 1039 em 390).
   Altura recuperada dentro do hero, sem mexer no texto nem na tela: sem folga embaixo da janela e margem acima da faixa de 40 para 30 px no desktop ===== */
@media (min-width:992px){.cdro .ch-hero__art{padding-bottom:0!important}.cdro.ch .ch-stats{margin-top:30px!important}}
@media (max-width:767px){.cdro .ch-hero__art{padding-bottom:0!important}}
/* ===== rodada 11 (30/09) sem vazio: passos com composição de duas telas reais e itens na faixa de duas colunas
   (classes .ch-duo, .ch-step--duo e .ch-band do chamados-v2.css da pai); aqui só o recorte da 2ª tela e o case ===== */
.cdro .cdro-crop picture{display:block;aspect-ratio:var(--cdro-car);overflow:hidden}
.cdro .cdro-crop img{width:100%;height:100%!important;object-fit:cover;object-position:left top}
/* Destaque do case: o fato "No case" fica embaixo da foto e os números sobem para o corpo, abaixo do logotipo, e as duas colunas batem */
.cdro .ch-hl__media .cdro-hl__ctx{margin:24px 0 0}
.cdro .ch-hl__media .ch-link{margin-top:18px}
.cdro .ch-hl__body .ch-hl__nums{width:100%;margin:0 0 26px;padding:0}
@media (max-width:991px){.cdro .ch-hl__media .cdro-hl__ctx{margin-top:20px}}

/*aurea*/html body .mc.ch.cdro .cdro-decs__t{margin-top:var(--s5)!important;font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ch.cdro .cdro-decs{gap:var(--s3)!important;margin-top:var(--s3)!important}html body .mc.ch.cdro .cdro-dec{column-gap:var(--s2)!important;padding:var(--s3)!important;border-radius:21px!important}html body .mc.ch.cdro .cdro-dec__ic{border-radius:13px!important}html body .mc.ch.cdro .cdro-dec__h{font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ch.cdro .cdro-dec p{margin-top:var(--s1)!important;font-size:var(--a-cap)!important;line-height:var(--a-lh-body)!important}html body .mc.ch.cdro .cdro-catsec{padding-top:var(--s6)!important;padding-bottom:var(--s6)!important}html body .mc.ch.cdro .cdro-cat__box{margin-top:var(--s5)!important;border-radius:21px!important}html body .mc.ch.cdro .cdro-cat thead th{padding:var(--s3)!important;font-size:var(--a-cap)!important;line-height:var(--a-lh-cap)!important}html body .mc.ch.cdro .cdro-cat tbody th,html body .mc.ch.cdro .cdro-cat tbody td{padding:var(--s2) var(--s3)!important;font-size:var(--a-cap)!important;line-height:var(--a-lh-body)!important}html body .mc.ch.cdro .cdro-cat__note{gap:var(--s2)!important;margin-top:var(--s3)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ch.cdro .cdro-recs{gap:var(--s3)!important;margin-top:var(--s5)!important}html body .mc.ch.cdro .cdro-rec{gap:var(--s2)!important;padding:var(--s3)!important;border-radius:21px!important}html body .mc.ch.cdro .cdro-rec p{font-size:var(--a-cap)!important;line-height:var(--a-lh-body)!important}html body .mc.ch.cdro .cdro-case__ctx,html body .mc.ch.cdro .cdro-hl__ctx{padding:var(--s2)!important;border-radius:13px!important;font-size:var(--a-cap-dk)!important;line-height:var(--a-lh-body)!important}html body .mc.ch.cdro .cdro-case__ctx{margin-top:var(--s2)!important}html body .mc.ch.cdro .cdro-case__ctx span,html body .mc.ch.cdro .cdro-hl__ctx span{font-size:var(--a-cap-dk)!important;line-height:var(--a-lh-cap)!important}html body .mc.ch.cdro .ch-hl__media .cdro-hl__ctx{margin-top:var(--s3)!important}html body .mc.ch.cdro .ch-hl__body .ch-hl__nums{margin-bottom:var(--s3)!important}@media (max-width:767px){html body .mc.ch.cdro .cdro-cat tbody tr{padding:var(--s2) var(--s3)!important}html body .mc.ch.cdro .cdro-cat tbody th,html body .mc.ch.cdro .cdro-cat tbody td{padding:0!important}html body .mc.ch.cdro .cdro-cat tbody th{font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ch.cdro .cdro-cat tbody td{margin-top:var(--s1)!important}html body .mc.ch.cdro .cdro-cat tbody td::before{font-size:var(--a-cap)!important}}@media (max-width:640px){html body .mc.ch.cdro .cdro-catsec{padding-top:var(--s5)!important;padding-bottom:var(--s5)!important}}html body .mc.ch.cdro .cdro-hl .ch-hl__nums dd{font-size:var(--a-stat)!important;line-height:var(--a-lh-h3)!important}