/* ============================================
   ÍCONES SVG - Estilos
   ============================================ */

.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
}

/* Ícones inline (dentro de texto) */
.inline-icon {
    width: 0.9em;
    height: 0.9em;
    margin: 0 0.2em;
    vertical-align: baseline;
}

/* Ícones de problema */
.problem-icon {
    width: 3.5em;
    height: 3.5em;
    margin-bottom: 20px;
    display: block;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* Ícones de benefício */
.benefit-icon {
    width: 3em;
    height: 3em;
    margin-bottom: 20px;
    display: block;
}

/* Ícone de upload */
.upload-icon {
    width: 4em;
    height: 4em;
    opacity: 0.7;
    display: block;
}

/* Ícone de arquivo */
.file-icon {
    width: 3em;
    height: 3em;
    display: block;
}

/* Ícone de erro */
.error-icon {
    width: 2em;
    height: 2em;
    flex-shrink: 0;
}

/* Ícones de botão */
.btn .icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
    vertical-align: middle;
}

.btn-large .icon {
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.6em;
}

/* Ícones de doação */
.donate-icon {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3em;
}

.nav-link-donate .icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.3em;
    vertical-align: middle;
}

.nav-link-donate .icon-heart {
    width: 1em;
    height: 1em;
    margin-left: 0.2em;
}

/* Ícone de copiar */
.btn-copy .icon {
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* Ícone de impressora no título */
.header h1 .icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* Responsividade */
@media (max-width: 768px) {
    .problem-icon {
        width: 3em;
        height: 3em;
        margin-bottom: 15px;
    }

    .benefit-icon {
        width: 2.5em;
        height: 2.5em;
    }

    .upload-icon {
        width: 3em;
        height: 3em;
    }

    .file-icon {
        width: 2.5em;
        height: 2.5em;
    }
}