/* Pagină de linkuri și comunicate de presă — Cristian Țundrea, pentru Serviciul Comunicare, Primăria Municipiului Timișoara, 2026 */
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--hartie);color:var(--cerneala);font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;padding-bottom:3rem}
a{color:inherit}
.pagina{max-width:29rem;margin:0 auto;padding:0 1.25rem}
.pagina.lata{max-width:42rem}

.antet{background:var(--albastru);color:var(--hartie);padding:2.5rem 1.25rem 2rem;text-align:center;position:relative}
.antet::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ocru)}
.antet.compact{padding:1.4rem 1.25rem 1.2rem}
.sigla{width:64px;height:64px;margin:0 auto 1.1rem;display:block;object-fit:contain}
.antet.compact .sigla{width:40px;height:40px;margin-bottom:.6rem}
.institutie{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:1.6rem;line-height:1.2;letter-spacing:-.01em}
.institutie span{display:block;font-size:1.05rem;font-weight:400;opacity:.82;margin-top:.3rem}
.antet.compact .institutie{font-size:1.15rem}
.antet.compact .institutie span{display:inline;font-size:1.15rem;margin:0}
.antet.compact .institutie span::before{content:" "}
.antet a.inapoi{display:inline-block;margin-top:.6rem;font-size:.82rem;color:rgba(247,245,240,.75);text-decoration:none;border-bottom:1px solid rgba(247,245,240,.3)}
.descriere{font-size:.9rem;color:rgba(247,245,240,.72);margin:1rem auto 0;max-width:22rem}

.retele{display:flex;justify-content:center;gap:.7rem;margin-top:1.35rem;flex-wrap:wrap}
.retele a{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(247,245,240,.3);display:grid;place-items:center;color:var(--hartie);transition:background .15s ease,border-color .15s ease}
.retele a:hover,.retele a:focus-visible{background:var(--ocru);border-color:var(--ocru);color:var(--albastru)}
.retele svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.sectiune{margin-top:2.25rem}
.titlu-sectiune{font-family:'Spectral',Georgia,serif;font-size:1rem;font-weight:600;color:var(--albastru);padding-bottom:.5rem;border-bottom:1px solid var(--linie);margin-bottom:.9rem}

.buton{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:.95rem 1rem;margin-bottom:.65rem;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}
.buton:hover,.buton:focus-visible{border-color:var(--albastru);transform:translateY(-1px)}
.buton:focus-visible{outline:2px solid var(--ocru);outline-offset:2px}
.buton .ico{flex:0 0 2.1rem;height:2.1rem;display:grid;place-items:center;background:var(--hartie);border-radius:7px;color:var(--albastru)}
.buton .ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eticheta{font-weight:500;font-size:.97rem}
.sub{display:block;font-size:.79rem;color:var(--gri);font-weight:400;margin-top:.1rem}
.buton.principal{background:var(--albastru);border-color:var(--albastru);color:var(--hartie);padding:1.15rem 1rem}
.buton.principal .ico{background:rgba(247,245,240,.14);color:var(--ocru)}
.buton.principal .sub{color:rgba(247,245,240,.7)}
.buton.principal:hover{border-color:var(--ocru)}

.contact{margin-top:2.25rem;background:#fff;border:1px solid var(--linie);border-left:4px solid var(--ocru);border-radius:10px;padding:1.1rem 1.15rem}
.contact h2{font-family:'Spectral',Georgia,serif;font-size:1rem;font-weight:600;color:var(--albastru);margin-bottom:.5rem}
.contact p{font-size:.88rem;color:var(--gri);margin-bottom:.15rem}
.contact a{color:var(--albastru);text-decoration:none;border-bottom:1px solid var(--linie)}
.contact a:hover{border-color:var(--albastru)}

.subsol{text-align:center;margin-top:2.5rem;font-size:.78rem;color:var(--gri);line-height:1.7}
.subsol a{color:var(--gri)}
.subsol .credit{font-size:.72rem;opacity:.75}

/* comunicate */
.lista-comunicate{margin-top:1.75rem}
.comunicat-card{display:block;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:1.1rem 1.2rem;margin-bottom:.8rem;text-decoration:none;transition:border-color .15s ease}
.comunicat-card:hover,.comunicat-card:focus-visible{border-color:var(--albastru)}
.comunicat-card time{display:block;font-size:.78rem;color:var(--gri);margin-bottom:.3rem}
.comunicat-card h2{font-family:'Spectral',Georgia,serif;font-size:1.12rem;font-weight:600;color:var(--albastru);line-height:1.3}
.comunicat-card p{font-size:.88rem;color:var(--gri);margin-top:.4rem}
.gol{text-align:center;color:var(--gri);padding:3rem 0}

.paginare{display:flex;justify-content:space-between;margin-top:1.5rem;font-size:.88rem}
.paginare a{color:var(--albastru);text-decoration:none;border-bottom:1px solid var(--linie)}

article.comunicat{margin-top:2rem}
article.comunicat time{display:block;font-size:.82rem;color:var(--gri)}
article.comunicat h1{font-family:'Spectral',Georgia,serif;font-size:1.65rem;font-weight:600;color:var(--albastru);line-height:1.25;margin:.4rem 0 1.25rem}
article.comunicat .rezumat{font-size:1.02rem;color:var(--cerneala);border-left:3px solid var(--ocru);padding-left:.9rem;margin-bottom:1.5rem}
article.comunicat .continut{font-size:.98rem;line-height:1.65}
article.comunicat .continut p{margin-bottom:1rem}
article.comunicat .continut ul{margin:0 0 1rem 1.3rem}
article.comunicat .continut a{color:var(--albastru)}
.atasamente{margin-top:2rem}
.atasamente h2{font-family:'Spectral',Georgia,serif;font-size:1rem;color:var(--albastru);padding-bottom:.5rem;border-bottom:1px solid var(--linie);margin-bottom:.8rem}
.atasamente a{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:#fff;border:1px solid var(--linie);border-radius:8px;margin-bottom:.5rem;text-decoration:none;font-size:.9rem}
.atasamente a span{color:var(--gri);font-size:.8rem;white-space:nowrap}
.atasamente a:hover{border-color:var(--albastru)}
.rss{font-size:.8rem;color:var(--gri);text-align:right;margin-top:.5rem}
.rss a{color:var(--gri)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}