/* Botones reutilizables. */
.btn-principal {
    border-color: var(--cobre);
    background-color: var(--cobre);
    color: var(--blanco);
    font-weight: 600;
}

.btn-principal:hover,
.btn-principal:focus {
    border-color: #8f5735;
    background-color: #8f5735;
    color: var(--blanco);
}

.btn-secundario {
    border: 1px solid var(--blanco);
    background-color: transparent;
    color: var(--blanco);
    font-weight: 600;
}

.btn-secundario:hover,
.btn-secundario:focus {
    border-color: var(--blanco);
    background-color: var(--blanco);
    color: var(--carbon);
}

.btn-enlace {
    padding: 0.75rem 0;
    border: 0;
    border-bottom: 2px solid var(--cobre);
    border-radius: 0;
    color: var(--verde-principal);
    font-weight: 700;
}

.btn-enlace:hover,
.btn-enlace:focus {
    border-bottom-color: var(--verde-principal);
    color: var(--cobre);
}