/* === CSS Ativo (1 blocos) === */
@import url('https://fonts.googleapis.com/css2?family=Epunda+Slab:wght@400;500;600;700&display=swap');

/* ======================================
   SEÇÃO HOME (Container Principal)
====================================== */
.ws-container-full{
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  min-height:100vh; width:100%; color:#fff; padding:15px;
  background-color:#542a72;
  background-image:url('https://websim.com.br/images/programadorbg.webp');
  background-size:cover; background-position:center; background-repeat:no-repeat;
}

.ws-logo-img{
  max-width:150px; height:auto; border-radius:10px; margin:50px 0 10px;
}

.ws-texto-resumo{
  max-width:90%; line-height:1.6; padding:20px; margin:0 auto; font-size:20px;
}

/* ======================================
   GRID DE SERVIÇOS
====================================== */
.ws-grid-servicos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px; max-width:1200px; width:100%; margin:0 auto; padding:10px;
}

/* Card do SITE (não usa .card do Bootstrap) */
.ws-card{
  background-color:rgba(255,255,255,.3) !important;
  border:1px solid rgba(255,255,255,.7);
  backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);
  padding:10px; border-radius:20px; text-align:center; color:#fff;
}
.ws-card i{ color:#fff; margin-bottom:15px; }
.ws-card h2{ font-size:1.2rem; margin:8px 0; color:#fff; }
.ws-card p{ font-size:.85rem; color:#fff; }

/* ======================================
   SEÇÃO SOBRE NÓS
====================================== */
.ws-container-principal{ display:flex; min-height:100vh; }
.ws-coluna{ flex:1; }

.ws-coluna.ws-conteudo{
  background-color:#fff; color:#542a72; padding:20px;
  display:flex; flex-direction:column; justify-content:center;
}

.ws-coluna.ws-imagem-fundo{
  background:url('https://websim.com.br/images/websim-estrutura.webp') center center/cover no-repeat;
}

.ws-titulo-destaque{
  font-weight:normal; font-size:32px; margin-bottom:0;
}

.ws-texto-justificado{
  font-size:1rem; margin-top:10px; margin-bottom:20px; text-align:justify;
}

.ws-tabela-responsiva{ overflow-x:auto; max-width:100%; margin-top:20px; }
.ws-tabela-responsiva table{
  width:100%; border-collapse:collapse; background-color:#542a72; color:#fff; text-align:left; margin:0;
}
.ws-tabela-responsiva td{ padding:10px; border:1px solid #fff; }
.ws-tabela-responsiva td i{ margin-right:6px; }

/* ======================================
   MEDIA QUERIES
====================================== */
@media (max-width:768px){
  .ws-container-principal{ flex-direction:column; }
  .ws-coluna.ws-imagem-fundo{ min-height:300px; }
  .ws-coluna.ws-conteudo{ padding:20px; }
}