|
|
| Linha 127: |
Linha 127: |
| </div> | | </div> |
|
| |
|
| /* ========================= | | </div> |
| EVERLIGHT – CARDS PRINCIPAIS
| |
| Crop automático 300x180
| |
| ========================= */
| |
| | |
| .everlight-cards {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 20px;
| |
| justify-content: center;
| |
| }
| |
| | |
| .everlight-card {
| |
| width: 300px;
| |
| background: #111;
| |
| border-radius: 8px;
| |
| overflow: hidden;
| |
| text-align: center;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| }
| |
| | |
| .everlight-card:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 8px 20px rgba(0,0,0,0.6);
| |
| }
| |
| | |
| /* Área da imagem */
| |
| .everlight-card .img {
| |
| width: 100%;
| |
| height: 180px;
| |
| overflow: hidden;
| |
| background: #000;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
| | |
| /* Imagem do MediaWiki */
| |
| .everlight-card .img img {
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| }
| |
| | |
| /* Título do card */
| |
| .everlight-card a {
| |
| display: block;
| |
| padding: 10px 0;
| |
| color: #fff;
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .everlight-card a:hover {
| |
| color: #ffd35a;
| |
| }
| |
