/* Complement de style.css per a les pàgines generades per build.py (abans era dins vortex_index.cgi) */
body { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }

nav.dalt { padding: 14px 5vw 0; font-size: 14px; }
nav.dalt a { font-weight: normal; color: #777; }

header { color: #000; padding: 1rem; text-align: center; }
header h1 { margin: 10px 0; }

.mosaic { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2.5rem; padding: 2rem; }
.tile { display: block; padding: 10px 14px; text-align: center; background: #fafafa; border: 1px solid #e5e7eb; border-radius: .5rem;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); transition: transform .15s; }
.tile:hover { transform: translateY(-3px); text-decoration: none; }
.tile img { width: 100%; height: 180px; object-fit: cover; border-radius: 4px; }
.tile strong { display: block; font-size: 22px; line-height: 1.25; margin: 10px 0 4px; color: #000; }
.tile:hover strong { color: #3274d0; }
.tile p { color: #777; font-weight: normal; line-height: 1.45; margin: 0 0 6px; }

.ad { text-align: center; margin: 2rem 0; overflow: hidden; }

footer { background: url(img/footer.png) repeat-x right bottom, linear-gradient(270deg, #1a5868 0%, #7fa2ab 100%);
         background-size: auto 100%, cover; height: 170px; color: #c3c3c3; text-align: center; font-size: 12px; padding-top: 40px; box-sizing: border-box; }
footer a:link, footer a:visited { color: #fff; font-weight: normal; }