/* services_card_media.css — Revisão v1.4.3 (build 2025-09-05)
   - Corrige chave '}' sobrando
   - Consolida seletores duplicados (.service-card-title, .service-card-media img)
   - Garante posicionamento relativo do contêiner + overflow:hidden
   - Mantém visual atual; sem alterar funcionalidades
*/

/* Contêiner de mídia do card */
.service-card-media{
  position: relative;
  display: block;
  margin: 8px auto 10px auto;
  overflow: hidden;              /* evita vazamento do glow */
  /* Se quiser controlar proporção do recorte da imagem, defina aqui:
     aspect-ratio: 4 / 3;  */
  aspect-ratio: 4 / 3;
}

/* Glow de fundo */
.service-card-media::before{
  content: '';
  position: absolute;
  inset: -10%;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,208,0,.18), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(11,63,174,.22), transparent 45%);
  filter: blur(18px);
  z-index: 0;
  pointer-events: none;          /* não intercepta cliques */
}

/* Imagem dentro do card */
.service-card-media img{
  display: block;
  width: 100%;
  height: 100%;                  /* perfeito se o contêiner tiver aspect-ratio */
  object-fit: cover;
  object-position: center center;/* definido uma única vez */
  position: relative;
  z-index: 1;
  /* Se NÃO definir aspect-ratio no contêiner, use:
     height: auto; */
}

/* Título com ícone (cadeado) — versão consolidada */
.service-card-title{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 8px auto;
  text-align: center;
}
.service-card-title .svc-lock{
  width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  background: #ffd000;   /* amarelo da marca */
  color: #0b3fae;        /* azul da marca */
  box-shadow: 0 4px 14px rgba(11,63,174,.22);
}
.service-card-title .svc-lock svg{
  width: 14px; height: 14px; display: block; fill: currentColor;
}
.service-card-title .svc-title-text{ line-height: 1.25; }

/* Texto/descrição centralizados */
.service-card-media + p,
.service-card-desc{
  text-align: center;
  max-width: 720px;
  margin: 8px auto 0;
  line-height: 1.6;
}

/* Container padronizado do card de segurança */
.service-card{
  display: grid;
  place-items: center;
  text-align: center;
  gap: 10px;
  padding: 10px 8px;
}
.service-card--security .service-card-title{ margin-bottom: 8px; }
.service-card--security .service-card-desc{ max-width: 720px; margin: 0 auto; line-height: 1.6; }
.service-card--security .service-card-media{ margin-top: 0; }

/* (Fim) */