/* publica.css — P4b: doar ce lipsește din hostmind.css pentru pagina publică (familia caldă). Fără coral. */
.rodape-pub { display: grid; gap: var(--sp3); }
.libras { display: grid; gap: var(--sp2); justify-items: end; }
.libras .cartao { max-width: 28rem; }
.campo input[type="search"] { width: 100%; }
[hidden] { display: none !important; }
caption { text-align: left; padding-bottom: var(--sp1); }
html.alto { --base: #FFFFFF; --texto: #000000; --sec: #1B1B1B; --acao: #0B3D33; --linha: #000000; --acao-suave: #F0F0F0; }
html.alto body { background: #FFFFFF; }
.pilha h2 .acento { color: var(--acao); }
@media (max-width: 900px) {
  .titlu-bi { font-size: var(--t4); }
  .antet .acoes { flex-wrap: nowrap; gap: var(--sp1); }
  .antet .acoes .btn { padding: 0 var(--sp2); }
  .pagina { gap: var(--sp3); padding-top: var(--sp3); }
  #conteudo { gap: var(--sp3); }
  .pilha { gap: var(--sp2); }
}
.pagina > .selo { justify-self: start; }
.acordeao { display: grid; gap: var(--sp2); }
.acord { border: 1px solid var(--linha); border-radius: var(--raio); background: var(--card); }
.acord summary { display: flex; align-items: center; min-height: var(--alvo); padding: 0 var(--sp3); cursor: pointer; font-weight: 500; }
.acord[open] summary { border-bottom: 1px solid var(--linha); }
.acord .rolagem { padding: var(--sp2) var(--sp3); }
/* A5: pe telefon cele patru cifre ale unui item stau în două coloane (fiecare cu unitate), nu în patru rânduri */
@media (max-width: 600px) {
  #itens tr, .acord tbody tr { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp1) var(--sp2); }
  #itens td:first-child, .acord tbody td:first-child { grid-column: 1 / -1; }
  #itens td.n, .acord td.n { padding: 0; flex-direction: column; justify-content: flex-start; gap: 0; }
  #itens td.preco { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; align-items: baseline; gap: var(--sp1); font-size: var(--t1); line-height: 1.2; }
  #itens tr { row-gap: 0; }
  #itens tr { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 0; }
  .pagina .cartao { padding: var(--sp3); }
  .pilha h2 { font-size: var(--t3); }
  #itens tr { padding: 0; } #itens td:first-child { padding: var(--sp1) 0; }
  #t-itens caption { position: absolute; left: -9999px; }
}