/* Seletor de idioma e listagem em espanhol.
   Usa as variáveis do tema, com reserva caso o tema mude. */

.ffi-seletor{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--navy-soft,#E7ECF1);
  border:1px solid var(--rule,#D9DEE3);
  border-left:4px solid var(--orange,#F7633B);
  padding:10px 16px;border-radius:3px;margin:0 0 26px;
  font-family:var(--brand,system-ui,sans-serif);
  font-size:14px;font-weight:700;color:var(--ink,#141A20);
  text-decoration:none;transition:background .15s,border-color .15s;
}
.ffi-seletor:hover{background:var(--orange-soft,#FDEDE7);border-color:var(--orange,#F7633B)}
.ffi-seletor span{line-height:1}
.ffi-flag{width:21px;height:14px;flex-shrink:0;display:block;border-radius:2px}

/* Listagem do arquivo em espanhol */
.ffi-lista{display:grid;gap:0;margin:26px 0}
.ffi-item{
  display:grid;grid-template-columns:170px 1fr;gap:20px;
  padding:20px 0;border-top:1px solid var(--rule,#D9DEE3);
  text-decoration:none;color:inherit;align-items:start;
}
.ffi-item:first-child{border-top:0;padding-top:0}
.ffi-item img{width:100%;height:auto;display:block}
.ffi-item h3{
  font-family:var(--display,system-ui,sans-serif);
  font-weight:700;font-size:21px;line-height:1.18;
  letter-spacing:-.022em;margin:0 0 7px;
}
.ffi-item:hover h3{color:var(--orange-deep,#C7431C)}
.ffi-item p{
  font-family:var(--read,Georgia,serif);
  font-size:16.5px;color:var(--ink-2,#4F5A64);line-height:1.45;margin:0 0 9px;
}
.ffi-item span{
  font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-2,#4F5A64);
}

@media(max-width:640px){
  .ffi-item{grid-template-columns:1fr;gap:12px}
  .ffi-seletor{width:100%;justify-content:center}
}