/* Identidade visual comum — site e Painel de Controle da FDS TECNOLOGIA LTDA.
   Mesmas cores, botões, cartões, ícones e títulos do Painel, sobre o layout do site.
   Este arquivo é carregado por último em todas as páginas. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
  /* seis cores de marca + tons claros (iguais aos do Painel) */
  --mk-azul:#225497;     --mk-azul-txt:#225497;     --mk-azul-bg:#E8EDF4;
  --mk-verde:#00A606;    --mk-verde-txt:#007C04;    --mk-verde-bg:#E5F6E6;
  --mk-vermelho:#E20500; --mk-vermelho-txt:#C00400; --mk-vermelho-bg:#FCE6E5;
  --mk-laranja:#F84D00;  --mk-laranja-txt:#BA3900;  --mk-laranja-bg:#FEEDE5;
  --mk-roxo:#672297;     --mk-roxo-txt:#672297;     --mk-roxo-bg:#EFE8F4;
  --mk-vinho:#A52A49;    --mk-vinho-txt:#A52A49;    --mk-vinho-bg:#F6E9EC;

  --blue:#225497; --blue-dark:#1B4680; --blue-deep:#123A6B;
  --bg:#FEFAF9; --bg-alt:#F1F4F9;
  --ink:#111820; --ink-soft:#5C6B80;
  --line:rgba(17,24,32,.12);
  --mist:#E8EDF4; --mist-line:rgba(34,84,151,.16);
  --radius:22px; --radius-sm:14px;
  --ff:'Outfit','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ff-body:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --sombra-card:0 16px 40px rgba(18,58,107,.12);
}

/* ---------- texto e títulos ---------- */
body{font-family:var(--ff-body);color:var(--ink)}
h1,h2,h3,h4,h5{font-family:var(--ff);font-weight:700;letter-spacing:-.015em}
h3,h4{font-weight:600}
.h-num b{font-family:var(--ff)}
.mono,.eyebrow,.tag,.training-tag,.breadcrumb,.spec-panel h4,.foot-col h5,.pcard-cat,.pcard-ph span,.cat-chip small,
.h-cartao-texto .tag-lan,.h-etapa .n,.h-linha small,.launch-tag,.card-index,.pcard-breve,.chip{font-family:var(--ff)!important}

/* rótulos pequenos: caixa alta espaçada, como os "grupos" do Painel */
.breadcrumb,.foot-col h5,.spec-panel h4,.training-tag,.card-index{
  font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}
.breadcrumb{color:var(--blue)}
.spec-panel h4{margin-bottom:14px}

.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.13em;color:var(--blue);background:var(--mk-azul-bg);border:0;padding:7px 14px}
.eyebrow .dot{background:var(--mk-verde)}
.section-dark .eyebrow{background:rgba(255,255,255,.12)}

/* ---------- botões (pílula, Outfit) ---------- */
.btn{font-family:var(--ff);font-weight:600;letter-spacing:.02em;font-size:.92rem;padding:13px 24px}
.btn-primary{background:var(--blue)}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(34,84,151,.6)}
.btn:active{transform:scale(.985)}
.btn-ghost{background:#fff;color:var(--ink-soft);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--blue-deep);outline-offset:2px}
a.nav-cta{font-family:var(--ff);letter-spacing:.02em;font-size:.86rem}
.nav-links a.nav-login{font-family:var(--ff);font-weight:600}

/* ---------- cartões: borda fina, canto 22px, elevação suave ---------- */
.card,.value-card,.training-card,.pcard,.h-etapa,.h-num,.spec-panel{border-radius:22px;border:1px solid var(--line)}
.card,.value-card,.training-card,.pcard,.h-etapa{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover,.training-card:hover,.pcard:hover,.h-etapa:hover,.value-card:hover{
  transform:translateY(-2px);box-shadow:var(--sombra-card);border-color:rgba(34,84,151,.35)}
.spec-panel{background:var(--bg-alt)}
.card-featured{background:var(--blue-deep);border-color:var(--blue-deep)}
.card-featured:hover{border-color:var(--blue-deep)}
.section-dark,.cta-band{background:var(--blue-deep)}
.card h3,.value-card h4{color:var(--ink)}

/* ---------- ícones: quadradinho com tom claro da cor da marca ---------- */
/* cada categoria tem sua cor (a mesma ideia dos ícones do Painel) */
[data-cat="analisadores"],[data-k="analisadores"],.mp-tipo[data-i="0"]{--c:var(--mk-azul);--c-txt:var(--mk-azul-txt);--c-bg:var(--mk-azul-bg)}
[data-cat="eletrodos"],[data-k="eletrodos"],.mp-tipo[data-i="1"]{--c:var(--mk-roxo);--c-txt:var(--mk-roxo-txt);--c-bg:var(--mk-roxo-bg)}
[data-cat="calibradores"],[data-k="calibradores"],.mp-tipo[data-i="2"]{--c:var(--mk-laranja);--c-txt:var(--mk-laranja-txt);--c-bg:var(--mk-laranja-bg)}
[data-cat="solucoes"],[data-k="solucoes"],.mp-tipo[data-i="3"]{--c:var(--mk-verde);--c-txt:var(--mk-verde-txt);--c-bg:var(--mk-verde-bg)}
[data-cat="controle"],[data-k="controle"],.mp-tipo[data-i="4"]{--c:var(--mk-vinho);--c-txt:var(--mk-vinho-txt);--c-bg:var(--mk-vinho-bg)}
[data-cat="pecas"],[data-k="pecas"],.mp-tipo[data-i="5"]{--c:var(--mk-vermelho);--c-txt:var(--mk-vermelho-txt);--c-bg:var(--mk-vermelho-bg)}

.h-ac .ic,body .mp-ic{width:36px;height:36px;border-radius:12px;background:var(--c-bg,var(--mk-azul-bg));color:var(--c-txt,var(--blue))}
.h-ac[data-on="1"] .ic,body .mp-tipo[aria-selected="true"] .mp-ic{background:var(--c,var(--blue));color:#fff}
.pcard-cat{background:var(--c-bg,var(--mk-azul-bg));color:var(--c-txt,var(--blue));border:0;font-size:.64rem;font-weight:600;letter-spacing:.12em}
.pcard-ph{color:var(--c,#9fb0c6)}
.pcard-ph svg,.pcard-ph span{opacity:.55}

/* números das quatro etapas viram ícones numerados coloridos */
.h-etapa .n{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:.9rem;font-weight:700;letter-spacing:0;
  background:var(--mk-azul-bg);color:var(--mk-azul)}
.h-etapa:nth-child(2) .n{background:var(--mk-laranja-bg);color:var(--mk-laranja-txt)}
.h-etapa:nth-child(3) .n{background:var(--mk-vinho-bg);color:var(--mk-vinho-txt)}
.h-etapa:nth-child(4) .n{background:var(--mk-roxo-bg);color:var(--mk-roxo)}
.h-etapa:nth-child(1){--c1:var(--mk-azul-bg);--c2:var(--mk-roxo-bg)}
.h-etapa:nth-child(2){--c1:var(--mk-laranja-bg);--c2:var(--mk-vinho-bg)}
.h-etapa:nth-child(3){--c1:var(--mk-vinho-bg);--c2:var(--mk-roxo-bg)}
.h-etapa:nth-child(4){--c1:var(--mk-roxo-bg);--c2:var(--mk-azul-bg)}
.h-etapa h3{color:var(--ink)}

/* ---------- selos e etiquetas ---------- */
/* aviso informativo de estoque (ex.: Mission Control) */
.sem-estoque{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--mk-vermelho-bg);color:var(--mk-vermelho-txt);font-family:var(--ff,inherit);font-size:.68rem;font-weight:700;letter-spacing:.08em;font-style:normal;line-height:1.2;white-space:nowrap;vertical-align:middle}
.tag,.pcard-tags .tag{background:var(--mk-azul-bg);border:0;color:var(--mk-azul-txt);font-weight:600;letter-spacing:.02em}
.launch-tag,.tag-lan{background:var(--mk-laranja-bg)!important;color:var(--mk-laranja-txt)!important;box-shadow:none;font-weight:700;letter-spacing:.1em}
.h-cartao-texto .tag-lan{background:var(--mk-verde-bg)!important;color:var(--mk-verde-txt)!important;font-weight:700;letter-spacing:.1em}
.chip{font-weight:600}
.chip-dot,.h-cartao-img .chip-dot{background:var(--mk-verde)}

/* ---------- abas e filtros: pílula azul quando selecionada ---------- */
.h-aba,.cat-chip,.tab-btn{font-family:var(--ff);font-size:.86rem;font-weight:600;letter-spacing:.01em}
.cat-chip[aria-pressed="true"],.tab-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}
.cat-chip:hover{border-color:var(--blue);color:var(--blue)}
.cat-chip[aria-pressed="true"]:hover{color:#fff}

/* ---------- navegação: fundo branco, links em Outfit, pílula deslizante ---------- */
.nav{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line)}
.nav-links a{font-family:var(--ff);font-size:.9rem;font-weight:600}
.nav-links a:not(.nav-cta):not(.nav-login){color:var(--ink-soft)}
.nav-links a.nav-cta{color:#fff}
.nav-links > li > a:not(.nav-cta):not(.nav-login){padding:8px 4px;position:relative}
.nav-links a:not(.nav-cta):hover,.nav-links a.active{color:var(--blue)}
.nv-ind{position:absolute;z-index:-1;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;border-radius:11px;
  background:rgba(34,84,151,.09);box-shadow:inset 0 0 0 1px rgba(34,84,151,.1);
  transition:transform .34s cubic-bezier(.23,1,.32,1),width .34s cubic-bezier(.23,1,.32,1),height .34s cubic-bezier(.23,1,.32,1),opacity .2s ease}
.nv-bar{position:absolute;z-index:-1;left:0;top:0;height:2.5px;width:0;pointer-events:none;opacity:0;border-radius:2px 2px 0 0;background:var(--blue);
  transition:transform .34s cubic-bezier(.23,1,.32,1),width .34s cubic-bezier(.23,1,.32,1),opacity .2s ease}
@media (max-width:860px){.nv-ind,.nv-bar{display:none}}
@media (prefers-reduced-motion:reduce){.nv-ind,.nv-bar{transition:opacity .2s ease}}

/* menu grande de produtos */
body .mp-painel{border-radius:0 0 22px 22px;box-shadow:0 30px 60px -24px rgba(18,58,107,.28)}
body .mp-tipo{border-radius:14px}
body .mp-tipo:hover,body .mp-tipo[aria-selected="true"]{background:var(--c-bg,var(--mk-azul-bg))}
body .mp-tipo b{font-family:var(--ff);font-weight:600}
body .mp-item{border-radius:18px}
body .mp-item:hover{border-color:rgba(34,84,151,.35);box-shadow:var(--sombra-card);transform:translateY(-2px)}
body .mp-item b{font-family:var(--ff);font-weight:600}
body .mp-info-cab h4{font-family:var(--ff)}

/* ---------- formulários: campos cinza-azulado com anel azul no foco ---------- */
.field label,.oc-campo>label{font-family:var(--ff);font-size:.72rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft)}
.field input,.field select,.field textarea{background:var(--bg-alt);border:1px solid var(--line);border-radius:14px}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(34,84,151,.16)}

/* ---------- páginas internas, rodapé ---------- */
.page-hero{background:var(--bg-alt)}
footer.site{background:#fff}
.foot-col ul a{color:var(--ink)}
.foot-col ul a:hover{color:var(--blue)}
.social-icon{border-color:var(--line)}

/* ---------- blocos da página inicial ---------- */
.h-linha{font-family:var(--ff);border-radius:999px}
.h-linha:hover{border-color:rgba(34,84,151,.45)}
.h-ac>button{font-family:var(--ff);font-weight:600}
.h-visual-lista li{background:#fff;border:1px solid var(--line);border-radius:14px}
.h-visual-lista li::before{background:var(--c,var(--blue))}
.h-visual-cart h4{font-family:var(--ff)}

/* ---------- janela "Solicite um orçamento" ---------- */
body .oc-cab h2{font-family:var(--ff);letter-spacing:-.015em}

/* acabamento */
h1,h2,h3,h4{line-height:1.15}
input,textarea,select,button{font-family:inherit}
.field input,.field select,.field textarea{font-family:var(--ff-body);font-size:.94rem}
.contact-grid>*,.contact-card,.form-panel{min-width:0}
.contact-card{overflow-wrap:anywhere}

/* ---------- quadro "Linha de produtos": itens clicáveis ---------- */
.h-visual-lista li{padding:0;background:transparent;border:0}
.h-visual-lista li::before{display:none}
.h-visual-lista a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);
  font-weight:600;font-size:.92rem;color:var(--ink);cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}
.h-visual-lista a::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--c,var(--blue))}
.h-visual-lista a span{flex:1;min-width:0}
.h-visual-lista a svg{flex:none;width:30px;height:30px;padding:7px;border-radius:50%;background:var(--c-bg,var(--mk-azul-bg));
  fill:none;stroke:var(--c-txt,var(--blue));stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  transition:background-color .16s ease,stroke .16s ease,transform .16s ease}
.h-visual-lista a:hover{border-color:var(--c,var(--blue));background:var(--c-bg,var(--mk-azul-bg));transform:translateX(3px);box-shadow:0 8px 20px -12px rgba(18,58,107,.35)}
.h-visual-lista a:hover svg{background:var(--c,var(--blue));stroke:#fff;transform:translateX(2px)}
.h-visual-lista a:focus-visible{outline:3px solid rgba(34,84,151,.35);outline-offset:2px}
.h-visual-dica{margin:12px 2px 0;font-size:.76rem;color:var(--ink-soft);display:flex;align-items:center;gap:6px}
.h-visual-dica::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mk-verde)}

/* ---------- WhatsApp: botão e aviso "Halo" ---------- */
@property --wa-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.wa-halo{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:none}
.wa-halo>*{pointer-events:auto}
.wa-notif{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;
  width:min(340px,calc(100vw - 28px));padding:15px 14px 15px 15px;border-radius:22px;
  background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 0 0 1px rgba(17,24,32,.07),0 26px 50px -20px rgba(18,58,107,.4),0 6px 14px -6px rgba(18,58,107,.15);
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:100% 100%;
  transition:opacity .28s ease,transform .38s cubic-bezier(.23,1,.32,1),visibility 0s linear .38s}
.wa-notif.on{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .38s cubic-bezier(.23,1,.32,1),visibility 0s}
.wa-notif::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--wa-ang),transparent 0 62%,rgba(37,211,102,.85) 82%,rgba(34,84,151,.5) 92%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:wa-gira 5s linear infinite;opacity:.9}
@keyframes wa-gira{to{--wa-ang:360deg}}
.wa-notif-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#2BE070,#1FB955);
  box-shadow:0 8px 16px -8px rgba(37,211,102,.7)}
.wa-notif-ic svg{width:24px;height:24px}
.wa-notif-txt b{display:block;font-family:var(--ff);font-weight:600;font-size:.98rem;letter-spacing:-.01em;color:var(--ink);line-height:1.25}
.wa-notif-txt p{margin:3px 0 0;font-size:.82rem;line-height:1.45;color:var(--ink-soft)}
.wa-notif-link{display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-family:var(--ff);font-weight:600;font-size:.84rem;color:var(--mk-verde-txt)}
.wa-notif-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.wa-notif-link:hover svg{transform:translateX(3px)}
.wa-notif-link:hover{text-decoration:underline}
.wa-notif-x{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:rgba(17,24,32,.06);color:var(--ink-soft);cursor:pointer;
  transition:background-color .15s ease,transform .12s ease}
.wa-notif-x:hover{background:rgba(17,24,32,.12);color:var(--ink)}
.wa-notif-x:active{transform:scale(.92)}
.wa-notif-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.wa-notif a:focus-visible,.wa-notif button:focus-visible,.wa-botao:focus-visible{outline:3px solid rgba(34,84,151,.4);outline-offset:3px}

.wa-botao{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;
  background:linear-gradient(145deg,#2BE070,#1FB955);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 16px 30px -12px rgba(37,211,102,.7),0 4px 10px -4px rgba(18,58,107,.25);
  transition:transform .2s cubic-bezier(.34,1.18,.64,1),box-shadow .2s ease}
.wa-botao svg{width:31px;height:31px;position:relative}
.wa-botao:hover{transform:scale(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 20px 36px -12px rgba(37,211,102,.8),0 4px 10px -4px rgba(18,58,107,.25)}
.wa-botao:active{transform:scale(.95)}
.wa-anel{position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;opacity:0;animation:wa-onda 2.8s ease-out 1.2s 4;pointer-events:none}
@keyframes wa-onda{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@media (max-width:560px){
  .wa-halo{right:14px;bottom:14px;gap:12px}
  .wa-botao{width:54px;height:54px}.wa-botao svg{width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){
  .wa-notif,.wa-notif.on{transition:opacity .2s ease,visibility 0s;transform:none}
  .wa-notif::before,.wa-anel{animation:none}
}

/* ---------- página de contato: dimensões ---------- */
.page-hero{padding:48px 0 40px}
.page-hero h1{font-size:clamp(1.9rem,3.6vw,2.6rem);max-width:24ch}
.page-hero p{font-size:1rem;max-width:62ch}
#orcamento{padding:56px 0 72px}
.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px)}
.form-panel{padding:clamp(20px,3vw,32px);border-radius:22px;max-width:100%}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.field{min-width:0;gap:6px}
.field input,.field select,.field textarea{width:100%;min-width:0;box-sizing:border-box;padding:11px 14px}
.field textarea{min-height:120px;max-height:260px;resize:vertical}
.contact-card{padding:16px 0}
@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.form-row{grid-template-columns:minmax(0,1fr)}.page-hero{padding:36px 0 30px}#orcamento{padding:36px 0 56px}}

/* ---- Eletrodos disponíveis: cartões com foto e botão de orçamento ---- */
.el-dica{margin:-6px 0 16px;color:var(--ink-soft);font-size:.92rem}
.el-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.el-grade .el-card{display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0;margin:0;border-bottom:1px solid var(--line)}
.el-grade .el-card::before{display:none}
.el-card .el-foto{aspect-ratio:1/1;cursor:default;width:100%}
.el-card .el-info{padding:12px 14px 4px;flex:1}
.el-card .el-info h5{margin:0;font-size:.95rem;line-height:1.3;color:var(--ink)}
.el-card .el-info p{margin:4px 0 0;font-size:.78rem;line-height:1.35;color:var(--ink-soft)}
.btn.btn-mini{margin:10px 14px 14px;padding:8px 12px;min-height:0;font-size:.82rem;line-height:1.2;border-radius:10px;justify-content:center;text-align:center;align-self:flex-start;width:auto}
@media (max-width:540px){.el-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* foto que ocupa todo o quadro (sem margem interna) */
.pcard-img img.foto-cheia,.pd-midia img.foto-cheia{padding:0;object-fit:cover}

/* fotos de eletrodos preenchem todo o quadro */
.el-foto img,.pcard[data-cat="eletrodos"] .pcard-img img{padding:0;object-fit:cover}

/* fotos (JPG) preenchem por completo o quadro azul, no catálogo e no topo das páginas; PNG com fundo transparente mantém a margem */
.pd-midia img:not([src$=".png"]),.pcard-img img:not([src$=".png"]){padding:0;object-fit:cover;object-position:center}
/* quadro do topo acompanha o formato da foto (quadrada), assim ela preenche tudo sem cortar o produto */
.pd-midia:has(img:not([src$=".png"])){aspect-ratio:1/1}
.pd-midia.pd-midia-43{aspect-ratio:4/3!important}
.nav-links a.active:not(.nav-cta):not(.nav-login){color:var(--blue)}

/* Produto ainda sem foto: fundo azul em degradê com a silhueta do logotipo FDS em azul mais claro */
.pcard-img.sem-foto{background:linear-gradient(150deg,#2f6bb3 0%,#225497 38%,#143f75 72%,#0b2a52 100%)}
.pcard-img.sem-foto .pcard-ph svg,.pcard-img.sem-foto .pcard-ph span{display:none}
.pcard-img.sem-foto .pcard-ph::before{content:"";display:block;width:60%;max-width:340px;aspect-ratio:2853/966;background:rgba(255,255,255,.17);
  -webkit-mask:url("fds-silhueta.png") center/contain no-repeat;mask:url("fds-silhueta.png") center/contain no-repeat}