/* ===============================
   Services (EN & PT)
================================= */

/* Cabeçalho da seção */
.section-head{ text-align:left; margin-bottom:22px }
.section-head h2{ margin:0 0 10px }
.section-head p{ max-width:880px; color:#e9dee1; opacity:.95; line-height:1.65 }

/* GRID de 4 quadrados */
.service-list.tiles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--gap);
  margin-top:24px;
}

/* QUADRADO/TILE – mesmo visual do PT para EN também */
.tile{
  background:#3D2F24;                          /* fundo marrom */
  border:1px solid rgba(242,233,224,.18);
  border-radius:var(--radius);
  padding:22px;
  min-height:190px;
  box-shadow:var(--shadow);
  display:flex; flex-direction:column; justify-content:flex-start; gap:10px;
  transition:.25s transform, .25s box-shadow, .25s background, .25s border-color;
  color:#E6C068;                                /* cor padrão do texto dentro do card */
}
.tile:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(0,0,0,.38);
  border-color:rgba(230,192,104,.45);
}

.tile h3{ margin:0; font-size:20px; color:#E6C068; font-weight:800 }
.tile-sub{ margin:0; color:#E6C068; opacity:.98; line-height:1.6 }

/* Lista de features com bolinhas – IGUAL para EN e PT */
.tile .features{
  list-style:none; margin:10px 0 0; padding:0;
  display:grid; gap:8px;
}
.tile .features li{
  display:grid; grid-template-columns:16px 1fr; column-gap:8px; align-items:start;
  font-size:15px; line-height:1.55; color:#E6C068; opacity:.98; position:relative;
}
.tile .features li::before{
  content:""; width:10px; height:10px; margin-top:6px;
  border-radius:50%;
  background:#E6C068;                           /* bolinha dourada */
  box-shadow:0 0 0 1px rgba(0,0,0,.12) inset;
}

/* Link invisível que torna o card clicável */
.tile-link{ position:absolute; inset:0; border-radius:inherit }
.tile-icon{ display:none }

/* CTA abaixo da grade */
.services .center{ margin-top:32px; padding-top:0 }

/* ===============================
   i18n dentro de Services
   (garante que PT mostre as listas com bolinhas)
================================= */
.only-pt{ display:none !important; }
.only-en{ display:initial !important; }
.i18n-pt{ display:none !important; }

body.lang-pt .only-en{ display:none !important; }
body.lang-pt .only-pt,
body.lang-pt .i18n-pt{ display:initial !important; }

/* Garantia extra para blocos do card no PT */
body.lang-pt .section.services .tile .tile-sub.i18n-pt{ display:block !important; }
body.lang-pt .section.services .tile .features.i18n-pt{ display:grid !important; }

/* ===============================
   Responsivo
================================= */
@media (max-width:1180px){
  .service-list.tiles{ grid-template-columns:repeat(3,1fr) }
}
@media (max-width:900px){
  .service-list.tiles{ grid-template-columns:repeat(2,1fr) }
}
@media (max-width:560px){
  .service-list.tiles{ grid-template-columns:1fr }
  .section-head{ text-align:left }
  .section-head p{ margin-left:0; margin-right:0 }
}