/* ============================================
   ÍCONES SVG DOS 5 SOLAS
   Inspirados nas imagens da Reforma
   ============================================ */

.sola-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sola-icon svg {
    width: 100%;
    height: 100%;
    stroke: var(--reforma-gold);
    fill: none;
    stroke-width: 1.5;
    transition: var(--transition);
}

.sola-card:hover .sola-icon svg,
.sola-detail .sola-icon svg {
    stroke: var(--reforma-blue);
    stroke-width: 2;
}

/* Sola Scriptura - Livro Aberto */
.sola-icon-scriptura svg {
    stroke: var(--reforma-gold);
}

/* Solus Christus - Cruz */
.sola-icon-christus svg {
    stroke: var(--reforma-gold);
}

/* Sola Fide - Coração com Chama */
.sola-icon-fide svg {
    stroke: var(--reforma-gold);
    fill: var(--reforma-gold);
    fill-opacity: 0.1;
}

.sola-card:hover .sola-icon-fide svg,
.sola-detail .sola-icon-fide svg {
    fill: var(--reforma-blue);
    fill-opacity: 0.15;
}

/* Sola Gratia - Escudo */
.sola-icon-gratia svg {
    stroke: var(--reforma-gold);
}

/* Soli Deo Gloria - Coroa */
.sola-icon-gloria svg {
    stroke: var(--reforma-gold);
    fill: var(--reforma-gold);
    fill-opacity: 0.15;
}

.sola-card:hover .sola-icon-gloria svg,
.sola-detail .sola-icon-gloria svg {
    fill: var(--reforma-blue);
    fill-opacity: 0.2;
}

/* Estilos para página de detalhes */
.sola-detail .sola-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 2rem;
}