/* Card de depoimento (figure.nx-dep), compartilhado pela home (seção #nx-dep, em carrossel:
   regras em home-prova-social.css) e pela página de cada módulo (/plugins-glpi/<slug>, só com
   depoimento aprovado do módulo). Markup em app/src/views/depoimentoCard.js. */

.nx-deps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:991.98px){.nx-deps__grid{grid-template-columns:1fr}}
.nx-dep{position:relative;margin:0;background:var(--background-color);
        border:1px solid color-mix(in srgb,var(--default-color),transparent 88%);
        border-radius:12px;padding:26px 24px 22px;
        /* assinatura ancorada no rodapé, qualquer que seja o comprimento do texto */
        display:flex;flex-direction:column}
/* Aspas como float: o texto contorna o ícone em vez de passar por baixo dele. */
.nx-dep__q{float:right;margin:-2px -2px 2px 10px;
           font-size:34px;line-height:1;color:var(--accent-color);opacity:.18}
.nx-dep blockquote{margin:0 0 18px;font-size:14.5px;line-height:1.65;color:var(--default-color);flex:1 1 auto}
.nx-dep figcaption{display:flex;align-items:flex-start;gap:12px;margin-top:auto;
                   border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding-top:14px}
.nx-dep__av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
            font-size:14px;font-weight:600;color:var(--accent-color);margin-top:2px;
            background:color-mix(in srgb,var(--accent-color),transparent 86%)}
.nx-dep__id{display:flex;flex-direction:column;line-height:1.3;min-width:0}
/* Assinatura em duas linhas: nome e cargo juntos, empresa embaixo; o que não
   couber é cortado com reticências, para a altura não variar entre cards. */
.nx-dep__linha1{display:flex;align-items:baseline;gap:7px;min-width:0}
.nx-dep__linha1 strong{flex:0 0 auto;font-size:14px;color:var(--heading-color)}
.nx-dep__cargo{font-size:12.5px;color:var(--default-color);opacity:.75;
               white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nx-dep__cargo::before{content:"· "}
.nx-dep__emp{display:block;font-size:12.5px;color:var(--heading-color);opacity:.9;
             white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Topo do card: etiqueta de contexto (módulo ou serviço) à esquerda, data à
   direita. A etiqueta é link para a página do produto: a home ganha link
   interno contextualizado para as páginas de plugin. */
.nx-dep__topo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.nx-dep__ctx{display:inline-flex;align-items:center;gap:6px;min-width:0;
             font-size:11.5px;font-weight:600;line-height:1;padding:5px 10px;border-radius:20px;
             max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-dep__ctx i{font-size:13px}
.nx-dep__ctx--modulo{background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color)}
.nx-dep__ctx--servico{background:color-mix(in srgb,var(--heading-color),transparent 92%);color:var(--heading-color)}
a.nx-dep__ctx{text-decoration:none;transition:background .15s}
a.nx-dep__ctx--modulo:hover{background:color-mix(in srgb,var(--accent-color),transparent 78%)}
a.nx-dep__ctx--servico:hover{background:color-mix(in srgb,var(--heading-color),transparent 84%)}
.nx-dep__ctx-seta{font-size:11px;opacity:.7;margin-left:1px}
.nx-dep__data{flex:0 0 auto;font-size:12px;color:var(--default-color);opacity:.6;white-space:nowrap}

/* Depoimento real (vindo do portal): cargo vazio no perfil e links do perfil do cliente. */
.nx-dep__cargo--vazio{font-style:italic}
.nx-dep__id a{color:inherit;text-decoration:none}
.nx-dep__id a:hover{text-decoration:underline}

/* Página de módulo: poucos cards, centralizados (1 ou 2 não esticam pela grade de 3). */
.nx-deps__grid--1{grid-template-columns:minmax(0,560px);justify-content:center}
.nx-deps__grid--2{grid-template-columns:repeat(2,minmax(0,460px));justify-content:center}
@media (max-width:991.98px){.nx-deps__grid--1,.nx-deps__grid--2{grid-template-columns:1fr}}
/* Fora do pt-BR: o texto fica como o cliente escreveu, com esta nota. */
.nx-dep__original{display:flex;align-items:center;gap:6px;margin:-8px 0 16px;
                  font-size:12px;font-style:italic;color:var(--default-color);opacity:.65}
.nx-dep__original i{font-size:13px;font-style:normal}